0.2.10 • Published 9 months ago
@channel.io/bezier-tokens v0.2.10
Bezier Tokens
Bezier Tokens is a design tokens library that implements Bezier design system.
Installation
npm i -D @channel.io/bezier-tokens
Usage
JavaScript
You can access and use values by token group.
import { tokens } from '@channel.io/bezier-tokens'
console.log(tokens.global.color['blue-300']) // "#..."
console.log(tokens.lightTheme.color['bg-black-dark']) // "#..."
CSS
Provide all design tokens as CSS variables. If you want to apply dark theme tokens, add the data-bezier-theme="dark"
attribute to the parent element. The default is light theme tokens, which can also be applied by adding the data-bezier-theme="light"
attribute to the parent element.
import '@channel.io/bezier-tokens/css/styles.css'
div {
background: var(--bg-black-dark);
}
Contributing
See contribution guide.
Maintainers
This package is mainly contributed by Channel Corp. Although feel free to contribution, or raise concerns!
0.2.10
9 months ago
0.2.9
9 months ago
0.2.8
9 months ago
0.2.7
10 months ago
0.2.6
12 months ago
0.2.5
1 year ago
0.2.4
1 year ago
0.2.3
1 year ago
0.2.2
1 year ago
0.2.1
1 year ago
0.2.0
1 year ago
0.1.0
1 year ago
0.1.0-alpha.5
1 year ago
0.1.0-alpha.4
1 year ago
0.1.0-alpha.3
2 years ago
0.1.0-alpha.2
2 years ago
0.1.0-alpha.1
2 years ago
0.1.0-alpha.0
2 years ago