Coop Design System
NPM packages

@coop/cds-tokens

NPM package changelog.

This package follows the Semantic Versioning specification.

3.2.0

Minor Changes

  • c86a054: iOS cds configuration has been created

Patch Changes

  • 3b36919: Fix lack of base CSS dark mode variables when only theme-ids26-dark class is used on a <html /> tag.
  • e63c6e4: Add all primitive tokens into internal SCSS file.
  • c6ff6a8: Sync tokens with FIgma
  • 89c08b6: Sync tokens with Figma
  • e63c6e4: Sync tokens from Figma.
  • d5bed9a: Fix invocation of cds-migration script for NPM users by adding node shebang

3.1.1

Patch Changes

  • b1796c6: Add correct visibility modifiers for primitive classes in Android files. Add note to mark auto-generated files for Android.
  • 86eb573: Sync Figma tokens

3.1.0

Minor Changes

  • df1966a: Introduce source files from tokens generation for Android platform.

3.0.2

Patch Changes

  • 33516d9: Update tokens from Figma - rename recently added "color/background/base" token into "color/background/sheet"

3.0.1

Patch Changes

  • 80b274b: Update tokens from Figma: fine-tune ID26 themes, add 'color/background/base' to current theme.

3.0.0

Major Changes

  • 5ee2c68: 💥 Breaking change: Semantic meaning of inverse has been changed and unified across whole CDS. New inverse and outlined-inverse semantic tokens should be migrated into subtle and outlined-subtle respectively. A migration step has been added to a CDS Migration CLI Tool to ease the migration.

Minor Changes

  • 5ee2c68: Add support for line-height and letter spacing typography tokens, classes and mixins
  • 5ee2c68: Add subtle and outlined-subtle semantic and component tokens.

2.0.0

Major Changes

  • 5670136: This version includes ID26 rebrand tokens, both primitive and semantic ones. In order to properly meet UI needs, some light changes to the overall token structure and naming were necessary, making this version a breaking change. New migration step for external apps in CDS Migration Tool is available to help with app's codebase migration.

Patch Changes

  • 5670136: Add dark green text token from Figma sync - color-text-tertiary

2.0.0-beta.1

Patch Changes

  • 9612b5a: Add dark green text token from Figma sync - color-text-tertiary

2.0.0-beta.0

Major Changes

  • 9346289: This version includes ID26 rebrand tokens, both primitive and semantic ones. In order to properly meet UI needs, some light changes to the overall token structure and naming were necessary, making this version a breaking change. New migration step for external apps in CDS Migration Tool is available to help with app's codebase migration.

1.0.1

Patch Changes

  • c8d4f6c: Sync with Figma to introduce renames of internal component tokens

1.0.0

Major Changes

  • 2b5e0f9: 💥 BREAKING: Most of the exposed tokens have been removed, renamed or changed value, to reach 100% alignment with Figma. Run migration script to detect the changes in your codebase and fix the issues.
  • 2b5e0f9: 💥 BREAKING: Add automatic synchronization of tokens with Figma API. Since current Figma variables are out of sync with code (i.e. some tokens we use don't exist in Figma, or they are renamed), users are asked to run a migration script in their codebase to replace the old CSS variables with new ones. Information on how to run migrations can be checked in scripts/migrations README file.
  • 2b5e0f9: 💥 BREAKING (Web): From now on primitive color tokens (--cds-colorl-* variables) are not exposed to the consuming applications. Users must migrate to semantic tokens instead (i.e. --cds-semantic-color-background-canvas), which will give CDS the ability to introduce dark mode and other themes without need of replacing colors in consuming applications. A migration can be run on the application sourcecode that will pinpoint all the places that needs to be updated. Information on how to run migrations can be checked in scripts/migrations README file.
  • 2b5e0f9: Prepare for multiple theme support for rebrand ID26 and Dark Mode. Add support for Figma's Extended Collections.

Minor Changes

  • 2b5e0f9: Add a script that detects wrong web code syntax in Figma variables.
  • 2b5e0f9: Expose experimental CSS variables for ID26 theme

1.0.0-beta.2

Minor Changes

  • d97cead: Expose experimental CSS variables for ID26 theme

1.0.0-beta.1

Major Changes

  • Prepare for multiple theme support for rebrand ID26 and Dark Mode. Add support for Figma's Extended Collections.

1.0.0-beta.0

Major Changes

  • e02fc20: 💥 BREAKING: Most of the exposed tokens have been removed, renamed or changed value, to reach 100% alignment with Figma. Run migration script to detect the changes in your codebase and fix the issues.
  • ab363ec: 💥 BREAKING: Add automatic synchronization of tokens with Figma API. Since current Figma variables are out of sync with code (i.e. some tokens we use don't exist in Figma, or they are renamed), users are asked to run a migration script in their codebase to replace the old CSS variables with new ones. Information on how to run migrations can be checked in scripts/migrations README file.
  • 42bf7e1: 💥 BREAKING (Web): From now on primitive color tokens (--cds-colorl-* variables) are not exposed to the consuming applications. Users must migrate to semantic tokens instead (i.e. --cds-semantic-color-background-canvas), which will give CDS the ability to introduce dark mode and other themes without need of replacing colors in consuming applications. A migration can be run on the application sourcecode that will pinpoint all the places that needs to be updated. Information on how to run migrations can be checked in scripts/migrations README file.

Minor Changes

  • 1b9c090: Add a script that detects wrong web code syntax in Figma variables.

0.1.1

Patch Changes

  • 7dcf430: Move commander to deps to fix cds migration script execution
  • 5e2bc19: Remove workspace protocol from peer dependencies

0.1.0

Minor Changes

  • e6bda2d: Add new Design Tokens from figma, leave old tokens untouched except --cds-color-red-100 which got a new value.

0.0.6

Patch Changes

  • 5edd8b7: Fix naming of secondary font family

0.0.5

Patch Changes

  • 38c2b50: Bump patch in tokens package
  • fe05208: Create @coop/cds-tokens package

On this page