14.6.0 • Published 8 months ago

@spectrum-css/tokens v14.6.0

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

@spectrum-css/tokens

Core tokens builder for Spectrum CSS

This package uses StyleDictionary to build Spectrum core tokens for CSS.

Output

The output is concatenated into a single dist/index.css for use in Spectrum CSS. This entire file should be imported, and the relevant classes should be toggled to swap out core tokens.

On the <html> element, start with .spectrum, add in .spectrum--light, then .spectrum--medium. To switch to Express, add .spectrum--express.

Overrides and additions

Overrides and additions to core tokens can be added to custom.css.

Ensure that you correctly scope any added tokens:

  • .spectrum - Global, unchanging tokens or tokens specific to the Spectrum flavor
  • .spectrum--express - Tokens specific to the Express flavor
  • .spectrum--lightest - Tokens specific to the light color stop (soon to be deprecated)
  • .spectrum--light - Tokens specific to the light color stop
  • .spectrum--dark - Tokens specific to the dark color stop
  • .spectrum--darkest - Tokens specific to the darkest color stop
  • .spectrum--medium - Tokens specific to the medium (desktop) scale
  • .spectrum--large - Tokens specific to the large (mobile) scale
  • .spectrum--express.spectrum--* - Tokens specific to the Express flavor for any of the above color stops and scales
14.0.0-next.9

8 months ago

14.6.0

8 months ago

14.5.0

8 months ago

14.4.0

9 months ago

14.2.0

1 year ago

14.3.0

1 year ago

14.3.1

1 year ago

14.3.2

9 months ago

14.0.0-next.8

1 year ago

14.1.0

1 year ago

14.1.0-alpha.3

1 year ago

14.1.0-alpha.2

1 year ago

14.1.0-alpha.1

1 year ago

14.1.0-alpha.0

1 year ago

14.0.0-next.7

1 year ago

14.0.0

1 year ago

14.0.0-next.6

1 year ago

14.0.0-next.5

1 year ago

14.0.0-next.4

1 year ago

14.0.0-next.3

1 year ago

14.0.0-next.2

1 year ago

14.0.0-next.1

1 year ago

13.2.0

1 year ago

13.1.2

1 year ago

13.1.1

1 year ago

14.0.0-next.0

1 year ago

13.1.0

1 year ago

13.1.0-beta.2

1 year ago

13.1.0-beta.1

1 year ago

13.0.9

1 year ago

13.1.0-beta.0

1 year ago

13.0.8

1 year ago

13.0.7

1 year ago

13.0.6

2 years ago

10.2.1

2 years ago

10.2.2

2 years ago

11.2.0-alpha.0

2 years ago

12.0.0

2 years ago

11.4.0

2 years ago

11.2.2

2 years ago

11.2.0

2 years ago

11.0.2

2 years ago

11.2.1

2 years ago

11.0.0

2 years ago

11.0.1

2 years ago

13.0.4

2 years ago

13.0.5

2 years ago

13.0.2

2 years ago

13.0.3

2 years ago

13.0.0

2 years ago

13.0.1

2 years ago

11.3.3

2 years ago

11.3.4

2 years ago

11.3.1

2 years ago

11.3.2

2 years ago

11.3.7

2 years ago

11.3.5

2 years ago

11.3.6

2 years ago

11.3.0

2 years ago

11.1.0

2 years ago

10.0.0

2 years ago

10.2.0

2 years ago

9.1.0

2 years ago

9.3.0

2 years ago

10.1.0

2 years ago

10.1.1

2 years ago

10.1.2

2 years ago

9.2.0

2 years ago

9.0.4

2 years ago

9.0.3

2 years ago

8.0.4

2 years ago

7.4.0

2 years ago

7.3.0

2 years ago

7.7.0

2 years ago

7.6.1

2 years ago

7.6.0

2 years ago

7.5.1

2 years ago

7.5.0

2 years ago

8.1.0

2 years ago

8.0.1

2 years ago

8.0.0

2 years ago

8.0.3

2 years ago

8.1.1

2 years ago

8.0.2

2 years ago

9.0.1

2 years ago

9.0.0

2 years ago

7.2.0

2 years ago

7.1.0

2 years ago

7.0.0

2 years ago

6.1.0

3 years ago

6.0.0

3 years ago

6.3.0

2 years ago

6.2.1

2 years ago

6.2.0

2 years ago

6.2.2

2 years ago

5.0.0

3 years ago

4.0.0

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

3.0.0

3 years ago

2.0.0

3 years ago

1.0.6

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.0-beta.2

3 years ago

1.0.0-beta.1

3 years ago

1.0.0-beta.0

3 years ago