UNPKG

@engie-group/fluid-design-tokens

Version:
473 lines (465 loc) 78.4 kB
## V5.3 to V5.4 migration ⚠️ There has been **substantial breaking changes** in this new version. To adapt to those changes with as less effort as possible, we provide a script to migrate all tokens at once. - [Getting started](#getting-started) - [All changes](#all-changes) ### Getting started The script is provided in a new `@engie-group/fluid-cli` package [Fluid CLI](https://www.npmjs.com/package/@engie-group/fluid-cli). Please refer to the script readme to migrate all of your css variables. As some tokens have been removed, the script will replace those tokens by the same name but will add prefix `REMOVED`. Be careful when the migration is done you should check for `--nj-REMOVED` in all your files and replace them with the correct token. ### All changes Here is the data that is used to do these replacements. ```json5 { // Backgrounds 'var(--nj-color-background-primary)': 'var(--nj-semantic-color-background-neutral-primary-default)', 'var(--nj-color-background-primary-hovered)': 'var(--nj-semantic-color-background-neutral-primary-hovered)', 'var(--nj-color-background-primary-focused)': 'var(--nj-semantic-color-background-neutral-primary-focused)', 'var(--nj-color-background-primary-pressed)': 'var(--nj-semantic-color-background-neutral-primary-pressed)', 'var(--nj-color-background-primary-selected)': 'var(--nj-semantic-color-background-neutral-primary-selected)', 'var(--nj-color-background-secondary)': 'var(--nj-semantic-color-background-neutral-secondary-default)', 'var(--nj-color-background-secondary-hovered)': 'var(--nj-semantic-color-background-neutral-secondary-hovered)', 'var(--nj-color-background-secondary-focused)': 'var(--nj-semantic-color-background-neutral-secondary-focused)', 'var(--nj-color-background-secondary-pressed)': 'var(--nj-semantic-color-background-neutral-secondary-pressed)', 'var(--nj-color-background-secondary-transparent)': 'var(--nj-semantic-color-background-neutral-secondary-translucent-default)', 'var(--nj-color-background-secondary-transparent-hovered)': 'var(--nj-semantic-color-background-neutral-secondary-translucent-hovered)', 'var(--nj-color-background-secondary-transparent-focused)': 'var(--nj-semantic-color-background-neutral-secondary-translucent-focused)', 'var(--nj-color-background-secondary-transparent-pressed)': 'var(--nj-semantic-color-background-neutral-secondary-translucent-pressed)', 'var(--nj-color-background-tertiary)': 'var(--nj-semantic-color-background-neutral-tertiary-default)', 'var(--nj-color-background-tertiary-hovered)': 'var(--nj-semantic-color-background-neutral-tertiary-hovered)', 'var(--nj-color-background-tertiary-focused)': 'var(--nj-semantic-color-background-neutral-tertiary-focused)', 'var(--nj-color-background-tertiary-pressed)': 'var(--nj-semantic-color-background-neutral-tertiary-pressed)', 'var(--nj-color-background-tertiary-transparent)': 'var(--nj-semantic-color-background-neutral-tertiary-translucent-default)', 'var(--nj-color-background-tertiary-transparent-hovered)': 'var(--nj-semantic-color-background-neutral-tertiary-translucent-hovered)', 'var(--nj-color-background-tertiary-transparent-focused)': 'var(--nj-semantic-color-background-neutral-tertiary-translucent-focused)', 'var(--nj-color-background-tertiary-transparent-pressed)': 'var(--nj-semantic-color-background-neutral-tertiary-translucent-pressed)', 'var(--nj-color-background-neutral)': 'var(--nj-semantic-color-background-neutral-solid-default)', 'var(--nj-color-background-neutral-hovered)': 'var(--nj-semantic-color-background-neutral-solid-hovered)', 'var(--nj-color-background-neutral-focused)': 'var(--nj-semantic-color-background-neutral-solid-focused)', 'var(--nj-color-background-neutral-pressed)': 'var(--nj-semantic-color-background-neutral-solid-pressed)', 'var(--nj-color-background-transparent)': 'var(--nj-semantic-color-background-neutral-primary-translucent-default)', 'var(--nj-color-background-transparent-hovered)': 'var(--nj-semantic-color-background-neutral-primary-translucent-hovered)', 'var(--nj-color-background-transparent-focused)': 'var(--nj-semantic-color-background-neutral-primary-translucent-focused)', 'var(--nj-color-background-transparent-pressed)': 'var(--nj-semantic-color-background-neutral-primary-translucent-pressed)', 'var(--nj-color-background-transparent-selected)': 'var(--nj-semantic-color-background-neutral-primary-translucent-selected)', 'var(--nj-color-background-inverse)': 'var(--nj-semantic-color-background-neutral-inverse-default)', 'var(--nj-color-background-inverse-hovered)': 'var(--nj-semantic-color-background-neutral-inverse-hovered)', 'var(--nj-color-background-inverse-focused)': 'var(--nj-semantic-color-background-neutral-inverse-focused)', 'var(--nj-color-background-inverse-pressed)': 'var(--nj-semantic-color-background-neutral-inverse-pressed)', 'var(--nj-color-background-inverse-transparent)': 'var(--nj-semantic-color-background-neutral-inverse-translucent-default)', 'var(--nj-color-background-inverse-transparent-hovered)': 'var(--nj-semantic-color-background-neutral-inverse-translucent-hovered)', 'var(--nj-color-background-inverse-transparent-focused)': 'var(--nj-semantic-color-background-neutral-inverse-translucent-focused)', 'var(--nj-color-background-inverse-transparent-pressed)': 'var(--nj-semantic-color-background-neutral-inverse-translucent-pressed)', 'var(--nj-color-background-inverse-contrast)': 'var(--nj-REMOVED-color-background-inverse-contrast-default)', 'var(--nj-color-background-high-contrast)': 'var(--nj-semantic-color-background-neutral-spotlight-default)', 'var(--nj-color-background-backdrop)': 'var(--nj-component-backdrop-color-background)', 'var(--nj-color-background-brand)': 'var(--nj-semantic-color-background-brand-solid-default)', 'var(--nj-color-background-brand-hovered)': 'var(--nj-semantic-color-background-brand-solid-hovered)', 'var(--nj-color-background-brand-focused)': 'var(--nj-semantic-color-background-brand-solid-focused)', 'var(--nj-color-background-brand-pressed)': 'var(--nj-semantic-color-background-brand-solid-pressed)', 'var(--nj-color-background-brand-secondary)': 'var(--nj-semantic-color-background-brand-secondary-default)', 'var(--nj-color-background-brand-tertiary)': 'var(--nj-semantic-color-background-brand-tertiary-default)', 'var(--nj-color-background-brand-tertiary-hovered)': 'var(--nj-semantic-color-background-brand-tertiary-hovered)', 'var(--nj-color-background-brand-tertiary-focused)': 'var(--nj-semantic-color-background-brand-tertiary-focused)', 'var(--nj-color-background-brand-tertiary-pressed)': 'var(--nj-semantic-color-background-brand-tertiary-pressed)', 'var(--nj-color-background-brand-tertiary-transparent)': 'var(--nj-semantic-color-background-brand-tertiary-translucent-default)', 'var(--nj-color-background-brand-tertiary-transparent-hovered)': 'var(--nj-semantic-color-background-brand-tertiary-translucent-hovered)', 'var(--nj-color-background-brand-tertiary-transparent-focused)': 'var(--nj-semantic-color-background-brand-tertiary-translucent-focused)', 'var(--nj-color-background-brand-tertiary-transparent-pressed)': 'var(--nj-semantic-color-background-brand-tertiary-translucent-pressed)', 'var(--nj-color-background-brand-transparent)': 'var(--nj-semantic-color-background-brand-primary-translucent-default)', 'var(--nj-color-background-brand-transparent-hovered)': 'var(--nj-semantic-color-background-brand-primary-translucent-hovered)', 'var(--nj-color-background-brand-transparent-focused)': 'var(--nj-semantic-color-background-brand-primary-translucent-focused)', 'var(--nj-color-background-brand-transparent-pressed)': 'var(--nj-semantic-color-background-brand-primary-translucent-pressed)', 'var(--nj-color-background-brand-high-contrast)': 'var(--nj-semantic-color-background-brand-spotlight-default)', 'var(--nj-color-background-danger)': 'var(--nj-semantic-color-background-status-danger-solid-default)', 'var(--nj-color-background-danger-hovered)': 'var(--nj-semantic-color-background-status-danger-solid-hovered)', 'var(--nj-color-background-danger-pressed)': 'var(--nj-semantic-color-background-status-danger-solid-pressed)', 'var(--nj-color-background-danger-focused)': 'var(--nj-semantic-color-background-status-danger-solid-focused)', 'var(--nj-color-background-danger-secondary)': 'var(--nj-semantic-color-background-status-danger-secondary-default)', 'var(--nj-color-background-danger-tertiary)': 'var(--nj-semantic-color-background-status-danger-tertiary-default)', 'var(--nj-color-background-danger-tertiary-hovered)': 'var(--nj-semantic-color-background-status-danger-tertiary-hovered)', 'var(--nj-color-background-danger-tertiary-focused)': 'var(--nj-semantic-color-background-status-danger-tertiary-focused)', 'var(--nj-color-background-danger-tertiary-pressed)': 'var(--nj-semantic-color-background-status-danger-tertiary-pressed)', 'var(--nj-color-background-danger-tertiary-transparent)': 'var(--nj-semantic-color-background-status-danger-tertiary-translucent-default)', 'var(--nj-color-background-danger-transparent)': 'var(--nj-semantic-color-background-status-danger-primary-translucent-default)', 'var(--nj-color-background-danger-transparent-hovered)': 'var(--nj-semantic-color-background-status-danger-primary-translucent-hovered)', 'var(--nj-color-background-danger-transparent-focused)': 'var(--nj-semantic-color-background-status-danger-primary-translucent-focused)', 'var(--nj-color-background-danger-transparent-pressed)': 'var(--nj-semantic-color-background-status-danger-primary-translucent-pressed)', 'var(--nj-color-background-danger-transparent-selected)': 'var(--nj-REMOVED-color-background-danger-transparent-selected)', 'var(--nj-color-background-success)': 'var(--nj-semantic-color-background-status-success-solid-default)', 'var(--nj-color-background-success-hovered)': 'var(--nj-semantic-color-background-status-success-solid-hovered)', 'var(--nj-color-background-success-pressed)': 'var(--nj-semantic-color-background-status-success-solid-pressed)', 'var(--nj-color-background-success-secondary)': 'var(--nj-semantic-color-background-status-success-secondary-default)', 'var(--nj-color-background-success-tertiary)': 'var(--nj-semantic-color-background-status-success-tertiary-default)', 'var(--nj-color-background-success-tertiary-hovered)': 'var(--nj-semantic-color-background-status-success-tertiary-hovered)', 'var(--nj-color-background-success-tertiary-focused)': 'var(--nj-semantic-color-background-status-success-tertiary-focused)', 'var(--nj-color-background-success-tertiary-pressed)': 'var(--nj-semantic-color-background-status-success-tertiary-pressed)', 'var(--nj-color-background-success-tertiary-transparent)': 'var(--nj-semantic-color-background-status-success-tertiary-translucent-default)', 'var(--nj-color-background-success-transparent)': 'var(--nj-semantic-color-background-status-success-primary-translucent-default)', 'var(--nj-color-background-success-transparent-hovered)': 'var(--nj-semantic-color-background-status-success-primary-translucent-hovered)', 'var(--nj-color-background-success-transparent-focused)': 'var(--nj-semantic-color-background-status-success-primary-translucent-focused)', 'var(--nj-color-background-success-transparent-pressed)': 'var(--nj-semantic-color-background-status-success-primary-translucent-pressed)', 'var(--nj-color-background-success-transparent-selected)': 'var(--nj-REMOVED-color-background-success-transparent-selected)', 'var(--nj-color-background-warning)': 'var(--nj-semantic-color-background-status-warning-solid-default)', 'var(--nj-color-background-warning-hovered)': 'var(--nj-semantic-color-background-status-warning-solid-hovered)', 'var(--nj-color-background-warning-pressed)': 'var(--nj-semantic-color-background-status-warning-solid-pressed)', 'var(--nj-color-background-warning-secondary)': 'var(--nj-semantic-color-background-status-warning-secondary-default)', 'var(--nj-color-background-warning-tertiary)': 'var(--nj-semantic-color-background-status-warning-tertiary-default)', 'var(--nj-color-background-warning-tertiary-hovered)': 'var(--nj-semantic-color-background-status-warning-tertiary-hovered)', 'var(--nj-color-background-warning-tertiary-focused)': 'var(--nj-semantic-color-background-status-warning-tertiary-focused)', 'var(--nj-color-background-warning-tertiary-pressed)': 'var(--nj-semantic-color-background-status-warning-tertiary-pressed)', 'var(--nj-color-background-warning-tertiary-transparent)': 'var(--nj-semantic-color-background-status-warning-tertiary-translucent-default)', 'var(--nj-color-background-warning-transparent)': 'var(--nj-semantic-color-background-status-warning-primary-translucent-default)', 'var(--nj-color-background-warning-transparent-hovered)': 'var(--nj-semantic-color-background-status-warning-primary-translucent-hovered)', 'var(--nj-color-background-warning-transparent-focused)': 'var(--nj-semantic-color-background-status-warning-primary-translucent-focused)', 'var(--nj-color-background-warning-transparent-pressed)': 'var(--nj-semantic-color-background-status-warning-primary-translucent-pressed)', 'var(--nj-color-background-warning-transparent-selected)': 'var(--nj-REMOVED-color-background-warning-transparent-selected)', 'var(--nj-color-background-discovery)': 'var(--nj-semantic-color-background-status-discovery-solid-default)', 'var(--nj-color-background-discovery-hovered)': 'var(--nj-semantic-color-background-status-discovery-solid-hovered)', 'var(--nj-color-background-discovery-pressed)': 'var(--nj-semantic-color-background-status-discovery-solid-pressed)', 'var(--nj-color-background-discovery-secondary)': 'var(--nj-semantic-color-background-status-discovery-secondary-default)', 'var(--nj-color-background-discovery-tertiary)': 'var(--nj-semantic-color-background-status-discovery-tertiary-default)', 'var(--nj-color-background-discovery-tertiary-hovered)': 'var(--nj-semantic-color-background-status-discovery-tertiary-hovered)', 'var(--nj-color-background-discovery-tertiary-focused)': 'var(--nj-semantic-color-background-status-discovery-tertiary-focused)', 'var(--nj-color-background-discovery-tertiary-pressed)': 'var(--nj-semantic-color-background-status-discovery-tertiary-pressed)', 'var(--nj-color-background-discovery-tertiary-transparent)': 'var(--nj-semantic-color-background-status-discovery-tertiary-transparent)', 'var(--nj-color-background-discovery-transparent)': 'var(--nj-semantic-color-background-status-discovery-primary-translucent-default)', 'var(--nj-color-background-discovery-transparent-hovered)': 'var(--nj-semantic-color-background-status-discovery-primary-translucent-hovered)', 'var(--nj-color-background-discovery-transparent-focused)': 'var(--nj-semantic-color-background-status-discovery-primary-translucent-focused)', 'var(--nj-color-background-discovery-transparent-pressed)': 'var(--nj-semantic-color-background-status-discovery-primary-translucent-pressed)', 'var(--nj-color-background-discovery-transparent-selected)': 'var(--nj-REMOVED-color-background-discovery-transparent-selected)', 'var(--nj-color-background-information)': 'var(--nj-semantic-color-background-status-information-solid-default)', 'var(--nj-color-background-information-hovered)': 'var(--nj-semantic-color-background-status-information-solid-hovered)', 'var(--nj-color-background-information-pressed)': 'var(--nj-semantic-color-background-status-information-solid-pressed)', 'var(--nj-color-background-information-secondary)': 'var(--nj-semantic-color-background-status-information-secondary-default)', 'var(--nj-color-background-information-tertiary)': 'var(--nj-semantic-color-background-status-information-tertiary-default)', 'var(--nj-color-background-information-tertiary-hovered)': 'var(--nj-semantic-color-background-status-information-tertiary-hovered)', 'var(--nj-color-background-information-tertiary-focused)': 'var(--nj-semantic-color-background-status-information-tertiary-focused)', 'var(--nj-color-background-information-tertiary-pressed)': 'var(--nj-semantic-color-background-status-information-tertiary-pressed)', 'var(--nj-color-background-information-tertiary-transparent)': 'var(--nj-semantic-color-background-status-information-tertiary-translucent-default)', 'var(--nj-color-background-information-transparent)': 'var(--nj-semantic-color-background-status-information-primary-translucent)', 'var(--nj-color-background-information-transparent-hovered)': 'var(--nj-semantic-color-background-status-information-primary-translucent-hovered)', 'var(--nj-color-background-information-transparent-focused)': 'var(--nj-semantic-color-background-status-information-primary-translucent-focused)', 'var(--nj-color-background-information-transparent-pressed)': 'var(--nj-semantic-color-background-status-information-primary-translucent-pressed)', 'var(--nj-color-background-information-transparent-selected)': 'var(--nj-REMOVED-color-background-information-transparent-selected)', 'var(--nj-color-background-pink)': 'var(--nj-semantic-color-background-accent-pink-solid-default)', 'var(--nj-color-background-pink-hovered)': 'var(--nj-semantic-color-background-accent-pink-solid-hovered)', 'var(--nj-color-background-pink-pressed)': 'var(--nj-semantic-color-background-accent-pink-solid-pressed)', 'var(--nj-color-background-pink-secondary)': 'var(--nj-semantic-color-background-accent-pink-secondary-default)', 'var(--nj-color-background-pink-tertiary)': 'var(--nj-semantic-color-background-accent-pink-tertiary-default)', 'var(--nj-color-background-pink-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-pink-tertiary-hovered)', 'var(--nj-color-background-pink-tertiary-focused)': 'var(--nj-semantic-color-background-accent-pink-tertiary-focused)', 'var(--nj-color-background-pink-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-pink-tertiary-pressed)', 'var(--nj-color-background-red)': 'var(--nj-semantic-color-background-accent-red-solid-default)', 'var(--nj-color-background-red-hovered)': 'var(--nj-semantic-color-background-accent-red-solid-hovered)', 'var(--nj-color-background-red-pressed)': 'var(--nj-semantic-color-background-accent-red-solid-pressed)', 'var(--nj-color-background-red-secondary)': 'var(--nj-semantic-color-background-accent-red-secondary-default)', 'var(--nj-color-background-red-tertiary)': 'var(--nj-semantic-color-background-accent-red-tertiary-default)', 'var(--nj-color-background-red-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-red-tertiary-hovered)', 'var(--nj-color-background-red-tertiary-focused)': 'var(--nj-semantic-color-background-accent-red-tertiary-focused)', 'var(--nj-color-background-red-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-red-tertiary-pressed)', 'var(--nj-color-background-orange)': 'var(--nj-semantic-color-background-accent-orange-solid-default)', 'var(--nj-color-background-orange-hovered)': 'var(--nj-semantic-color-background-accent-orange-solid-hovered)', 'var(--nj-color-background-orange-pressed)': 'var(--nj-semantic-color-background-accent-orange-solid-pressed)', 'var(--nj-color-background-orange-secondary)': 'var(--nj-semantic-color-background-accent-orange-secondary-default)', 'var(--nj-color-background-orange-tertiary)': 'var(--nj-semantic-color-background-accent-orange-tertiary-default)', 'var(--nj-color-background-orange-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-orange-tertiary-hovered)', 'var(--nj-color-background-orange-tertiary-focused)': 'var(--nj-semantic-color-background-accent-orange-tertiary-focused)', 'var(--nj-color-background-orange-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-orange-tertiary-pressed)', 'var(--nj-color-background-yellow)': 'var(--nj-semantic-color-background-accent-yellow-solid-default)', 'var(--nj-color-background-yellow-hovered)': 'var(--nj-semantic-color-background-accent-yellow-solid-hovered)', 'var(--nj-color-background-yellow-pressed)': 'var(--nj-semantic-color-background-accent-yellow-solid-pressed)', 'var(--nj-color-background-yellow-secondary)': 'var(--nj-semantic-color-background-accent-yellow-secondary-default)', 'var(--nj-color-background-yellow-tertiary)': 'var(--nj-semantic-color-background-accent-yellow-tertiary-default)', 'var(--nj-color-background-yellow-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-yellow-tertiary-hovered)', 'var(--nj-color-background-yellow-tertiary-focused)': 'var(--nj-semantic-color-background-accent-yellow-tertiary-focused)', 'var(--nj-color-background-yellow-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-yellow-tertiary-pressed)', 'var(--nj-color-background-green)': 'var(--nj-semantic-color-background-accent-green-solid-default)', 'var(--nj-color-background-green-hovered)': 'var(--nj-semantic-color-background-accent-green-solid-hovered)', 'var(--nj-color-background-green-pressed)': 'var(--nj-semantic-color-background-accent-green-solid-pressed)', 'var(--nj-color-background-green-secondary)': 'var(--nj-semantic-color-background-accent-green-secondary-default)', 'var(--nj-color-background-green-tertiary)': 'var(--nj-semantic-color-background-accent-green-tertiary-default)', 'var(--nj-color-background-green-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-green-tertiary-hovered)', 'var(--nj-color-background-green-tertiary-focused)': 'var(--nj-semantic-color-background-accent-green-tertiary-focused)', 'var(--nj-color-background-green-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-green-tertiary-pressed)', 'var(--nj-color-background-grey)': 'var(--nj-semantic-color-background-accent-grey-solid-default)', 'var(--nj-color-background-grey-hovered)': 'var(--nj-semantic-color-background-accent-grey-solid-hovered)', 'var(--nj-color-background-grey-pressed)': 'var(--nj-semantic-color-background-accent-grey-solid-pressed)', 'var(--nj-color-background-grey-secondary)': 'var(--nj-semantic-color-background-accent-grey-secondary-default)', 'var(--nj-color-background-grey-tertiary)': 'var(--nj-semantic-color-background-accent-grey-tertiary-default)', 'var(--nj-color-background-grey-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-grey-tertiary-hovered)', 'var(--nj-color-background-grey-tertiary-focused)': 'var(--nj-semantic-color-background-accent-grey-tertiary-focused)', 'var(--nj-color-background-grey-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-grey-tertiary-pressed)', 'var(--nj-color-background-blue)': 'var(--nj-semantic-color-background-accent-blue-solid-default)', 'var(--nj-color-background-blue-hovered)': 'var(--nj-semantic-color-background-accent-blue-solid-hovered)', 'var(--nj-color-background-blue-pressed)': 'var(--nj-semantic-color-background-accent-blue-solid-pressed)', 'var(--nj-color-background-blue-secondary)': 'var(--nj-semantic-color-background-accent-blue-secondary-default)', 'var(--nj-color-background-blue-tertiary)': 'var(--nj-semantic-color-background-accent-blue-tertiary-default)', 'var(--nj-color-background-blue-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-blue-tertiary-hovered)', 'var(--nj-color-background-blue-tertiary-focused)': 'var(--nj-semantic-color-background-accent-blue-tertiary-focused)', 'var(--nj-color-background-blue-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-blue-tertiary-pressed)', 'var(--nj-color-background-ultramarine)': 'var(--nj-semantic-color-background-accent-ultramarine-default)', 'var(--nj-color-background-ultramarine-hovered)': 'var(--nj-semantic-color-background-accent-ultramarine-hovered)', 'var(--nj-color-background-ultramarine-pressed)': 'var(--nj-semantic-color-background-accent-ultramarine-pressed)', 'var(--nj-color-background-ultramarine-secondary)': 'var(--nj-semantic-color-background-accent-ultramarine-secondary-default)', 'var(--nj-color-background-ultramarine-tertiary)': 'var(--nj-semantic-color-background-accent-ultramarine-tertiary-default)', 'var(--nj-color-background-ultramarine-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-ultramarine-tertiary-hovered)', 'var(--nj-color-background-ultramarine-tertiary-focused)': 'var(--nj-semantic-color-background-accent-ultramarine-tertiary-focused)', 'var(--nj-color-background-ultramarine-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-ultramarine-tertiary-pressed)', 'var(--nj-color-background-purple)': 'var(--nj-semantic-color-background-accent-purple-solid-default)', 'var(--nj-color-background-purple-hovered)': 'var(--nj-semantic-color-background-accent-purple-solid-hovered)', 'var(--nj-color-background-purple-pressed)': 'var(--nj-semantic-color-background-accent-purple-solid-pressed)', 'var(--nj-color-background-purple-secondary)': 'var(--nj-semantic-color-background-accent-purple-secondary-default)', 'var(--nj-color-background-purple-tertiary)': 'var(--nj-semantic-color-background-accent-purple-tertiary-default)', 'var(--nj-color-background-purple-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-purple-tertiary-hovered)', 'var(--nj-color-background-purple-tertiary-focused)': 'var(--nj-semantic-color-background-accent-purple-tertiary-focused)', 'var(--nj-color-background-purple-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-purple-tertiary-pressed)', 'var(--nj-color-background-teal)': 'var(--nj-semantic-color-background-accent-teal-solid-default)', 'var(--nj-color-background-teal-hovered)': 'var(--nj-semantic-color-background-accent-teal-solid-hovered)', 'var(--nj-color-background-teal-pressed)': 'var(--nj-semantic-color-background-accent-teal-solid-pressed)', 'var(--nj-color-background-teal-secondary)': 'var(--nj-semantic-color-background-accent-teal-secondary-default)', 'var(--nj-color-background-teal-tertiary)': 'var(--nj-semantic-color-background-accent-teal-tertiary-default)', 'var(--nj-color-background-teal-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-teal-tertiary-hovered)', 'var(--nj-color-background-teal-tertiary-focused)': 'var(--nj-semantic-color-background-accent-teal-tertiary-focused)', 'var(--nj-color-background-teal-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-teal-tertiary-pressed)', 'var(--nj-color-background-lime)': 'var(--nj-semantic-color-background-accent-lime-solid-default)', 'var(--nj-color-background-lime-hovered)': 'var(--nj-semantic-color-background-accent-lime-solid-hovered)', 'var(--nj-color-background-lime-pressed)': 'var(--nj-semantic-color-background-accent-lime-solid-pressed)', 'var(--nj-color-background-lime-secondary)': 'var(--nj-semantic-color-background-accent-lime-secondary-default)', 'var(--nj-color-background-lime-tertiary)': 'var(--nj-semantic-color-background-accent-lime-tertiary-default)', 'var(--nj-color-background-lime-tertiary-hovered)': 'var(--nj-semantic-color-background-accent-lime-tertiary-hovered)', 'var(--nj-color-background-lime-tertiary-focused)': 'var(--nj-semantic-color-background-accent-lime-tertiary-focused)', 'var(--nj-color-background-lime-tertiary-pressed)': 'var(--nj-semantic-color-background-accent-lime-tertiary-pressed)', // Color References 'var(--nj-color-base-brand-100)': 'var(--nj-core-color-reference-brand-100)', 'var(--nj-color-base-brand-200)': 'var(--nj-core-color-reference-brand-200)', 'var(--nj-color-base-brand-300)': 'var(--nj-core-color-reference-brand-300)', 'var(--nj-color-base-brand-400)': 'var(--nj-core-color-reference-brand-400)', 'var(--nj-color-base-brand-500)': 'var(--nj-core-color-reference-brand-500)', 'var(--nj-color-base-brand-600)': 'var(--nj-core-color-reference-brand-600)', 'var(--nj-color-base-brand-700)': 'var(--nj-core-color-reference-brand-700)', 'var(--nj-color-base-brand-800)': 'var(--nj-core-color-reference-brand-800)', 'var(--nj-color-base-brand-900)': 'var(--nj-core-color-reference-brand-900)', 'var(--nj-color-base-brand-alpha-0)': 'var(--nj-core-color-reference-brand-alpha-0)', 'var(--nj-color-base-brand-alpha-100)': 'var(--nj-core-color-reference-brand-alpha-100)', 'var(--nj-color-base-brand-alpha-200)': 'var(--nj-core-color-reference-brand-alpha-200)', 'var(--nj-color-base-brand-alpha-300)': 'var(--nj-core-color-reference-brand-alpha-300)', 'var(--nj-color-base-neutral-0)': 'var(--nj-core-color-reference-neutral-0)', 'var(--nj-color-base-neutral-100)': 'var(--nj-core-color-reference-neutral-100)', 'var(--nj-color-base-neutral-200)': 'var(--nj-core-color-reference-neutral-200)', 'var(--nj-color-base-neutral-300)': 'var(--nj-core-color-reference-neutral-300)', 'var(--nj-color-base-neutral-400)': 'var(--nj-core-color-reference-neutral-400)', 'var(--nj-color-base-neutral-500)': 'var(--nj-core-color-reference-neutral-500)', 'var(--nj-color-base-neutral-600)': 'var(--nj-core-color-reference-neutral-600)', 'var(--nj-color-base-neutral-700)': 'var(--nj-core-color-reference-neutral-700)', 'var(--nj-color-base-neutral-800)': 'var(--nj-core-color-reference-neutral-800)', 'var(--nj-color-base-neutral-900)': 'var(--nj-core-color-reference-neutral-900)', 'var(--nj-color-base-neutral-1000)': 'var(--nj-core-color-reference-neutral-1000)', 'var(--nj-color-base-neutral-alpha-0)': 'var(--nj-core-color-reference-neutral-alpha-0)', 'var(--nj-color-base-neutral-alpha-100)': 'var(--nj-core-color-reference-neutral-alpha-100)', 'var(--nj-color-base-neutral-alpha-200)': 'var(--nj-core-color-reference-neutral-alpha-200)', 'var(--nj-color-base-neutral-alpha-300)': 'var(--nj-core-color-reference-neutral-alpha-300)', 'var(--nj-color-base-neutral-alpha-400)': 'var(--nj-core-color-reference-neutral-alpha-400)', 'var(--nj-color-base-neutral-alpha-500)': 'var(--nj-core-color-reference-neutral-alpha-500)', 'var(--nj-color-base-danger-100)': 'var(--nj-core-color-reference-status-danger-100)', 'var(--nj-color-base-danger-200)': 'var(--nj-core-color-reference-status-danger-200)', 'var(--nj-color-base-danger-300)': 'var(--nj-core-color-reference-status-danger-300)', 'var(--nj-color-base-danger-400)': 'var(--nj-core-color-reference-status-danger-400)', 'var(--nj-color-base-danger-500)': 'var(--nj-core-color-reference-status-danger-500)', 'var(--nj-color-base-danger-600)': 'var(--nj-core-color-reference-status-danger-600)', 'var(--nj-color-base-danger-700)': 'var(--nj-core-color-reference-status-danger-700)', 'var(--nj-color-base-danger-800)': 'var(--nj-core-color-reference-status-danger-800)', 'var(--nj-color-base-danger-900)': 'var(--nj-core-color-reference-status-danger-900)', 'var(--nj-color-base-danger-alpha-0)': 'var(--nj-core-color-reference-status-danger-alpha-0)', 'var(--nj-color-base-danger-alpha-100)': 'var(--nj-core-color-reference-status-danger-alpha-100)', 'var(--nj-color-base-danger-alpha-200)': 'var(--nj-core-color-reference-status-danger-alpha-200)', 'var(--nj-color-base-danger-alpha-300)': 'var(--nj-core-color-reference-status-danger-alpha-300)', 'var(--nj-color-base-success-100)': 'var(--nj-core-color-reference-status-success-100)', 'var(--nj-color-base-success-200)': 'var(--nj-core-color-reference-status-success-200)', 'var(--nj-color-base-success-300)': 'var(--nj-core-color-reference-status-success-300)', 'var(--nj-color-base-success-400)': 'var(--nj-core-color-reference-status-success-400)', 'var(--nj-color-base-success-500)': 'var(--nj-core-color-reference-status-success-500)', 'var(--nj-color-base-success-600)': 'var(--nj-core-color-reference-status-success-600)', 'var(--nj-color-base-success-700)': 'var(--nj-core-color-reference-status-success-700)', 'var(--nj-color-base-success-800)': 'var(--nj-core-color-reference-status-success-800)', 'var(--nj-color-base-success-900)': 'var(--nj-core-color-reference-status-success-900)', 'var(--nj-color-base-success-alpha-0)': 'var(--nj-core-color-reference-status-success-alpha-0)', 'var(--nj-color-base-success-alpha-100)': 'var(--nj-core-color-reference-status-success-alpha-100)', 'var(--nj-color-base-success-alpha-200)': 'var(--nj-core-color-reference-status-success-alpha-200)', 'var(--nj-color-base-success-alpha-300)': 'var(--nj-core-color-reference-status-success-alpha-300)', 'var(--nj-color-base-warning-100)': 'var(--nj-core-color-reference-status-warning-100)', 'var(--nj-color-base-warning-200)': 'var(--nj-core-color-reference-status-warning-200)', 'var(--nj-color-base-warning-300)': 'var(--nj-core-color-reference-status-warning-300)', 'var(--nj-color-base-warning-400)': 'var(--nj-core-color-reference-status-warning-400)', 'var(--nj-color-base-warning-500)': 'var(--nj-core-color-reference-status-warning-500)', 'var(--nj-color-base-warning-600)': 'var(--nj-core-color-reference-status-warning-600)', 'var(--nj-color-base-warning-700)': 'var(--nj-core-color-reference-status-warning-700)', 'var(--nj-color-base-warning-800)': 'var(--nj-core-color-reference-status-warning-800)', 'var(--nj-color-base-warning-900)': 'var(--nj-core-color-reference-status-warning-900)', 'var(--nj-color-base-warning-alpha-0)': 'var(--nj-core-color-reference-status-warning-alpha-0)', 'var(--nj-color-base-warning-alpha-100)': 'var(--nj-core-color-reference-status-warning-alpha-100)', 'var(--nj-color-base-warning-alpha-200)': 'var(--nj-core-color-reference-status-warning-alpha-200)', 'var(--nj-color-base-warning-alpha-300)': 'var(--nj-core-color-reference-status-warning-alpha-300)', 'var(--nj-color-base-discovery-100)': 'var(--nj-core-color-reference-status-discovery-100)', 'var(--nj-color-base-discovery-200)': 'var(--nj-core-color-reference-status-discovery-200)', 'var(--nj-color-base-discovery-300)': 'var(--nj-core-color-reference-status-discovery-300)', 'var(--nj-color-base-discovery-400)': 'var(--nj-core-color-reference-status-discovery-400)', 'var(--nj-color-base-discovery-500)': 'var(--nj-core-color-reference-status-discovery-500)', 'var(--nj-color-base-discovery-600)': 'var(--nj-core-color-reference-status-discovery-600)', 'var(--nj-color-base-discovery-700)': 'var(--nj-core-color-reference-status-discovery-700)', 'var(--nj-color-base-discovery-800)': 'var(--nj-core-color-reference-status-discovery-800)', 'var(--nj-color-base-discovery-900)': 'var(--nj-core-color-reference-status-discovery-900)', 'var(--nj-color-base-discovery-alpha-0)': 'var(--nj-core-color-reference-status-discovery-alpha-0)', 'var(--nj-color-base-discovery-alpha-100)': 'var(--nj-core-color-reference-status-discovery-alpha-100)', 'var(--nj-color-base-discovery-alpha-200)': 'var(--nj-core-color-reference-status-discovery-alpha-200)', 'var(--nj-color-base-discovery-alpha-300)': 'var(--nj-core-color-reference-status-discovery-alpha-300)', 'var(--nj-color-base-information-100)': 'var(--nj-core-color-reference-status-information-100)', 'var(--nj-color-base-information-200)': 'var(--nj-core-color-reference-status-information-200)', 'var(--nj-color-base-information-300)': 'var(--nj-core-color-reference-status-information-300)', 'var(--nj-color-base-information-400)': 'var(--nj-core-color-reference-status-information-400)', 'var(--nj-color-base-information-500)': 'var(--nj-core-color-reference-status-information-500)', 'var(--nj-color-base-information-600)': 'var(--nj-core-color-reference-status-information-600)', 'var(--nj-color-base-information-700)': 'var(--nj-core-color-reference-status-information-700)', 'var(--nj-color-base-information-800)': 'var(--nj-core-color-reference-status-information-800)', 'var(--nj-color-base-information-900)': 'var(--nj-core-color-reference-status-information-900)', 'var(--nj-color-base-information-alpha-0)': 'var(--nj-core-color-reference-status-information-alpha-0)', 'var(--nj-color-base-information-alpha-100)': 'var(--nj-core-color-reference-status-information-alpha-100)', 'var(--nj-color-base-information-alpha-200)': 'var(--nj-core-color-reference-status-information-alpha-200)', 'var(--nj-color-base-information-alpha-300)': 'var(--nj-core-color-reference-status-information-alpha-300)', 'var(--nj-color-base-gradient)': 'var(--nj-semantic-color-background-additional-engie-ray-default))', // Borders 'var(--nj-color-border-minimal)': 'var(--nj-semantic-color-border-neutral-minimal)', 'var(--nj-color-border-subtle)': 'var(--nj-semantic-color-border-neutral-subtle)', 'var(--nj-color-border-subtle-transparent)': 'var(--nj-REMOVED-color-border-subtle-transparent)', 'var(--nj-color-border-moderate)': 'var(--nj-semantic-color-border-neutral-moderate)', 'var(--nj-color-border-hovered)': 'var(--nj-semantic-color-border-brand-strong)', 'var(--nj-color-border-focused)': 'var(--nj-semantic-color-border-brand-strong)', 'var(--nj-color-border-bold)': 'var(--nj-semantic-color-border-neutral-strong)', 'var(--nj-color-border-strong)': 'var(--nj-REMOVED-color-border-strong)', 'var(--nj-color-border-contrast)': 'var(--nj-semantic-color-border-neutral-stronger)', 'var(--nj-color-border-inverse)': 'var(--nj-semantic-color-border-neutral-inverse)', 'var(--nj-color-border-inverse-focused)': 'var(--nj-semantic-color-border-neutral-inverse)', 'var(--nj-color-border-brand-moderate)': 'var(--nj-semantic-color-border-brand-moderate)', 'var(--nj-color-border-brand-bold)': 'var(--nj-semantic-color-border-brand-strong)', 'var(--nj-color-border-brand-strong)': 'var(--nj-REMOVED-color-border-brand-strong)', 'var(--nj-color-border-danger-subtle)': 'var(--nj-semantic-color-border-status-danger-subtle)', 'var(--nj-color-border-danger-moderate)': 'var(--nj-semantic-color-border-status-danger-moderate)', 'var(--nj-color-border-danger-bold)': 'var(--nj-semantic-color-border-status-danger-strong)', 'var(--nj-color-border-danger-strong)': 'var(--nj-REMOVED-color-border-danger-strong)', 'var(--nj-color-border-warning-subtle)': 'var(--nj-semantic-color-border-status-warning-subtle)', 'var(--nj-color-border-warning-moderate)': 'var(--nj-semantic-color-border-status-warning-moderate)', 'var(--nj-color-border-warning-bold)': 'var(--nj-semantic-color-border-status-warning-strong)', 'var(--nj-color-border-warning-strong)': 'var(--nj-REMOVED-color-border-warning-strong)', 'var(--nj-color-border-success-subtle)': 'var(--nj-semantic-color-border-status-success-subtle)', 'var(--nj-color-border-success-moderate)': 'var(--nj-semantic-color-border-status-success-moderate)', 'var(--nj-color-border-success-bold)': 'var(--nj-semantic-color-border-status-success-strong)', 'var(--nj-color-border-success-strong)': 'var(--nj-REMOVED-color-border-success-strong)', 'var(--nj-color-border-discovery-subtle)': 'var(--nj-semantic-color-border-status-discovery-subtle)', 'var(--nj-color-border-discovery-moderate)': 'var(--nj-semantic-color-border-status-discovery-moderate)', 'var(--nj-color-border-discovery-bold)': 'var(--nj-semantic-color-border-status-discovery-strong)', 'var(--nj-color-border-discovery-strong)': 'var(--nj-REMOVED-color-border-discovery-strong)', 'var(--nj-color-border-information-subtle)': 'var(--nj-semantic-color-border-status-information-subtle)', 'var(--nj-color-border-information-moderate)': 'var(--nj-semantic-color-border-status-information-moderate)', 'var(--nj-color-border-information-bold)': 'var(--nj-semantic-color-border-status-information-strong)', 'var(--nj-color-border-information-strong)': 'var(--nj-REMOVED-color-border-information-strong)', 'var(--nj-color-border-pink-moderate)': 'var(--nj-semantic-color-border-accent-pink-moderate)', 'var(--nj-color-border-pink-bold)': 'var(--nj-semantic-color-border-accent-pink-strong)', 'var(--nj-color-border-pink-strong)': 'var(--nj-REMOVED-color-border-pink-strong)', 'var(--nj-color-border-red-moderate)': 'var(--nj-semantic-color-border-accent-red-moderate)', 'var(--nj-color-border-red-bold)': 'var(--nj-semantic-color-border-accent-red-strong)', 'var(--nj-color-border-red-strong)': 'var(--nj-REMOVED-color-border-red-strong)', 'var(--nj-color-border-orange-moderate)': 'var(--nj-semantic-color-border-accent-orange-moderate)', 'var(--nj-color-border-orange-bold)': 'var(--nj-semantic-color-border-accent-orange-strong)', 'var(--nj-color-border-orange-strong)': 'var(--nj-REMOVED-color-border-orange-strong)', 'var(--nj-color-border-yellow-moderate)': 'var(--nj-semantic-color-border-accent-yellow-moderate)', 'var(--nj-color-border-yellow-bold)': 'var(--nj-semantic-color-border-accent-yellow-strong)', 'var(--nj-color-border-yellow-strong)': 'var(--nj-REMOVED-color-border-yellow-strong)', 'var(--nj-color-border-green-moderate)': 'var(--nj-semantic-color-border-accent-green-moderate)', 'var(--nj-color-border-green-bold)': 'var(--nj-semantic-color-border-accent-green-strong)', 'var(--nj-color-border-green-strong)': 'var(--nj-REMOVED-color-border-green-strong)', 'var(--nj-color-border-grey-moderate)': 'var(--nj-semantic-color-border-accent-grey-moderate)', 'var(--nj-color-border-grey-bold)': 'var(--nj-semantic-color-border-accent-grey-strong)', 'var(--nj-color-border-grey-strong)': 'var(--nj-REMOVED-color-border-grey-strong)', 'var(--nj-color-border-blue-moderate)': 'var(--nj-semantic-color-border-accent-blue-moderate)', 'var(--nj-color-border-blue-bold)': 'var(--nj-semantic-color-border-accent-blue-strong)', 'var(--nj-color-border-blue-strong)': 'var(--nj-REMOVED-color-border-blue-strong)', 'var(--nj-color-border-ultramarine-moderate)': 'var(--nj-semantic-color-border-accent-ultramarine-moderate)', 'var(--nj-color-border-ultramarine-bold)': 'var(--nj-semantic-color-border-accent-ultramarine-strong)', 'var(--nj-color-border-ultramarine-strong)': 'var(--nj-REMOVED-color-border-ultramarine-strong)', 'var(--nj-color-border-purple-moderate)': 'var(--nj-semantic-color-border-accent-purple-moderate)', 'var(--nj-color-border-purple-bold)': 'var(--nj-semantic-color-border-accent-purple-strong)', 'var(--nj-color-border-purple-strong)': 'var(--nj-REMOVED-color-border-purple-strong)', 'var(--nj-color-border-teal-moderate)': 'var(--nj-semantic-color-border-accent-teal-moderate)', 'var(--nj-color-border-teal-bold)': 'var(--nj-semantic-color-border-accent-teal-strong)', 'var(--nj-color-border-teal-strong)': 'var(--nj-REMOVED-color-border-teal-strong)', 'var(--nj-color-border-lime-moderate)': 'var(--nj-semantic-color-border-accent-lime-moderate)', 'var(--nj-color-border-lime-bold)': 'var(--nj-semantic-color-border-accent-lime-strong)', 'var(--nj-color-border-lime-strong)': 'var(--nj-REMOVED-color-border-lime-strong)', // Icon colors 'var(--nj-color-icon-tertiary)': 'var(--nj-semantic-color-icon-neutral-tertiary-default)', 'var(--nj-color-icon-secondary)': 'var(--nj-semantic-color-icon-neutral-secondary-default)', 'var(--nj-color-icon-secondary-hovered)': 'var(--nj-semantic-color-icon-neutral-secondary-hovered)', 'var(--nj-color-icon-secondary-focused)': 'var(--nj-semantic-color-icon-neutral-secondary-focused)', 'var(--nj-color-icon-secondary-pressed)': 'var(--nj-semantic-color-icon-neutral-secondary-pressed)', 'var(--nj-color-icon-primary)': 'var(--nj-semantic-color-icon-neutral-primary-default)', 'var(--nj-color-icon-inverse-primary)': 'var(--nj-semantic-color-icon-neutral-inverse-default)', 'var(--nj-color-icon-brand-secondary)': 'var(--nj-semantic-color-icon-brand-primary-default)', 'var(--nj-color-icon-brand-secondary-hovered)': 'var(--nj-semantic-color-icon-brand-primary-hovered)', 'var(--nj-color-icon-brand-secondary-focused)': 'var(--nj-semantic-color-icon-brand-primary-focused)', 'var(--nj-color-icon-brand-secondary-pressed)': 'var(--nj-semantic-color-icon-brand-primary-pressed)', 'var(--nj-color-icon-brand-primary)': 'var(--nj-semantic-color-icon-brand-contrast-default)', 'var(--nj-color-icon-danger-secondary)': 'var(--nj-semantic-color-icon-status-danger-primary-default)', 'var(--nj-color-icon-danger-secondary-hovered)': 'var(--nj-semantic-color-icon-status-danger-primary-hovered)', 'var(--nj-color-icon-danger-secondary-focused)': 'var(--nj-semantic-color-icon-status-danger-primary-focused)', 'var(--nj-color-icon-danger-secondary-pressed)': 'var(--nj-semantic-color-icon-status-danger-primary-pressed)', 'var(--nj-color-icon-danger-primary)': 'var(--nj-semantic-color-icon-status-danger-primary)', 'var(--nj-color-icon-pink-secondary)': 'var(--nj-semantic-color-icon-accent-pink-primary-default)', 'var(--nj-color-icon-pink-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-pink-primary-hovered)', 'var(--nj-color-icon-pink-secondary-focused)': 'var(--nj-semantic-color-icon-accent-pink-primary-focused)', 'var(--nj-color-icon-pink-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-pink-primary-pressed)', 'var(--nj-color-icon-pink-primary)': 'var(--nj-semantic-color-icon-accent-pink-contrast-default)', 'var(--nj-color-icon-red-secondary)': 'var(--nj-semantic-color-icon-accent-red-primary-default)', 'var(--nj-color-icon-red-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-red-primary-hovered)', 'var(--nj-color-icon-red-secondary-focused)': 'var(--nj-semantic-color-icon-accent-red-primary-focused)', 'var(--nj-color-icon-red-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-red-primary-pressed)', 'var(--nj-color-icon-red-primary)': 'var(--nj-semantic-color-icon-accent-red-contrast-default)', 'var(--nj-color-icon-orange-secondary)': 'var(--nj-semantic-color-icon-accent-orange-primary-default)', 'var(--nj-color-icon-orange-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-orange-primary-hovered)', 'var(--nj-color-icon-orange-secondary-focused)': 'var(--nj-semantic-color-icon-accent-orange-primary-focused)', 'var(--nj-color-icon-orange-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-orange-primary-pressed)', 'var(--nj-color-icon-orange-primary)': 'var(--nj-semantic-color-icon-accent-orange-contrast-default)', 'var(--nj-color-icon-yellow-secondary)': 'var(--nj-semantic-color-icon-accent-yellow-primary-default)', 'var(--nj-color-icon-yellow-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-yellow-primary-hovered)', 'var(--nj-color-icon-yellow-secondary-focused)': 'var(--nj-semantic-color-icon-accent-yellow-primary-focused)', 'var(--nj-color-icon-yellow-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-yellow-primary-pressed)', 'var(--nj-color-icon-yellow-primary)': 'var(--nj-semantic-color-icon-accent-yellow-contrast-default)', 'var(--nj-color-icon-green-secondary)': 'var(--nj-semantic-color-icon-accent-green-primary-default)', 'var(--nj-color-icon-green-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-green-primary-hovered)', 'var(--nj-color-icon-green-secondary-focused)': 'var(--nj-semantic-color-icon-accent-green-primary-focused)', 'var(--nj-color-icon-green-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-green-primary-pressed)', 'var(--nj-color-icon-green-primary)': 'var(--nj-semantic-color-icon-accent-green-contrast-default)', 'var(--nj-color-icon-grey-secondary)': 'var(--nj-semantic-color-icon-accent-grey-primary-default)', 'var(--nj-color-icon-grey-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-grey-primary-hovered)', 'var(--nj-color-icon-grey-secondary-focused)': 'var(--nj-semantic-color-icon-accent-grey-primary-focused)', 'var(--nj-color-icon-grey-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-grey-primary-pressed)', 'var(--nj-color-icon-grey-primary)': 'var(--nj-semantic-color-icon-accent-grey-contrast-default)', 'var(--nj-color-icon-blue-secondary)': 'var(--nj-semantic-color-icon-accent-blue-primary-default)', 'var(--nj-color-icon-blue-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-blue-primary-hovered)', 'var(--nj-color-icon-blue-secondary-focused)': 'var(--nj-semantic-color-icon-accent-blue-primary-focused)', 'var(--nj-color-icon-blue-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-blue-primary-pressed)', 'var(--nj-color-icon-blue-primary)': 'var(--nj-semantic-color-icon-accent-blue-contrast-default)', 'var(--nj-color-icon-ultramarine-secondary)': 'var(--nj-semantic-color-icon-accent-ultramarine-primary-default)', 'var(--nj-color-icon-ultramarine-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-ultramarine-primary-hovered)', 'var(--nj-color-icon-ultramarine-secondary-focused)': 'var(--nj-semantic-color-icon-accent-ultramarine-primary-focused)', 'var(--nj-color-icon-ultramarine-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-ultramarine-primary-pressed)', 'var(--nj-color-icon-ultramarine-primary)': 'var(--nj-semantic-color-icon-accent-ultramarine-contrast-default)', 'var(--nj-color-icon-purple-secondary)': 'var(--nj-semantic-color-icon-accent-purple-primary-default)', 'var(--nj-color-icon-purple-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-purple-primary-hovered)', 'var(--nj-color-icon-purple-secondary-focused)': 'var(--nj-semantic-color-icon-accent-purple-primary-focused)', 'var(--nj-color-icon-purple-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-purple-primary-pressed)', 'var(--nj-color-icon-purple-primary)': 'var(--nj-semantic-color-icon-accent-purple-contrast-default)', 'var(--nj-color-icon-teal-secondary)': 'var(--nj-semantic-color-icon-accent-teal-primary-default)', 'var(--nj-color-icon-teal-secondary-hovered)': 'var(--nj-semantic-color-icon-accent-teal-primary-hovered)', 'var(--nj-color-icon-teal-secondary-focused)': 'var(--nj-semantic-color-icon-accent-teal-primary-focused)', 'var(--nj-color-icon-teal-secondary-pressed)': 'var(--nj-semantic-color-icon-accent-teal-primary-pressed)', 'var(--nj-color-icon-teal-primary)': 'var(--nj-semantic-color-icon-accent-teal-contrast-default)', 'var(--nj-color-icon-lime-second