0.2.10 • Published 9 months ago

@channel.io/bezier-tokens v0.2.10

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
9 months ago

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