0.2.10 • Published 10 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
10 months ago
0.2.9
10 months ago
0.2.8
11 months ago
0.2.7
11 months ago
0.2.6
1 year 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
2 years ago
0.1.0-alpha.4
2 years 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