@undefined37/design-system
v1.0.0
Published
Design system
Downloads
9
Readme
@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';