@undefined37/design-system

1.0.0 • Public • Published

@undefined37/design-system

Design Tokens are the smallest pieces of the design system — such as colors, typography, spacing, and more. They are used in place of hard-coded values to maintain a scalable and consistent visual system for UI development.

Installation

npm install @undefined37/design-system

Usage

We provide tokens in three formats: CSS, JS and TS. You can import them in your project as needed.

CSS

To use the CSS Custom Properties from our package, add the following import to the main CSS file or to the <head> of your HTML page:

@import 'path_to_node_modules/@undefined37/design-system/dist/css/tokens.css';

Or in JavaScript, if you use a bundler that supports CSS imports:

import '@undefined37/design-system/dist/css/tokens.css';

JS/TS

import { ButtonTextColor } from '@undefined37/design-system';

Readme

Keywords

Package Sidebar

Install

npm i @undefined37/design-system

Weekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

6.33 kB

Total Files

9

Last publish

Collaborators

  • undefined37