0.2.10 • Published 10 months ago

@channel.io/bezier-tokens v0.2.10

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
10 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

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