diff --git a/.changeset/tough-cows-rule.md b/.changeset/tough-cows-rule.md new file mode 100644 index 00000000000..1f2029bc9b8 --- /dev/null +++ b/.changeset/tough-cows-rule.md @@ -0,0 +1,8 @@ +--- +"@hashicorp/design-system-tokens": major +--- + +MODES - TODOs + +- Decide if this is a `major` or a `minor` +- Add a proper changeset entry here \ No newline at end of file diff --git a/DELETE-ME.txt b/DELETE-ME.txt new file mode 100644 index 00000000000..36111d41a15 --- /dev/null +++ b/DELETE-ME.txt @@ -0,0 +1 @@ +DELETE ME! \ No newline at end of file diff --git a/packages/components/package.json b/packages/components/package.json index caa55b250ec..347d7e41274 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -18,6 +18,7 @@ "author": "HashiCorp Design Systems ", "scripts": { "build": "rollup --config", + "postbuild": "cp -R dist/styles/@hashicorp/design-system-components.css ../../showcase/public/assets/styles/@hashicorp/ && cp -R dist/styles/@hashicorp/design-system-components-common.css ../../showcase/public/assets/styles/@hashicorp/ && cp -R dist/styles/@hashicorp/design-system-power-select-overrides.css ../../showcase/public/assets/styles/@hashicorp/", "format": "prettier . --cache --write", "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto", "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\" --prefixColors auto && pnpm run format", @@ -30,7 +31,10 @@ "lint:js:fix": "eslint . --fix", "lint:types": "glint", "start": "rollup --config --watch --environment development", - "prepublishOnly": "pnpm build && test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo \"\n\\033[31m⚠️ Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-components.css\\` was not found\\033[0m\\n\" && exit 1)" + "test-f:design-system-components": "test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo \"\n\\033[31m⚠️ Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-components.css\\` was not found\\033[0m\\n\" && exit 1)", + "test-f:design-system-components-common": "test -f 'dist/styles/@hashicorp/design-system-components-common.css' || (echo \"\n\\033[31m⚠️ Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-components-common.css\\` was not found\\033[0m\\n\" && exit 1)", + "test-f:design-system-power-select-overrides": "test -f 'dist/styles/@hashicorp/design-system-power-select-overrides.css' || (echo \"\n\\033[31m⚠️ Error: the pre-compiled CSS file \\`dist/styles/@hashicorp/design-system-power-select-overrides.css\\` was not found\\033[0m\\n\" && exit 1)", + "prepublishOnly": "pnpm build && pnpm test-f:design-system-components && pnpm test-f:design-system-components-common && pnpm test-f:design-system-power-select-overrides" }, "dependencies": { "@codemirror/commands": "^6.8.0", @@ -112,7 +116,6 @@ "prettier-plugin-ember-template-tag": "^2.0.5", "rollup": "^4.39.0", "rollup-plugin-copy": "^3.5.0", - "rollup-plugin-scss": "^4.0.1", "stylelint": "^16.17.0", "stylelint-config-rational-order": "^0.1.2", "stylelint-config-standard-scss": "^14.0.0", @@ -367,6 +370,8 @@ "./components/hds/text/code.js": "./dist/_app_/components/hds/text/code.js", "./components/hds/text/display.js": "./dist/_app_/components/hds/text/display.js", "./components/hds/text.js": "./dist/_app_/components/hds/text.js", + "./components/hds/theme-context.js": "./dist/_app_/components/hds/theme-context.js", + "./components/hds/theme-switcher.js": "./dist/_app_/components/hds/theme-switcher.js", "./components/hds/time.js": "./dist/_app_/components/hds/time.js", "./components/hds/time/range.js": "./dist/_app_/components/hds/time/range.js", "./components/hds/time/single.js": "./dist/_app_/components/hds/time/single.js", @@ -395,6 +400,7 @@ "./modifiers/hds-register-event.js": "./dist/_app_/modifiers/hds-register-event.js", "./modifiers/hds-tooltip.js": "./dist/_app_/modifiers/hds-tooltip.js", "./services/hds-intl.js": "./dist/_app_/services/hds-intl.js", + "./services/hds-theming.js": "./dist/_app_/services/hds-theming.js", "./services/hds-time.js": "./dist/_app_/services/hds-time.js" } }, diff --git a/packages/components/rollup.config.mjs b/packages/components/rollup.config.mjs index 9b83a1c23c6..e85388eea80 100644 --- a/packages/components/rollup.config.mjs +++ b/packages/components/rollup.config.mjs @@ -6,24 +6,57 @@ import { Addon } from '@embroider/addon-dev/rollup'; import { babel } from '@rollup/plugin-babel'; import copy from 'rollup-plugin-copy'; -import scss from 'rollup-plugin-scss'; import process from 'process'; import path from 'node:path'; +import * as sass from 'sass'; const addon = new Addon({ srcDir: 'src', destDir: 'dist', }); +// Custom SCSS compilation plugin for Rollup +function addScssCompilationPlugins(options) { + return options.map(({ inputFile, outputFile }) => ({ + name: `rollup custom plugin to generate ${outputFile}`, + generateBundle() { + try { + const inputFileFullPath = `src/styles/@hashicorp/${inputFile}`; + const outputFileFullPath = `styles/@hashicorp/${outputFile}`; + + const result = sass.compile(inputFileFullPath, { + sourceMap: true, + loadPaths: ['node_modules/@hashicorp/design-system-tokens/dist'], + }); + + // Emit the compiled CSS + this.emitFile({ + type: 'asset', + fileName: outputFileFullPath, + source: result.css, + }); + + // Emit the source map + if (result.sourceMap) { + this.emitFile({ + type: 'asset', + fileName: `${outputFileFullPath}.map`, + source: JSON.stringify(result.sourceMap), + }); + } + } catch (error) { + this.error( + `Failed to compile SCSS file "${inputFile}": ${error.message}` + ); + } + }, + })); +} + const plugins = [ // These are the modules that users should be able to import from your // addon. Anything not listed here may get optimized away. - addon.publicEntrypoints([ - '**/*.{js,ts}', - 'index.js', - 'template-registry.js', - 'styles/@hashicorp/design-system-components.scss', - ]), + addon.publicEntrypoints(['**/*.{js,ts}', 'index.js', 'template-registry.js']), // These are the modules that should get reexported into the traditional // "app" tree. Things in here should also be in publicEntrypoints above, but @@ -50,16 +83,22 @@ const plugins = [ // package names. addon.dependencies(), - scss({ - fileName: 'styles/@hashicorp/design-system-components.css', - includePaths: [ - 'node_modules/@hashicorp/design-system-tokens/dist/products/css', - ], - }), - - scss({ - fileName: 'styles/@hashicorp/design-system-power-select-overrides.css', - }), + // We use a custom plugin for the Sass/SCSS compilation + // so we can have multiple input and multiple outputs + ...addScssCompilationPlugins([ + { + inputFile: 'design-system-components.scss', + outputFile: 'design-system-components.css', + }, + { + inputFile: 'design-system-components-common.scss', + outputFile: 'design-system-components-common.css', + }, + { + inputFile: 'design-system-power-select-overrides.scss', + outputFile: 'design-system-power-select-overrides.css', + }, + ]), // Ensure that standalone .hbs files are properly integrated as Javascript. addon.hbs(), diff --git a/packages/components/src/components.ts b/packages/components/src/components.ts index 400dc061324..2a28f2d2dc0 100644 --- a/packages/components/src/components.ts +++ b/packages/components/src/components.ts @@ -327,6 +327,12 @@ export { default as HdsTextCode } from './components/hds/text/code.ts'; export { default as HdsTextDisplay } from './components/hds/text/display.ts'; export * from './components/hds/text/types.ts'; +// Theme Context +export { default as HdsThemeContext } from './components/hds/theme-context/index.ts'; + +// Theme Switcher +export { default as HdsThemeSwitcher } from './components/hds/theme-switcher/index.ts'; + // Time export { default as HdsTime } from './components/hds/time/index.ts'; export { default as HdsTimeSingle } from './components/hds/time/single.ts'; diff --git a/packages/components/src/components/hds/theme-context/index.hbs b/packages/components/src/components/hds/theme-context/index.hbs new file mode 100644 index 00000000000..3c70900eac7 --- /dev/null +++ b/packages/components/src/components/hds/theme-context/index.hbs @@ -0,0 +1,5 @@ +{{! + Copyright (c) HashiCorp, Inc. + SPDX-License-Identifier: MPL-2.0 +}} +
{{yield}}
\ No newline at end of file diff --git a/packages/components/src/components/hds/theme-context/index.ts b/packages/components/src/components/hds/theme-context/index.ts new file mode 100644 index 00000000000..c47d2625257 --- /dev/null +++ b/packages/components/src/components/hds/theme-context/index.ts @@ -0,0 +1,69 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import Component from '@glimmer/component'; +import { assert } from '@ember/debug'; +import type Owner from '@ember/owner'; + +import { + HdsThemeContextThemesValues, + HdsThemeContextModesValues, +} from './types.ts'; +import type { HdsThemeContexts } from './types.ts'; + +import type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts'; + +export interface HdsThemeContextSignature { + Args: { + // can be either an `HdsTheme` or an `HdsMode` + context: HdsThemeContexts; + }; + Blocks: { + default: []; + }; + Element: HTMLElement; +} + +export const CONTEXTUAL_THEMES: HdsThemes[] = Object.values( + HdsThemeContextThemesValues +); +export const CONTEXTUAL_MODES: HdsModes[] = Object.values( + HdsThemeContextModesValues +); +export const CONTEXTUAL_VALUES: HdsThemeContexts[] = [ + ...CONTEXTUAL_THEMES, + ...CONTEXTUAL_MODES, +]; + +export default class HdsThemeContext extends Component { + constructor(owner: Owner, args: HdsThemeContextSignature['Args']) { + super(owner, args); + + const { context } = args; + + assert( + `@context for "Hds::ThemeContext" must be one of the following: ${CONTEXTUAL_VALUES.join( + ', ' + )}; received: ${context}`, + CONTEXTUAL_VALUES.includes(context) + ); + } + + // Get the class names to apply to the component. + get classNames(): string { + const classes = ['hds-theme-context']; + + const { context } = this.args; + + // add "theme" or "mode" classes based on the @context arguments + if (CONTEXTUAL_THEMES.includes(context as HdsThemes)) { + classes.push(`hds-theme-${context}`); + } else if (CONTEXTUAL_MODES.includes(context as HdsModes)) { + classes.push(`hds-mode-${context}`); + } + + return classes.join(' '); + } +} diff --git a/packages/components/src/components/hds/theme-context/types.ts b/packages/components/src/components/hds/theme-context/types.ts new file mode 100644 index 00000000000..c9262f71ee0 --- /dev/null +++ b/packages/components/src/components/hds/theme-context/types.ts @@ -0,0 +1,32 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import { + HdsThemeValues, + HdsModesLightValues, + HdsModesDarkValues, +} from '../../../services/hds-theming.ts'; + +import type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts'; + +// re-export the enum values for the `HdsThemes` to use in the component +// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values) +export const HdsThemeContextThemesValues = { + Default: HdsThemeValues.Default, + System: HdsThemeValues.System, + Light: HdsThemeValues.Light, + Dark: HdsThemeValues.Dark, +} as const; + +// re-export the enum values for the `HdsModes` to use in the component +// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values) +export const HdsThemeContextModesValues = { + CdsG0: HdsModesLightValues.CdsG0, + CdsG10: HdsModesLightValues.CdsG10, + CdsG90: HdsModesDarkValues.CdsG90, + CdsG100: HdsModesDarkValues.CdsG100, +} as const; + +export type HdsThemeContexts = HdsThemes | Exclude; diff --git a/packages/components/src/components/hds/theme-switcher/index.hbs b/packages/components/src/components/hds/theme-switcher/index.hbs new file mode 100644 index 00000000000..b273f5936dc --- /dev/null +++ b/packages/components/src/components/hds/theme-switcher/index.hbs @@ -0,0 +1,29 @@ +{{! + Copyright (c) HashiCorp, Inc. + SPDX-License-Identifier: MPL-2.0 +}} + +{{! + ------------------------------------------------------------------------------------------ + IMPORTANT: this is a temporary implementation, while we wait for the design specifications + ------------------------------------------------------------------------------------------ +}} + + + + {{#each-in this._options as |key data|}} + {{data.label}} + {{/each-in}} + \ No newline at end of file diff --git a/packages/components/src/components/hds/theme-switcher/index.ts b/packages/components/src/components/hds/theme-switcher/index.ts new file mode 100644 index 00000000000..440238efda8 --- /dev/null +++ b/packages/components/src/components/hds/theme-switcher/index.ts @@ -0,0 +1,108 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +// ------------------------------------------------------------------------------------------ +// IMPORTANT: this is a temporary implementation, while we wait for the design specifications +// ------------------------------------------------------------------------------------------ + +import Component from '@glimmer/component'; +import { inject as service } from '@ember/service'; +import { action } from '@ember/object'; + +import type { HdsDropdownSignature } from '../dropdown/index.ts'; +import type { HdsDropdownToggleButtonSignature } from '../dropdown/toggle/button.ts'; +import type { HdsIconSignature } from '../icon/index.ts'; +import type HdsThemingService from '../../../services/hds-theming.ts'; +import type { + HdsThemes, + HdsOnSetThemeCallback, +} from '../../../services/hds-theming.ts'; + +interface ThemeOption { + theme: HdsThemes | undefined; + icon: HdsIconSignature['Args']['name']; + label: string; +} + +const OPTIONS: Record = { + default: { theme: 'default', icon: 'hashicorp', label: 'Default' }, + system: { theme: 'system', icon: 'monitor', label: 'System' }, + light: { theme: 'light', icon: 'sun', label: 'Light' }, + dark: { theme: 'dark', icon: 'moon', label: 'Dark' }, +}; + +export interface HdsThemeSwitcherSignature { + Args: { + toggleSize?: HdsDropdownToggleButtonSignature['Args']['size']; + toggleIsFullWidth?: HdsDropdownToggleButtonSignature['Args']['isFullWidth']; + hasDefaultOption?: boolean; + hasSystemOption?: boolean; + onSetTheme?: HdsOnSetThemeCallback; + }; + Element: HdsDropdownSignature['Element']; +} + +export default class HdsThemeSwitcher extends Component { + @service declare readonly hdsTheming: HdsThemingService; + + get toggleSize() { + return this.args.toggleSize ?? 'small'; + } + + get toggleIsFullWidth() { + return this.args.toggleIsFullWidth ?? false; + } + + get toggleContent() { + if ( + (this.currentTheme === 'default' && this.hasDefaultOption) || + (this.currentTheme === 'system' && this.hasSystemOption) || + this.currentTheme === 'light' || + this.currentTheme === 'dark' + ) { + return { + label: OPTIONS[this.currentTheme].label, + icon: OPTIONS[this.currentTheme].icon, + }; + } else { + return { label: 'Theme', icon: undefined }; + } + } + + // note: we will use the `default` option in development, while migrating to the `cds` theming + // during this process, consumers will enable/disable this option via code logic or feature flag + get hasDefaultOption() { + return this.args.hasDefaultOption ?? false; + } + + get hasSystemOption() { + return this.args.hasSystemOption ?? true; + } + + get _options() { + const options: Partial = { ...OPTIONS }; + + if (!this.hasDefaultOption) { + delete options.default; + } + + if (!this.hasSystemOption) { + delete options.system; + } + + return options; + } + + get currentTheme() { + // we get the theme from the global service + return this.hdsTheming.currentTheme; + } + + @action + onSelectTheme(theme: HdsThemes | undefined): void { + // we set the theme in the global service (and provide an optional user-defined callback) + this.hdsTheming.setTheme({ theme, onSetTheme: this.args.onSetTheme }); + } +} diff --git a/packages/components/src/services.ts b/packages/components/src/services.ts index 2650e722d57..9f61ec10978 100644 --- a/packages/components/src/services.ts +++ b/packages/components/src/services.ts @@ -4,3 +4,5 @@ */ // This file is used to expose public services + +export * from './services/hds-theming.ts'; diff --git a/packages/components/src/services/hds-theming.ts b/packages/components/src/services/hds-theming.ts new file mode 100644 index 00000000000..2c6f1521e55 --- /dev/null +++ b/packages/components/src/services/hds-theming.ts @@ -0,0 +1,255 @@ +import Service from '@ember/service'; +import { tracked } from '@glimmer/tracking'; + +export enum HdsThemeValues { + // default (original HDS) + Default = 'default', + // system settings (prefers-color-scheme) + System = 'system', + // user settings for dark/light + Light = 'light', + Dark = 'dark', +} + +export enum HdsModesBaseValues { + Default = 'default', +} + +export enum HdsModesLightValues { + CdsG0 = 'cds-g0', + CdsG10 = 'cds-g10', +} + +export enum HdsModesDarkValues { + CdsG90 = 'cds-g90', + CdsG100 = 'cds-g100', +} + +export type HdsThemes = `${HdsThemeValues}`; +export type HdsModes = + | `${HdsModesBaseValues}` + | `${HdsModesLightValues}` + | `${HdsModesDarkValues}`; +export type HdsModesLight = `${HdsModesLightValues}`; +export type HdsModesDark = `${HdsModesDarkValues}`; + +type HdsThemingOptions = { + lightTheme: HdsModesLight; + darkTheme: HdsModesDark; +}; + +type SetThemeArgs = { + theme: HdsThemes | undefined; + options?: HdsThemingOptions; + onSetTheme?: HdsOnSetThemeCallback; +}; + +export type HdsOnSetThemeCallbackArgs = { + currentTheme: HdsThemes | undefined; + currentMode: HdsModes | undefined; +}; + +export type HdsOnSetThemeCallback = (args: HdsOnSetThemeCallbackArgs) => void; + +export const THEMES: HdsThemes[] = Object.values(HdsThemeValues); +export const MODES_LIGHT: HdsModesLight[] = Object.values(HdsModesLightValues); +export const MODES_DARK: HdsModesDark[] = Object.values(HdsModesDarkValues); +export const MODES: HdsModes[] = [ + ...Object.values(HdsModesBaseValues), + ...MODES_LIGHT, + ...MODES_DARK, +]; + +export const HDS_THEMING_LOCALSTORAGE_DATA = 'hds-theming-data'; + +export const DEFAULT_THEMING_OPTION_LIGHT_THEME = HdsModesLightValues.CdsG0; +export const DEFAULT_THEMING_OPTION_DARK_THEME = HdsModesDarkValues.CdsG100; + +type StoredThemingData = { + theme: HdsThemes | undefined; + options: HdsThemingOptions; +}; + +// We use this guard function to check if the data parsed from `localStorage` conforms to the `StoredThemingData` type and so is safe to use. +// This prevents the application from using corrupted, malformed or malicious data, by validating the object structure, theme, and mode values. + +function isSafeStoredThemingData(data: unknown): data is StoredThemingData { + if (typeof data !== 'object' || data === null) return false; + + const d = data as Record; + + const isSafeThemeData = + // there is no stored `theme` key in the object (eg. the `default` theme was selected) + !('theme' in d) || + // there is a `theme` value and is one of the valid `HdsThemes` + d['theme'] === undefined || + THEMES.includes(d['theme'] as HdsThemes); + + const options = d['options'] as Record | undefined; + + const isSafeOptionsData = + // there is no stored `options` key in the object (eg. it's the first run of the application) + !('options' in d) || + // there is an `options` value and has valid entries + (typeof options === 'object' && + options !== null && + 'lightTheme' in options && + MODES_LIGHT.includes(options['lightTheme'] as HdsModesLight) && + 'darkTheme' in options && + MODES_DARK.includes(options['darkTheme'] as HdsModesDark)); + + return isSafeThemeData && isSafeOptionsData; +} + +export default class HdsThemingService extends Service { + @tracked _currentTheme: HdsThemes | undefined = undefined; + @tracked _currentMode: HdsModes | undefined = undefined; + @tracked _currentLightTheme: HdsModesLight = + DEFAULT_THEMING_OPTION_LIGHT_THEME; + @tracked _currentDarkTheme: HdsModesDark = DEFAULT_THEMING_OPTION_DARK_THEME; + @tracked globalOnSetTheme: HdsOnSetThemeCallback | undefined; + + initializeTheme() { + const rawStoredThemingData = localStorage.getItem( + HDS_THEMING_LOCALSTORAGE_DATA + ); + + if (rawStoredThemingData !== null) { + let storedThemingData: unknown; + try { + storedThemingData = JSON.parse(rawStoredThemingData); + } catch (error) { + // malformed JSON in localStorage, ignore and proceed with defaults + console.error( + `Error while reading local storage '${HDS_THEMING_LOCALSTORAGE_DATA}' for theming`, + error + ); + } + + if (isSafeStoredThemingData(storedThemingData)) { + this.setTheme({ + theme: storedThemingData.theme, + options: storedThemingData.options, + }); + } else { + // if data is not safe or malformed, reset theming to its defaults + this.setTheme({ + theme: undefined, + options: undefined, + }); + } + } + } + + setTheme({ theme, options, onSetTheme }: SetThemeArgs) { + if (options !== undefined) { + // if we have new options, we override the current ones (`lightTheme` / `darkTheme`) + // these options can be used by consumers that want to customize how they apply theming + // (and used by the showcase for the custom theming / theme switching logic) + if ( + Object.hasOwn(options, 'lightTheme') && + Object.hasOwn(options, 'darkTheme') + ) { + const { lightTheme, darkTheme } = options; + + this._currentLightTheme = lightTheme; + this._currentDarkTheme = darkTheme; + } else { + // fallback if something goes wrong + this._currentLightTheme = DEFAULT_THEMING_OPTION_LIGHT_THEME; + this._currentDarkTheme = DEFAULT_THEMING_OPTION_DARK_THEME; + } + } + + // set the current theme/mode (`currentTheme` / `currentMode`) + if ( + theme === undefined || // standard (no theming) + !THEMES.includes(theme) // handle possible errors + ) { + this._currentTheme = undefined; + this._currentMode = undefined; + } else if ( + theme === HdsThemeValues.Default // default (original HDS) + ) { + this._currentTheme = HdsThemeValues.Default; + this._currentMode = undefined; + } else if ( + theme === HdsThemeValues.System // system (prefers-color-scheme) + ) { + this._currentTheme = HdsThemeValues.System; + this._currentMode = undefined; + } else { + this._currentTheme = theme; + if (this._currentTheme === HdsThemeValues.Light) { + this._currentMode = this._currentLightTheme; + } + if (this._currentTheme === HdsThemeValues.Dark) { + this._currentMode = this._currentDarkTheme; + } + } + + // IMPORTANT: for this to work, it needs to be the `` tag (it's the `:root` in CSS) + const rootElement = document.querySelector('html'); + + if (!rootElement) { + return; + } + // remove or update the CSS selectors applied to the root element (depending on the `theme`/`mode` arguments) + const hdsThemingClassesToRemove = Array.from(rootElement.classList).filter( + (className) => className.match(/^hds-(theme|mode)/) + ); + rootElement.classList.remove(...hdsThemingClassesToRemove); + if (this._currentTheme !== undefined) { + rootElement.classList.add(`hds-theme-${this._currentTheme}`); + } + if (this._currentMode !== undefined) { + rootElement.classList.add(`hds-mode-${this._currentMode}`); + } + + // store the current theme and theming options in local storage + localStorage.setItem( + HDS_THEMING_LOCALSTORAGE_DATA, + JSON.stringify({ + theme: this._currentTheme, + options: { + lightTheme: this._currentLightTheme, + darkTheme: this._currentDarkTheme, + }, + }) + ); + + // this is a general callback that can be defined globally (by extending the service) + if (this.globalOnSetTheme) { + this.globalOnSetTheme({ + currentTheme: this._currentTheme, + currentMode: this._currentMode, + }); + } + + // this is a "local" callback that can be defined "locally" (eg. in a theme switcher) + if (onSetTheme) { + onSetTheme({ + currentTheme: this._currentTheme, + currentMode: this._currentMode, + }); + } + } + + // getters used for reactivity in the components/services using this service + + get currentTheme(): HdsThemes | undefined { + return this._currentTheme; + } + + get currentMode(): HdsModes | undefined { + return this._currentMode; + } + + get currentLightTheme(): HdsModesLight { + return this._currentLightTheme; + } + + get currentDarkTheme(): HdsModesDark { + return this._currentDarkTheme; + } +} diff --git a/packages/components/src/styles/@hashicorp/design-system-components-common.scss b/packages/components/src/styles/@hashicorp/design-system-components-common.scss new file mode 100644 index 00000000000..25e98da8f95 --- /dev/null +++ b/packages/components/src/styles/@hashicorp/design-system-components-common.scss @@ -0,0 +1,21 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +// these files come from `packages/tokens/dist/` +@use "products/css/helpers/color"; +@use "products/css/helpers/elevation"; +@use "products/css/helpers/focus-ring"; +@use "products/css/helpers/typography"; + +// main components file +@use "../components/index"; + +// screen-reader utility class +@use "../mixins/screen-reader-only" as *; + +// The `.sr-only` utility class visually hides content but keeps it accessible to screen readers for accessibility purposes. +.sr-only { + @include screen-reader-only(); +} diff --git a/packages/components/src/styles/@hashicorp/design-system-components.scss b/packages/components/src/styles/@hashicorp/design-system-components.scss index 00c6008b820..2b906e0c9ba 100644 --- a/packages/components/src/styles/@hashicorp/design-system-components.scss +++ b/packages/components/src/styles/@hashicorp/design-system-components.scss @@ -3,63 +3,8 @@ * SPDX-License-Identifier: MPL-2.0 */ -// these files come from the 'design-system-tokens' package -@use "tokens"; -@use "helpers/color"; -@use "helpers/elevation"; -@use "helpers/focus-ring"; -@use "helpers/typography"; +// these are the "standard" HDS tokens (the file comes from `packages/tokens/dist/`) +@use "products/css/tokens"; -// Notice: this list can be automatically edited by the Ember blueprint, please don't remove the start/end comments -// START COMPONENTS CSS FILES IMPORTS -@use "../components/accordion"; -@use "../components/advanced-table"; -@use "../components/alert"; -@use "../components/app-footer"; -@use "../components/app-frame"; -@use "../components/app-header"; -@use "../components/app-side-nav"; -@use "../components/application-state"; -@use "../components/badge"; -@use "../components/badge-count"; -@use "../components/breadcrumb"; -@use "../components/button"; -@use "../components/button-set"; -@use "../components/card"; -@use "../components/code-block"; -@use "../components/code-editor"; -@use "../components/copy"; -@use "../components/dialog-primitive"; -@use "../components/disclosure-primitive"; -@use "../components/dismiss-button"; -@use "../components/dropdown"; -@use "../components/flyout"; -@use "../components/form"; // multiple components -@use "../components/icon"; -@use "../components/icon-tile"; -@use "../components/layout"; // multiple components -@use "../components/link"; // multiple components -@use "../components/menu-primitive"; -@use "../components/modal"; -@use "../components/page-header"; -@use "../components/pagination"; -@use "../components/reveal"; -@use "../components/rich-tooltip"; -@use "../components/segmented-group"; -@use "../components/separator"; -@use "../components/side-nav"; -@use "../components/stepper"; -@use "../components/table"; -@use "../components/tabs"; -@use "../components/tag"; -@use "../components/text"; -@use "../components/time"; -@use "../components/toast"; -@use "../components/tooltip"; -// END COMPONENT CSS FILES IMPORTS - -@use "../mixins/screen-reader-only" as *; -// stylelint-disable-next-line selector-class-pattern -.sr-only { - @include screen-reader-only(); -} +// these are the styles specific (and only) for the HDS components +@use "./design-system-components-common"; diff --git a/packages/components/src/styles/components/badge-count.scss b/packages/components/src/styles/components/badge-count.scss index bddd7e1e553..8718395642e 100644 --- a/packages/components/src/styles/components/badge-count.scss +++ b/packages/components/src/styles/components/badge-count.scss @@ -7,12 +7,9 @@ // BADGE-COUNT COMPONENT // -@use "sass:math"; -@use "sass:map"; - -$hds-badge-count-types: ("flat", "inverted", "outlined"); $hds-badge-count-sizes: ("small", "medium", "large"); -$hds-badge-count-border-width: 1px; +$hds-badge-count-colors: ("neutral", "neutral-dark-mode"); +$hds-badge-count-types: ("filled", "inverted", "outlined"); .hds-badge-count { display: inline-flex; @@ -20,87 +17,40 @@ $hds-badge-count-border-width: 1px; max-width: 100%; font-weight: var(--token-typography-font-weight-medium); font-family: var(--token-typography-font-stack-text); - border: $hds-badge-count-border-width solid transparent; + border-style: solid; + border-width: var(--token-badge-border-width); } // SIZE -// these values later may come from the design tokens -$hds-badge-count-size-props: ( - "small": ( - // 13px = 0.8125rem - "font-size": 0.8125rem, - "height": 1.25rem, - // 16px = 1.2308 - "line-height": 1.2308, - "padding-vertical": 0.125rem, - "padding-horizontal": 0.5rem, - ), - "medium": ( - // 13px = 0.8125rem - "font-size": 0.8125rem, - "height": 1.5rem, - // 16px = 1.2308 - "line-height": 1.2308, - "padding-vertical": 0.25rem, - "padding-horizontal": 0.75rem, - ), - "large": ( - // 16px = 1rem - "font-size": 1rem, - "height": 2rem, - // 24px = 1.5 - "line-height": 1.5, - "padding-vertical": 0.25rem, - "padding-horizontal": 0.875rem, - ), -); - @each $size in $hds-badge-count-sizes { .hds-badge-count--size-#{$size} { - min-height: map.get($hds-badge-count-size-props, $size, "height"); - padding: calc(#{map.get($hds-badge-count-size-props, $size, "padding-vertical")} - #{$hds-badge-count-border-width}) - calc(#{map.get($hds-badge-count-size-props, $size, "padding-horizontal")} - #{$hds-badge-count-border-width}); - font-size: map.get($hds-badge-count-size-props, $size, "font-size"); - line-height: map.get($hds-badge-count-size-props, $size, "line-height"); - border-radius: math.div(map.get($hds-badge-count-size-props, $size, "height"), 2); + min-height: var(--token-badge-height-#{$size}); + // note: for the horizontal padding, we're using a specific design token for the `BadgeCount` component + padding: calc(var(--token-badge-padding-vertical-#{$size}) - var(--token-badge-border-width)) + calc(var(--token-badge-count-padding-horizontal-#{$size}) - var(--token-badge-border-width)); + font-size: var(--token-badge-typography-font-size-#{$size}); + line-height: var(--token-badge-typography-line-height-#{$size}); + border-radius: calc(var(--token-badge-height-#{$size}) / 2); } } // COLOR + TYPE COMBINATIONS -.hds-badge-count--color-neutral { - &.hds-badge-count--type-filled { - color: var(--token-color-foreground-primary); - background-color: var(--token-color-palette-neutral-200); - } - - &.hds-badge-count--type-inverted { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-neutral-500); - } - - &.hds-badge-count--type-outlined { - color: var(--token-color-foreground-primary); - background-color: transparent; - border-color: var(--token-color-palette-neutral-500); - } -} - -.hds-badge-count--color-neutral-dark-mode { - &.hds-badge-count--type-filled { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-neutral-500); - } - - &.hds-badge-count--type-inverted { - color: var(--token-color-foreground-primary); - background-color: var(--token-color-surface-faint); - } - - &.hds-badge-count--type-outlined { - color: var(--token-color-foreground-high-contrast); - background-color: transparent; - border-color: var(--token-color-palette-neutral-50); +@each $color in $hds-badge-count-colors { + .hds-badge-count--color-#{$color} { + @each $type in $hds-badge-count-types { + &.hds-badge-count--type-#{$type} { + color: var(--token-badge-foreground-color-#{$color}-#{$type}); + + @if $type == "outlined" { + background-color: transparent; + border-color: var(--token-badge-foreground-color-#{$color}-#{$type}); + } @else { + background-color: var(--token-badge-surface-color-#{$color}-#{$type}); + border-color: transparent; + } + } + } } } diff --git a/packages/components/src/styles/components/badge.scss b/packages/components/src/styles/components/badge.scss index 90e59c68109..4e51e765506 100644 --- a/packages/components/src/styles/components/badge.scss +++ b/packages/components/src/styles/components/badge.scss @@ -7,48 +7,17 @@ // BADGE COMPONENT // -@use "sass:map"; - -$hds-badge-types: ("flat", "inverted", "outlined"); -$hds-badge-colors-accents: ("highlight", "success", "warning", "critical"); $hds-badge-sizes: ("small", "medium", "large"); -$hds-badge-border-width: 1px; -$hds-badge-colors-props: ( - "highlight": ( - "inverted-background-color": var(--token-color-palette-purple-200), - "outlined-border-color": var(--token-color-palette-purple-200), - ), - "success": ( - "inverted-background-color": var(--token-color-palette-green-200), - "outlined-border-color": var(--token-color-palette-green-200), - ), - "warning": ( - "inverted-background-color": var(--token-color-palette-amber-200), - "outlined-border-color": var(--token-color-palette-amber-200), - ), - "critical": ( - "inverted-background-color": var(--token-color-palette-red-200), - "outlined-border-color": var(--token-color-palette-red-200), - ), -); +$hds-badge-colors: ("neutral", "neutral-dark-mode", "highlight", "success", "warning", "critical"); +$hds-badge-types: ("filled", "inverted", "outlined"); .hds-badge { - // Redefine color values to increase contrast - --token-color-surface-success: var(--token-color-palette-green-100); - --token-color-foreground-success-on-surface: var(--token-color-palette-green-400); - --token-color-surface-warning: var(--token-color-palette-amber-100); - --token-color-foreground-warning-on-surface: var(--token-color-palette-amber-400); - --token-color-surface-critical: var(--token-color-palette-red-100); - --token-color-foreground-critical-on-surface: var(--token-color-palette-red-400); - --token-color-surface-highlight: var(--token-color-palette-purple-100); - --token-color-foreground-highlight-on-surface: var(--token-color-palette-purple-400); - display: inline-flex; align-items: center; max-width: 100%; vertical-align: middle; - border: $hds-badge-border-width solid transparent; - border-radius: var(--token-border-radius-small); + border-style: solid; + border-width: var(--token-badge-border-width); } .hds-badge__icon { @@ -64,116 +33,42 @@ $hds-badge-colors-props: ( // SIZE -// these values later may come from the design tokens -$hds-badge-size-props: ( - "small": ( - // 13px = 0.8125rem - "font-size": 0.8125rem, - "gap": 0.25rem, - "height": 1.25rem, - "icon-size": 0.75rem, - // 16px = 1.2308 - "line-height": 1.2308, - "padding-vertical": 0.125rem, - "padding-horizontal": 0.375rem, - ), - "medium": ( - // 13px = 0.8125rem - "font-size": 0.8125rem, - "gap": 0.25rem, - "height": 1.5rem, - "icon-size": 1rem, - // 16px = 1.2308 - "line-height": 1.2308, - "padding-vertical": 0.25rem, - "padding-horizontal": 0.5rem, - ), - "large": ( - // 16px = 1rem - "font-size": 1rem, - "gap": 0.375rem, - "height": 2rem, - "icon-size": 1rem, - // 24px = 1.5 - "line-height": 1.5, - "padding-vertical": 0.25rem, - "padding-horizontal": 0.5rem, - ), -); - @each $size in $hds-badge-sizes { .hds-badge--size-#{$size} { - gap: map.get($hds-badge-size-props, $size, "gap"); - min-height: map.get($hds-badge-size-props, $size, "height"); - padding: calc(#{map.get($hds-badge-size-props, $size, "padding-vertical")} - #{$hds-badge-border-width}) - calc(#{map.get($hds-badge-size-props, $size, "padding-horizontal")} - #{$hds-badge-border-width}); + gap: var(--token-badge-gap-#{$size}); + min-height: var(--token-badge-height-#{$size}); + padding: calc(var(--token-badge-padding-vertical-#{$size}) - var(--token-badge-border-width)) + calc(var(--token-badge-padding-horizontal-#{$size}) - var(--token-badge-border-width)); + border-radius: var(--token-badge-border-radius-#{$size}); .hds-badge__icon { - width: map.get($hds-badge-size-props, $size, "icon-size"); - height: map.get($hds-badge-size-props, $size, "icon-size"); + width: var(--token-badge-icon-size-#{$size}); + height: var(--token-badge-icon-size-#{$size}); } .hds-badge__text { - font-size: map.get($hds-badge-size-props, $size, "font-size"); - line-height: map.get($hds-badge-size-props, $size, "line-height"); + font-size: var(--token-badge-typography-font-size-#{$size}); + line-height: var(--token-badge-typography-line-height-#{$size}); } } } // COLOR + TYPE COMBINATIONS -.hds-badge--color-neutral { - &.hds-badge--type-filled { - color: var(--token-color-foreground-primary); - background-color: var(--token-color-palette-neutral-200); - } - - &.hds-badge--type-inverted { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-neutral-500); - } - - &.hds-badge--type-outlined { - color: var(--token-color-foreground-primary); - background-color: transparent; - border-color: var(--token-color-palette-neutral-500); - } -} - -.hds-badge--color-neutral-dark-mode { - &.hds-badge--type-filled { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-neutral-500); - } - - &.hds-badge--type-inverted { - color: var(--token-color-foreground-primary); - background-color: var(--token-color-surface-faint); - } - - &.hds-badge--type-outlined { - color: var(--token-color-foreground-high-contrast); - background-color: transparent; - border-color: var(--token-color-palette-neutral-50); - } -} - -@each $color in $hds-badge-colors-accents { +@each $color in $hds-badge-colors { .hds-badge--color-#{$color} { - &.hds-badge--type-filled { - color: var(--token-color-foreground-#{$color}-on-surface); - background-color: var(--token-color-surface-#{$color}); - } - - &.hds-badge--type-inverted { - color: var(--token-color-foreground-high-contrast); - background-color: map.get($hds-badge-colors-props, $color, "inverted-background-color"); - } - - &.hds-badge--type-outlined { - color: var(--token-color-foreground-#{$color}); - background-color: transparent; - border-color: map.get($hds-badge-colors-props, $color, "outlined-border-color"); + @each $type in $hds-badge-types { + &.hds-badge--type-#{$type} { + color: var(--token-badge-foreground-color-#{$color}-#{$type}); + + @if $type == "outlined" { + background-color: transparent; + border-color: var(--token-badge-foreground-color-#{$color}-#{$type}); + } @else { + background-color: var(--token-badge-surface-color-#{$color}-#{$type}); + border-color: transparent; + } + } } } } diff --git a/packages/components/src/styles/components/button.scss b/packages/components/src/styles/components/button.scss index 8c0a2b64fd8..4c61b0b51fd 100644 --- a/packages/components/src/styles/components/button.scss +++ b/packages/components/src/styles/components/button.scss @@ -10,6 +10,7 @@ // @use "../mixins/button" as *; +@use "../mixins/carbonization" as *; .hds-button { @include hds-button(); @@ -51,6 +52,10 @@ width: 100%; max-width: 100%; + @include hds-apply-only-if-carbon() { + justify-content: space-between; + } + .hds-button__text { flex: 0 0 auto; } diff --git a/packages/components/src/styles/components/dropdown.scss b/packages/components/src/styles/components/dropdown.scss index 0c35374cd8b..fd32bf58c57 100644 --- a/packages/components/src/styles/components/dropdown.scss +++ b/packages/components/src/styles/components/dropdown.scss @@ -12,8 +12,6 @@ @use "../mixins/button" as *; @use "../mixins/focus-ring" as *; -$hds-dropdown-toggle-border-radius: $hds-button-border-radius; - // DROPDOWN .hds-dropdown--is-inline { @@ -39,7 +37,7 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius; color: var(--token-color-foreground-primary); background-color: var(--token-color-surface-faint); border: 1px solid var(--token-color-border-strong); - border-radius: $hds-dropdown-toggle-border-radius; + border-radius: var(--token-button-border-radius); outline-style: solid; // used to avoid double outline+focus-ring in Safari (see https://github.com/hashicorp/design-system-components/issues/161#issuecomment-1031548656) outline-color: transparent; // We need this to be transparent for a11y isolation: isolate; // used to create a new stacking context (needed to have the pseudo element below text/icon but not the parent container) @@ -81,8 +79,8 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius; align-items: center; justify-content: center; border-radius: calc( - #{$hds-dropdown-toggle-border-radius} - 2px - ); // $hds-dropdown-toggle-border-radius - (1px padding + 1px border) (= 3px) + var(--token-button-border-radius) - 2px + ); // var(--token-button-border-radius) - (1px padding + 1px border) (= 3px) img { width: 100%; diff --git a/packages/components/src/styles/components/form/file-input.scss b/packages/components/src/styles/components/form/file-input.scss index ccbf8cfae8e..9f83d0a2914 100644 --- a/packages/components/src/styles/components/form/file-input.scss +++ b/packages/components/src/styles/components/form/file-input.scss @@ -37,8 +37,8 @@ background-repeat: no-repeat; background-position: 15px 50%; background-size: var(--token-form-text-input-background-image-size); - border: $hds-button-border-width solid var(--token-color-border-strong); - border-radius: $hds-button-border-radius; + border: var(--token-button-border-width) solid var(--token-color-border-strong); + border-radius: var(--token-button-border-radius); box-shadow: var(--token-elevation-low-box-shadow); cursor: pointer; } diff --git a/packages/components/src/styles/components/form/key-value-inputs.scss b/packages/components/src/styles/components/form/key-value-inputs.scss index 4b7466f149d..108423271c2 100644 --- a/packages/components/src/styles/components/form/key-value-inputs.scss +++ b/packages/components/src/styles/components/form/key-value-inputs.scss @@ -12,9 +12,6 @@ @use "../../mixins/button" as *; @use "../../mixins/screen-reader-only" as *; -// this is the width of the icon-only button -$hds-delete-button-width: map.get($hds-button-size-props, "medium", "min-height"); - // notice: this is a
element .hds-form-key-value-inputs { display: flex; @@ -43,7 +40,8 @@ $hds-delete-button-width: map.get($hds-button-size-props, "medium", "min-height" @include hds-breakpoint-above("md") { display: grid; flex-grow: 1; - grid-template-columns: var(--hds-key-value-inputs-columns, 1fr 1fr $hds-delete-button-width); + // `var(--token-button-height-medium)` is the width/height of the icon-only button + grid-template-columns: var(--hds-key-value-inputs-columns, 1fr 1fr var(--token-button-height-medium)); align-items: flex-end; column-gap: 8px; row-gap: 0; diff --git a/packages/components/src/styles/components/index.scss b/packages/components/src/styles/components/index.scss new file mode 100644 index 00000000000..38636a92674 --- /dev/null +++ b/packages/components/src/styles/components/index.scss @@ -0,0 +1,53 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +// Notice: this list can be automatically edited by the Ember blueprint, please don't remove the start/end comments +// START COMPONENTS CSS FILES IMPORTS +@use "./accordion"; +@use "./advanced-table"; +@use "./alert"; +@use "./app-footer"; +@use "./app-frame"; +@use "./app-header"; +@use "./app-side-nav"; +@use "./application-state"; +@use "./badge"; +@use "./badge-count"; +@use "./breadcrumb"; +@use "./button"; +@use "./button-set"; +@use "./card"; +@use "./code-block"; +@use "./code-editor"; +@use "./copy"; +@use "./dialog-primitive"; +@use "./disclosure-primitive"; +@use "./dismiss-button"; +@use "./dropdown"; +@use "./flyout"; +@use "./form"; // multiple components +@use "./icon"; +@use "./icon-tile"; +@use "./layout"; // multiple components +@use "./link"; // multiple components +@use "./menu-primitive"; +@use "./modal"; +@use "./page-header"; +@use "./pagination"; +@use "./reveal"; +@use "./rich-tooltip"; +@use "./segmented-group"; +@use "./separator"; +@use "./side-nav"; +@use "./stepper"; +@use "./table"; +@use "./tabs"; +@use "./tag"; +@use "./text"; +@use "./theme-context"; +@use "./time"; +@use "./toast"; +@use "./tooltip"; +// END COMPONENT CSS FILES IMPORTS diff --git a/packages/components/src/styles/components/theme-context.scss b/packages/components/src/styles/components/theme-context.scss new file mode 100644 index 00000000000..d2bc5b3d5d0 --- /dev/null +++ b/packages/components/src/styles/components/theme-context.scss @@ -0,0 +1,12 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +// +// THEME CONTEXT +// + +.hds-theme-context { + display: contents; +} diff --git a/packages/components/src/styles/mixins/_button.scss b/packages/components/src/styles/mixins/_button.scss index 07cbdf11bb8..981410b0b7e 100644 --- a/packages/components/src/styles/mixins/_button.scss +++ b/packages/components/src/styles/mixins/_button.scss @@ -6,60 +6,11 @@ @use "sass:map"; $hds-button-sizes: ("small", "medium", "large"); -$hds-button-border-radius: var(--token-border-radius-small); -$hds-button-border-width: 1px; -$hds-button-focus-border-width: 3px; - -// these values later may come from the design tokens -$hds-button-size-props: ( - "small": ( - // 13px = 0.8125rem - "font-size": 0.8125rem, - // 14px = 0.875rem; we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) - "line-height": 0.875rem, - // 28px = 1.75rem - "min-height": 1.75rem, - // 6px = 0.375rem; here we're taking into account the 1px border - "padding-vertical": 0.375rem, - // 11px = 0.6875rem; here we're taking into account the 1px border - "padding-horizontal": 0.6875rem, - // 12px = 0.75rem - "icon-size": 0.75rem, - ), - "medium": ( - // 14px = 0.875rem - "font-size": 0.875rem, - // 16px = 1rem - "line-height": 1rem, - // 36px = 2.25rem - "min-height": 2.25rem, - // 9px = 0.5625rem; here we're taking into account the 1px border - "padding-vertical": 0.5625rem, - // 15px = 0.9375rem; here we're taking into account the 1px border - "padding-horizontal": 0.9375rem, - // 16px - "icon-size": 1rem, - ), - "large": ( - // 16px = 1rem - "font-size": 1rem, - // 24px = 1.5rem - "line-height": 1.5rem, - // 48px = 3rem - "min-height": 3rem, - // 11px = 0.6875rem; here we're taking into account the 1px border - "padding-vertical": 0.6875rem, - // 19px = 1.1875rem; here we're taking into account the 1px border - "padding-horizontal": 1.1875rem, - // 24px = 1.5rem - "icon-size": 1.5rem, - ), -); @mixin hds-button() { position: relative; display: flex; - gap: 0.375rem; + gap: var(--token-button-gap); align-items: center; justify-content: center; width: auto; @@ -71,17 +22,17 @@ $hds-button-size-props: ( font-weight: var(--token-typography-font-weight-regular); font-family: var(--token-typography-font-stack-text); text-decoration: none; - border: $hds-button-border-width solid transparent; // We need this to be transparent for a11y - border-radius: $hds-button-border-radius; + border: var(--token-button-border-width) solid transparent; // We need this to be transparent for a11y + border-radius: var(--token-button-border-radius); outline-style: solid; // used to avoid double outline+focus-ring in Safari (see https://github.com/hashicorp/design-system-components/issues/161#issuecomment-1031548656) outline-color: transparent; // We need this to be transparent for a11y isolation: isolate; } @mixin hds-button-state-disabled() { - color: var(--token-color-foreground-disabled); - background-color: var(--token-color-surface-faint); - border-color: var(--token-color-border-primary); + color: var(--token-button-foreground-color-disabled); + background-color: var(--token-button-surface-color-disabled); + border-color: var(--token-button-border-color-disabled); box-shadow: none; cursor: not-allowed; } @@ -92,58 +43,60 @@ $hds-button-size-props: ( &::before { // the position absolute of an element is computed from the inside of the border of the container // so we have to take in account the border width of the pseudo-element container itself - $shift: $hds-button-border-width + $hds-button-focus-border-width; + $shift: calc(-1 * (var(--token-button-border-width) + var(--token-button-focus-border-width))); + $radius: calc(var(--token-button-border-radius) + var(--token-button-focus-border-width)); position: absolute; - top: -$shift; - right: -$shift; - bottom: -$shift; - left: -$shift; + top: $shift; + right: $shift; + bottom: $shift; + left: $shift; z-index: -1; - border: $hds-button-focus-border-width solid transparent; - border-radius: calc(#{$hds-button-border-radius} + #{$hds-button-focus-border-width}); + border: var(--token-button-focus-border-width) solid transparent; + border-radius: $radius; content: ""; } } @mixin hds-button-color-primary() { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-blue-200); - border-color: var(--token-color-palette-blue-300); + color: var(--token-button-foreground-color-primary-default); + background-color: var(--token-button-surface-color-primary-default); + border-color: var(--token-button-border-color-primary-default); box-shadow: var(--token-elevation-low-box-shadow); &:hover, &.mock-hover { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-blue-300); - border-color: var(--token-color-palette-blue-400); + color: var(--token-button-foreground-color-primary-hover); + background-color: var(--token-button-surface-color-primary-hover); + border-color: var(--token-button-border-color-primary-hover); cursor: pointer; } &:focus, &.mock-focus { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-blue-200); - border-color: var(--token-color-focus-action-internal); + color: var(--token-button-foreground-color-primary-focus); + background-color: var(--token-button-surface-color-primary-focus); + border-color: var(--token-button-border-color-primary-focus-internal); &::before { // the position absolute of an element is computed from the inside of the border of the container // so we have to take in account the border width of the pseudo-element container itself // plus for the primary button we want to have a 2px gap between the button and the focus - $shift: $hds-button-border-width + $hds-button-focus-border-width + 2px; - top: -$shift; - right: -$shift; - bottom: -$shift; - left: -$shift; - border-color: var(--token-color-focus-action-external); - border-radius: calc(#{$hds-button-border-radius} + #{$hds-button-focus-border-width} + 2px); + $shift: calc(-1 * (var(--token-button-border-width) + var(--token-button-focus-border-width) + 2px)); + $radius: calc(var(--token-button-border-radius) + var(--token-button-focus-border-width) + 2px); + top: $shift; + right: $shift; + bottom: $shift; + left: $shift; + border-color: var(--token-button-border-color-primary-focus-external); + border-radius: $radius; } } &:active, &.mock-active { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-blue-400); - border-color: var(--token-color-palette-blue-400); + color: var(--token-button-foreground-color-primary-active); + background-color: var(--token-button-surface-color-primary-active); + border-color: var(--token-button-border-color-primary-active); box-shadow: none; &::before { @@ -153,35 +106,35 @@ $hds-button-size-props: ( } @mixin hds-button-color-secondary() { - color: var(--token-color-foreground-primary); - background-color: var(--token-color-surface-faint); - border-color: var(--token-color-border-strong); + color: var(--token-button-foreground-color-secondary-default); + background-color: var(--token-button-surface-color-secondary-default); + border-color: var(--token-button-border-color-secondary-default); box-shadow: var(--token-elevation-low-box-shadow); &:hover, &.mock-hover { - color: var(--token-color-foreground-primary); - background-color: var(--token-color-surface-primary); - border-color: var(--token-color-border-strong); + color: var(--token-button-foreground-color-secondary-hover); + background-color: var(--token-button-surface-color-secondary-hover); + border-color: var(--token-button-border-color-secondary-hover); cursor: pointer; } &:focus, &.mock-focus { - color: var(--token-color-foreground-primary); - background-color: var(--token-color-surface-faint); - border-color: var(--token-color-focus-action-internal); + color: var(--token-button-foreground-color-secondary-focus); + background-color: var(--token-button-surface-color-secondary-focus); + border-color: var(--token-button-border-color-secondary-focus-internal); &::before { - border-color: var(--token-color-focus-action-external); + border-color: var(--token-button-border-color-secondary-focus-external); } } &:active, &.mock-active { - color: var(--token-color-foreground-primary); - background-color: var(--token-color-surface-interactive-active); - border-color: var(--token-color-border-strong); + color: var(--token-button-foreground-color-secondary-active); + background-color: var(--token-button-surface-color-secondary-active); + border-color: var(--token-button-border-color-secondary-active); box-shadow: none; &::before { @@ -191,33 +144,34 @@ $hds-button-size-props: ( } @mixin hds-button-color-tertiary() { - color: var(--token-color-foreground-action); - background-color: transparent; - border-color: transparent; + color: var(--token-button-foreground-color-tertiary-default); + background-color: var(--token-button-surface-color-tertiary-default); + border-color: var(--token-button-border-color-tertiary-default); &:hover, &.mock-hover { - color: var(--token-color-foreground-action-hover); - background-color: var(--token-color-surface-primary); - border-color: var(--token-color-border-strong); + color: var(--token-button-foreground-color-tertiary-hover); + background-color: var(--token-button-surface-color-tertiary-hover); + border-color: var(--token-button-border-color-tertiary-hover); cursor: pointer; } &:focus, &.mock-focus { - color: var(--token-color-foreground-action); - border-color: var(--token-color-focus-action-internal); + color: var(--token-button-foreground-color-tertiary-focus); + background-color: var(--token-button-surface-color-tertiary-focus); + border-color: var(--token-button-border-color-tertiary-focus-internal); &::before { - border-color: var(--token-color-focus-action-external); + border-color: var(--token-button-border-color-tertiary-focus-external); } } &:active, &.mock-active { - color: var(--token-color-foreground-action-active); - background-color: var(--token-color-surface-interactive-active); - border-color: var(--token-color-border-strong); + color: var(--token-button-foreground-color-tertiary-active); + background-color: var(--token-button-surface-color-tertiary-active); + border-color: var(--token-button-border-color-tertiary-active); box-shadow: none; &::before { @@ -249,35 +203,35 @@ $hds-button-size-props: ( } @mixin hds-button-color-critical() { - color: var(--token-color-foreground-critical-on-surface); - background-color: var(--token-color-surface-critical); - border-color: var(--token-color-foreground-critical-on-surface); + color: var(--token-button-foreground-color-critical-default); + background-color: var(--token-button-surface-color-critical-default); + border-color: var(--token-button-border-color-critical-default); box-shadow: var(--token-elevation-low-box-shadow); &:hover, &.mock-hover { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-red-300); - border-color: var(--token-color-palette-red-400); + color: var(--token-button-foreground-color-critical-hover); + background-color: var(--token-button-surface-color-critical-hover); + border-color: var(--token-button-border-color-critical-hover); cursor: pointer; } &:focus, &.mock-focus { - color: var(--token-color-foreground-critical-on-surface); - background-color: var(--token-color-surface-critical); - border-color: var(--token-color-focus-critical-internal); + color: var(--token-button-foreground-color-critical-focus); + background-color: var(--token-button-surface-color-critical-focus); + border-color: var(--token-button-border-color-critical-focus-internal); &::before { - border-color: var(--token-color-focus-critical-external); + border-color: var(--token-button-border-color-critical-focus-external); } } &:active, &.mock-active { - color: var(--token-color-foreground-high-contrast); - background-color: var(--token-color-palette-red-400); - border-color: var(--token-color-palette-red-400); + color: var(--token-button-foreground-color-critical-active); + background-color: var(--token-button-surface-color-critical-active); + border-color: var(--token-button-border-color-critical-active); box-shadow: none; &::before { @@ -289,25 +243,24 @@ $hds-button-size-props: ( @mixin hds-button-size-classes($blockName) { @each $size in $hds-button-sizes { .#{$blockName}--size-#{$size} { - min-height: map.get($hds-button-size-props, $size, "min-height"); - padding: map.get($hds-button-size-props, $size, "padding-vertical") - map.get($hds-button-size-props, $size, "padding-horizontal"); + min-height: var(--token-button-height-#{$size}); + padding: var(--token-button-padding-vertical-#{$size}) var(--token-button-padding-horizontal-#{$size}); .#{$blockName}__icon { - width: map.get($hds-button-size-props, $size, "icon-size"); - height: map.get($hds-button-size-props, $size, "icon-size"); + width: var(--token-button-icon-size-#{$size}); + height: var(--token-button-icon-size-#{$size}); } .#{$blockName}__text { - font-size: map.get($hds-button-size-props, $size, "font-size"); - line-height: map.get($hds-button-size-props, $size, "line-height"); + font-size: var(--token-button-typography-font-size-#{$size}); + line-height: var(--token-button-typography-line-height-#{$size}); } &.#{$blockName}--is-icon-only { // overrides to have the icon-only button squared - min-width: map.get($hds-button-size-props, $size, "min-height"); - padding-right: map.get($hds-button-size-props, $size, "padding-vertical"); - padding-left: map.get($hds-button-size-props, $size, "padding-vertical"); + min-width: var(--token-button-height-#{$size}); + padding-right: var(--token-button-padding-vertical-#{$size}); + padding-left: var(--token-button-padding-vertical-#{$size}); } } } diff --git a/packages/components/src/styles/mixins/_carbonization.scss b/packages/components/src/styles/mixins/_carbonization.scss new file mode 100644 index 00000000000..afaf0bd35aa --- /dev/null +++ b/packages/components/src/styles/mixins/_carbonization.scss @@ -0,0 +1,31 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +@mixin hds-apply-only-if-carbon($mode: false) { + @if $mode == "cds-g0" { + @at-root .hds-mode-cds-g0 #{&} { + @content; + } + } @else if $mode == "cds-g10" { + @at-root .hds-mode-cds-g10 #{&} { + @content; + } + } @else if $mode == "cds-g90" { + @at-root .hds-mode-cds-g90 #{&} { + @content; + } + } @else if $mode == "cds-g100" { + @at-root .hds-mode-cds-g100 #{&} { + @content; + } + } @else { + @at-root .hds-mode-cds-g0 #{&}, + .hds-mode-cds-g10 #{&}, + .hds-mode-cds-g90 #{&}, + .hds-mode-cds-g100 #{&} { + @content; + } + } +} diff --git a/packages/components/src/styles/mixins/_interactive-dark-theme.scss b/packages/components/src/styles/mixins/_interactive-dark-theme.scss index 5b894b461a5..bd930b053a5 100644 --- a/packages/components/src/styles/mixins/_interactive-dark-theme.scss +++ b/packages/components/src/styles/mixins/_interactive-dark-theme.scss @@ -35,7 +35,7 @@ $hds-interactive-dark-theme-focus-ring-action-box-shadow: // general dark theme tokens color: var(--token-color-foreground-high-contrast); background-color: var(--token-color-palette-neutral-700); - border-radius: $hds-button-border-radius; // We don't have a button border-radius token so we use the button mixin sass variable + border-radius: var(--token-button-border-radius); } // Hover: diff --git a/packages/components/src/template-registry.ts b/packages/components/src/template-registry.ts index 66183aa31c6..0a0f6fca473 100644 --- a/packages/components/src/template-registry.ts +++ b/packages/components/src/template-registry.ts @@ -232,6 +232,8 @@ import type HdsTagComponent from './components/hds/tag'; import type HdsTooltipButtonComponent from './components/hds/tooltip-button'; import type HdsToastComponent from './components/hds/toast'; import type HdsTextCodeComponent from './components/hds/text/code'; +import type HdsThemeContextComponent from './components/hds/theme-context'; +import type HdsThemeSwitcherComponent from './components/hds/theme-switcher'; import type HdsTimeComponent from './components/hds/time'; import type HdsTimeSingleComponent from './components/hds/time/single'; import type HdsTimeRangeComponent from './components/hds/time/range'; @@ -1021,6 +1023,14 @@ export default interface HdsComponentsRegistry { 'Hds::Toast': typeof HdsToastComponent; 'hds/toast': typeof HdsToastComponent; + // ThemeContext + 'Hds::ThemeContext': typeof HdsThemeContextComponent; + 'hds/theme-context': typeof HdsThemeContextComponent; + + // ThemeSwitcher + 'Hds::ThemeSwitcher': typeof HdsThemeSwitcherComponent; + 'hds/theme-switcher': typeof HdsThemeSwitcherComponent; + // Time 'Hds::Time': typeof HdsTimeComponent; 'hds/time': typeof HdsTimeComponent; diff --git a/packages/tokens/dist/cloud-email/helpers/typography.css b/packages/tokens/dist/cloud-email/helpers/typography.css index 7adb62f4fd0..3d71bb8637e 100644 --- a/packages/tokens/dist/cloud-email/helpers/typography.css +++ b/packages/tokens/dist/cloud-email/helpers/typography.css @@ -17,6 +17,6 @@ .hds-typography-body-300 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 16px; line-height: 1.5; margin: 0; padding: 0; } .hds-typography-body-200 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 14px; line-height: 1.4286; margin: 0; padding: 0; } .hds-typography-body-100 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 13px; line-height: 1.3846; margin: 0; padding: 0; } -.hds-typography-code-100 { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.23; margin: 0; padding: 0; } -.hds-typography-code-200 { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 14px; line-height: 1.125; margin: 0; padding: 0; } .hds-typography-code-300 { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 16px; line-height: 1.25; margin: 0; padding: 0; } +.hds-typography-code-200 { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 14px; line-height: 1.125; margin: 0; padding: 0; } +.hds-typography-code-100 { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.23; margin: 0; padding: 0; } diff --git a/packages/tokens/dist/cloud-email/tokens.scss b/packages/tokens/dist/cloud-email/tokens.scss index b56f31f8c2b..fa363524cb6 100644 --- a/packages/tokens/dist/cloud-email/tokens.scss +++ b/packages/tokens/dist/cloud-email/tokens.scss @@ -204,9 +204,11 @@ $token-typography-font-weight-bold: 700; $token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; $token-typography-display-500-font-size: 30px; // 30px/1.875rem $token-typography-display-500-line-height: 1.2666; // 38px +$token-typography-display-500-letter-spacing: -0.5px; // this is `tracking` $token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; $token-typography-display-400-font-size: 24px; // 24px/1.5rem $token-typography-display-400-line-height: 1.3333; // 32px +$token-typography-display-400-letter-spacing: 0px; // this is `tracking` $token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; $token-typography-display-300-font-size: 18px; // 18px/1.125rem $token-typography-display-300-line-height: 1.3333; // 24px @@ -218,6 +220,7 @@ $token-typography-display-200-letter-spacing: -0.5px; // this is `tracking` $token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; $token-typography-display-100-font-size: 13px; // 13px/0.8125rem $token-typography-display-100-line-height: 1.3846; // 18px +$token-typography-display-100-letter-spacing: 0px; // this is `tracking` $token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; $token-typography-body-300-font-size: 16px; // 16px/1rem $token-typography-body-300-line-height: 1.5; // 24px @@ -227,12 +230,12 @@ $token-typography-body-200-line-height: 1.4286; // 20px $token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; $token-typography-body-100-font-size: 13px; // 13px/0.8125rem $token-typography-body-100-line-height: 1.3846; // 18px -$token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; -$token-typography-code-100-font-size: 13px; // 13px/0.8125rem -$token-typography-code-100-line-height: 1.23; // 16px -$token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; -$token-typography-code-200-font-size: 14px; // 14px/0.875rem -$token-typography-code-200-line-height: 1.125; // 18px $token-typography-code-300-font-family: ui-monospace, Menlo, Consolas, monospace; $token-typography-code-300-font-size: 16px; // 16px/1rem $token-typography-code-300-line-height: 1.25; // 20px +$token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; +$token-typography-code-200-font-size: 14px; // 14px/0.875rem +$token-typography-code-200-line-height: 1.125; // 18px +$token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; +$token-typography-code-100-font-size: 13px; // 13px/0.8125rem +$token-typography-code-100-line-height: 1.23; // 16px diff --git a/packages/tokens/dist/devdot/css/helpers/typography.css b/packages/tokens/dist/devdot/css/helpers/typography.css index 393b8900901..63dd3021863 100644 --- a/packages/tokens/dist/devdot/css/helpers/typography.css +++ b/packages/tokens/dist/devdot/css/helpers/typography.css @@ -5,10 +5,10 @@ .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); } .hds-font-family-sans-text { font-family: var(--token-typography-font-stack-text); } .hds-font-family-mono-code { font-family: var(--token-typography-font-stack-code); } -.hds-font-weight-regular { font-weight: 400; } -.hds-font-weight-medium { font-weight: 500; } -.hds-font-weight-semibold { font-weight: 600; } -.hds-font-weight-bold { font-weight: 700; } +.hds-font-weight-regular { font-weight: var(--token-typography-font-weight-regular); } +.hds-font-weight-medium { font-weight: var(--token-typography-font-weight-medium); } +.hds-font-weight-semibold { font-weight: var(--token-typography-font-weight-semibold); } +.hds-font-weight-bold { font-weight: var(--token-typography-font-weight-bold); } .hds-typography-display-500 { font-family: var(--token-typography-display-500-font-family); font-size: var(--token-typography-display-500-font-size); line-height: var(--token-typography-display-500-line-height); margin: 0; padding: 0; } .hds-typography-display-400 { font-family: var(--token-typography-display-400-font-family); font-size: var(--token-typography-display-400-font-size); line-height: var(--token-typography-display-400-line-height); margin: 0; padding: 0; } .hds-typography-display-300 { font-family: var(--token-typography-display-300-font-family); font-size: var(--token-typography-display-300-font-size); line-height: var(--token-typography-display-300-line-height); margin: 0; padding: 0; } @@ -17,6 +17,6 @@ .hds-typography-body-300 { font-family: var(--token-typography-body-300-font-family); font-size: var(--token-typography-body-300-font-size); line-height: var(--token-typography-body-300-line-height); margin: 0; padding: 0; } .hds-typography-body-200 { font-family: var(--token-typography-body-200-font-family); font-size: var(--token-typography-body-200-font-size); line-height: var(--token-typography-body-200-line-height); margin: 0; padding: 0; } .hds-typography-body-100 { font-family: var(--token-typography-body-100-font-family); font-size: var(--token-typography-body-100-font-size); line-height: var(--token-typography-body-100-line-height); margin: 0; padding: 0; } -.hds-typography-code-100 { font-family: var(--token-typography-code-100-font-family); font-size: var(--token-typography-code-100-font-size); line-height: var(--token-typography-code-100-line-height); margin: 0; padding: 0; } -.hds-typography-code-200 { font-family: var(--token-typography-code-200-font-family); font-size: var(--token-typography-code-200-font-size); line-height: var(--token-typography-code-200-line-height); margin: 0; padding: 0; } .hds-typography-code-300 { font-family: var(--token-typography-code-300-font-family); font-size: var(--token-typography-code-300-font-size); line-height: var(--token-typography-code-300-line-height); margin: 0; padding: 0; } +.hds-typography-code-200 { font-family: var(--token-typography-code-200-font-family); font-size: var(--token-typography-code-200-font-size); line-height: var(--token-typography-code-200-line-height); margin: 0; padding: 0; } +.hds-typography-code-100 { font-family: var(--token-typography-code-100-font-family); font-size: var(--token-typography-code-100-font-size); line-height: var(--token-typography-code-100-line-height); margin: 0; padding: 0; } diff --git a/packages/tokens/dist/devdot/css/tokens.css b/packages/tokens/dist/devdot/css/tokens.css index 6a397c6a364..666752c5f0c 100644 --- a/packages/tokens/dist/devdot/css/tokens.css +++ b/packages/tokens/dist/devdot/css/tokens.css @@ -225,6 +225,141 @@ --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover); --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300); + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 12px; + --token-badge-count-padding-horizontal-large: 14px; + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-horizontal-small: 6px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 8px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 6px; + --token-badge-typography-font-size-small: 0.8125rem; + --token-badge-typography-font-size-medium: 0.8125rem; + --token-badge-typography-font-size-large: 1rem; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #3b3d45; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #a737ff; + --token-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #008a22; + --token-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #bb5a00; + --token-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #e52228; + --token-badge-surface-color-neutral-filled: #dedfe3; + --token-badge-surface-color-neutral-inverted: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-surface-color-neutral-dark-mode-inverted: #fafafa; + --token-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #a737ff; + --token-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #008a22; + --token-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #bb5a00; + --token-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #e52228; + --token-badge-border-width: 1px; + --token-badge-border-radius-small: 5px; + --token-badge-border-radius-medium: 5px; + --token-badge-border-radius-large: 5px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-height-small: 28px; + --token-button-height-medium: 36px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 11px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 19px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 9px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 11px; /** here we're taking into account the 1px border */ + --token-button-gap: 6px; + --token-button-typography-font-size-small: 0.8125rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 1rem; + --token-button-typography-line-height-small: 0.9286; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.1429; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #3b3d45; + --token-button-foreground-color-secondary-hover: #3b3d45; + --token-button-foreground-color-secondary-focus: #3b3d45; + --token-button-foreground-color-secondary-active: #3b3d45; + --token-button-foreground-color-tertiary-default: #1060ff; + --token-button-foreground-color-tertiary-hover: #0c56e9; + --token-button-foreground-color-tertiary-focus: #1060ff; + --token-button-foreground-color-tertiary-active: #0046d1; + --token-button-foreground-color-critical-default: #c00005; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #c00005; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8c909c; + --token-button-surface-color-primary-default: #1060ff; + --token-button-surface-color-primary-hover: #0c56e9; + --token-button-surface-color-primary-focus: #1060ff; + --token-button-surface-color-primary-active: #0046d1; + --token-button-surface-color-secondary-default: #fafafa; + --token-button-surface-color-secondary-hover: #ffffff; + --token-button-surface-color-secondary-focus: #fafafa; + --token-button-surface-color-secondary-active: #dedfe3; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-hover: #ffffff; + --token-button-surface-color-tertiary-focus: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-active: #dedfe3; + --token-button-surface-color-critical-default: #fff5f5; + --token-button-surface-color-critical-hover: #c00005; + --token-button-surface-color-critical-focus: #fff5f5; + --token-button-surface-color-critical-active: #940004; + --token-button-surface-color-disabled: #fafafa; + --token-button-border-width: 1px; + --token-button-border-radius: 5px; + --token-button-border-color-primary-default: #0c56e9; + --token-button-border-color-primary-hover: #0c56e9; + --token-button-border-color-primary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: #0046d1; + --token-button-border-color-secondary-default: #3b3d4566; + --token-button-border-color-secondary-hover: #3b3d4566; + --token-button-border-color-secondary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: #3b3d4566; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #3b3d4566; + --token-button-border-color-tertiary-focus-internal: #0c56e9; + --token-button-border-color-tertiary-focus-external: #5990ff; + --token-button-border-color-tertiary-active: #3b3d4566; + --token-button-border-color-critical-default: #c00005; + --token-button-border-color-critical-hover: #940004; + --token-button-border-color-critical-focus-internal: #c00005; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #dd7578; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: #940004; + --token-button-border-color-disabled: #656a7633; + --token-button-focus-border-width: 3px; + --token-button-icon-size-small: 12px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 24px; --token-form-label-color: #0c0c0e; --token-form-legend-color: #0c0c0e; --token-form-helper-text-color: #656a76; @@ -269,6 +404,9 @@ --token-form-radiocard-group-gap: 16px; --token-form-radiocard-border-width: 1px; --token-form-radiocard-border-radius: 6px; + --token-form-radiocard-border-color-default: #ffffff; + --token-form-radiocard-border-color-focus: #0c56e9; + --token-form-radiocard-border-color-default-checked: #0c56e9; --token-form-radiocard-content-padding: 24px; --token-form-radiocard-control-padding: 8px; --token-form-radiocard-transition-duration: 0.2s; @@ -358,9 +496,11 @@ --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */ --token-typography-display-500-line-height: 1.2666; /** 38px */ + --token-typography-display-500-letter-spacing: -0.5px; /** this is `tracking` */ --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */ --token-typography-display-400-line-height: 1.3333; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */ --token-typography-display-300-line-height: 1.3333; /** 24px */ @@ -372,6 +512,7 @@ --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */ --token-typography-display-100-line-height: 1.3846; /** 18px */ + --token-typography-display-100-letter-spacing: 0px; /** this is `tracking` */ --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ --token-typography-body-300-line-height: 1.5; /** 24px */ @@ -381,13 +522,13 @@ --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */ --token-typography-body-100-line-height: 1.3846; /** 18px */ - --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; - --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ - --token-typography-code-100-line-height: 1.23; /** 16px */ - --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; - --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ - --token-typography-code-200-line-height: 1.125; /** 18px */ --token-typography-code-300-font-family: ui-monospace, Menlo, Consolas, monospace; --token-typography-code-300-font-size: 1rem; /** 16px/1rem */ --token-typography-code-300-line-height: 1.25; /** 20px */ + --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.125; /** 18px */ + --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.23; /** 16px */ } diff --git a/packages/tokens/dist/docs/products/themed-tokens.json b/packages/tokens/dist/docs/products/themed-tokens.json new file mode 100644 index 00000000000..c0d40d76b5e --- /dev/null +++ b/packages/tokens/dist/docs/products/themed-tokens.json @@ -0,0 +1,73972 @@ +{ + "default": { + "token-border-radius-x-small": { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + "token-border-radius-small": { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + "token-border-radius-medium": { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + "token-border-radius-large": { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + "token-color-palette-blue-500": { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#1c345f", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "#1c345f", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + "token-color-palette-blue-400": { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#0046d1", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "#0046d1", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + "token-color-palette-blue-300": { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0c56e9", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "#0c56e9", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + "token-color-palette-blue-200": { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#1060ff", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "#1060ff", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + "token-color-palette-blue-100": { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#cce3fe", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "#cce3fe", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + "token-color-palette-blue-50": { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#f2f8ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "#f2f8ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + "token-color-palette-purple-500": { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#42215b", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "#42215b", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + "token-color-palette-purple-400": { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#7b00db", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "#7b00db", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + "token-color-palette-purple-300": { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#911ced", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "#911ced", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + "token-color-palette-purple-200": { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a737ff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "#a737ff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + "token-color-palette-purple-100": { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#ead2fe", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "#ead2fe", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + "token-color-palette-purple-50": { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f9f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "#f9f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + "token-color-palette-green-500": { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#054220", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "#054220", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + "token-color-palette-green-400": { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#006619", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "#006619", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + "token-color-palette-green-300": { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#00781e", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "#00781e", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + "token-color-palette-green-200": { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#008a22", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "#008a22", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + "token-color-palette-green-100": { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#cceeda", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "#cceeda", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + "token-color-palette-green-50": { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#f2fbf6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "#f2fbf6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + "token-color-palette-amber-500": { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#542800", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "#542800", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + "token-color-palette-amber-400": { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#803d00", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "#803d00", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + "token-color-palette-amber-300": { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#9e4b00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "#9e4b00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + "token-color-palette-amber-200": { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#bb5a00", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "#bb5a00", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + "token-color-palette-amber-100": { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fbeabf", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "#fbeabf", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + "token-color-palette-amber-50": { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fff9e8", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "#fff9e8", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + "token-color-palette-red-500": { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#51130a", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "#51130a", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + "token-color-palette-red-400": { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#940004", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "#940004", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + "token-color-palette-red-300": { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#c00005", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "#c00005", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + "token-color-palette-red-200": { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#e52228", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "#e52228", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + "token-color-palette-red-100": { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#fbd4d4", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "#fbd4d4", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + "token-color-palette-red-50": { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff5f5", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "#fff5f5", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + "token-color-palette-neutral-700": { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#0c0c0e", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + "token-color-palette-neutral-600": { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#3b3d45", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + "token-color-palette-neutral-500": { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#656a76", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "#656a76", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + "token-color-palette-neutral-400": { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8c909c", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + "token-color-palette-neutral-300": { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#c2c5cb", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "#c2c5cb", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + "token-color-palette-neutral-200": { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#dedfe3", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + "token-color-palette-neutral-100": { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#f1f2f3", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "#f1f2f3", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + "token-color-palette-neutral-50": { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#fafafa", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "#fafafa", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + "token-color-palette-neutral-0": { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + "token-color-palette-alpha-300": { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#3b3d4566", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + "token-color-palette-alpha-200": { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#656a7633", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + "token-color-palette-alpha-100": { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#656a761a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + "token-color-border-primary": { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#656a7633", + "group": "semantic", + "$modes": { + "default": "#656a7633", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.alpha-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + "token-color-border-faint": { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#656a761a", + "group": "semantic", + "$modes": { + "default": "#656a761a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{color.palette.alpha-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + "token-color-border-strong": { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#3b3d4566", + "group": "semantic", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.alpha-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + "token-color-border-action": { + "key": "{color.border.action}", + "$type": "color", + "$value": "#cce3fe", + "group": "semantic", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + "token-color-border-highlight": { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#ead2fe", + "group": "semantic", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + "token-color-border-success": { + "key": "{color.border.success}", + "$type": "color", + "$value": "#cceeda", + "group": "semantic", + "$modes": { + "default": "#cceeda", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + "token-color-border-warning": { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#fbeabf", + "group": "semantic", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + "token-color-border-critical": { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#fbd4d4", + "group": "semantic", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + "token-color-focus-action-internal": { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#0c56e9", + "group": "semantic", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + "token-color-focus-action-external": { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#5990ff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "#5990ff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + "token-color-focus-critical-internal": { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#c00005", + "group": "semantic", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + "token-color-focus-critical-external": { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#dd7578", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "#dd7578", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + "token-color-foreground-strong": { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#0c0c0e", + "group": "semantic", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-700}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + "token-color-foreground-primary": { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + "token-color-foreground-faint": { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "$modes": { + "default": "#656a76", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + "token-color-foreground-high-contrast": { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-0}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + "token-color-foreground-disabled": { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "#8c909c", + "group": "semantic", + "$modes": { + "default": "#8c909c", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + "token-color-foreground-action": { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#1060ff", + "group": "semantic", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + "token-color-foreground-action-hover": { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#0c56e9", + "group": "semantic", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + "token-color-foreground-action-active": { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#0046d1", + "group": "semantic", + "$modes": { + "default": "#0046d1", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + "token-color-foreground-highlight": { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#a737ff", + "group": "semantic", + "$modes": { + "default": "#a737ff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + "token-color-foreground-highlight-on-surface": { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#911ced", + "group": "semantic", + "$modes": { + "default": "#911ced", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + "token-color-foreground-highlight-high-contrast": { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#42215b", + "group": "semantic", + "$modes": { + "default": "#42215b", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + "token-color-foreground-success": { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#008a22", + "group": "semantic", + "$modes": { + "default": "#008a22", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + "token-color-foreground-success-on-surface": { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#00781e", + "group": "semantic", + "$modes": { + "default": "#00781e", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + "token-color-foreground-success-high-contrast": { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#054220", + "group": "semantic", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + "token-color-foreground-warning": { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#bb5a00", + "group": "semantic", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + "token-color-foreground-warning-on-surface": { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#9e4b00", + "group": "semantic", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + "token-color-foreground-warning-high-contrast": { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#542800", + "group": "semantic", + "$modes": { + "default": "#542800", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + "token-color-foreground-critical": { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#e52228", + "group": "semantic", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + "token-color-foreground-critical-on-surface": { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#c00005", + "group": "semantic", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + "token-color-foreground-critical-high-contrast": { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#51130a", + "group": "semantic", + "$modes": { + "default": "#51130a", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + "token-color-page-primary": { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-0}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + "token-color-page-faint": { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#fafafa", + "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + "token-color-surface-primary": { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-0}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + "token-color-surface-faint": { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#fafafa", + "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + "token-color-surface-strong": { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#f1f2f3", + "group": "semantic", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + "token-color-surface-interactive": { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-0}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + "token-color-surface-interactive-hover": { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#f1f2f3", + "group": "semantic", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + "token-color-surface-interactive-active": { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#dedfe3", + "group": "semantic", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + "token-color-surface-interactive-disabled": { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#fafafa", + "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + "token-color-surface-action": { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#f2f8ff", + "group": "semantic", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + "token-color-surface-highlight": { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#f9f2ff", + "group": "semantic", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + "token-color-surface-success": { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#f2fbf6", + "group": "semantic", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + "token-color-surface-warning": { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#fff9e8", + "group": "semantic", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + "token-color-surface-critical": { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#fff5f5", + "group": "semantic", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + "token-color-hashicorp-brand": { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + "token-color-boundary-brand": { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + "token-color-boundary-foreground": { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + "token-color-boundary-surface": { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + "token-color-boundary-border": { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + "token-color-boundary-gradient-primary-start": { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + "token-color-boundary-gradient-primary-stop": { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + "token-color-boundary-gradient-faint-start": { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + "token-color-boundary-gradient-faint-stop": { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + "token-color-consul-brand": { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + "token-color-consul-foreground": { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + "token-color-consul-surface": { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + "token-color-consul-border": { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + "token-color-consul-gradient-primary-start": { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + "token-color-consul-gradient-primary-stop": { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + "token-color-consul-gradient-faint-start": { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + "token-color-consul-gradient-faint-stop": { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + "token-color-hcp-brand": { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + "token-color-nomad-brand": { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + "token-color-nomad-foreground": { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + "token-color-nomad-surface": { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + "token-color-nomad-border": { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + "token-color-nomad-gradient-primary-start": { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + "token-color-nomad-gradient-primary-stop": { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + "token-color-nomad-gradient-faint-start": { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + "token-color-nomad-gradient-faint-stop": { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + "token-color-packer-brand": { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + "token-color-packer-foreground": { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + "token-color-packer-surface": { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + "token-color-packer-border": { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + "token-color-packer-gradient-primary-start": { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + "token-color-packer-gradient-primary-stop": { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + "token-color-packer-gradient-faint-start": { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + "token-color-packer-gradient-faint-stop": { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + "token-color-terraform-brand": { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + "token-color-terraform-brand-on-dark": { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + "token-color-terraform-foreground": { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + "token-color-terraform-surface": { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + "token-color-terraform-border": { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + "token-color-terraform-gradient-primary-start": { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + "token-color-terraform-gradient-primary-stop": { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + "token-color-terraform-gradient-faint-start": { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + "token-color-terraform-gradient-faint-stop": { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vagrant-brand": { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + "token-color-vagrant-foreground": { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + "token-color-vagrant-surface": { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + "token-color-vagrant-border": { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + "token-color-vagrant-gradient-primary-start": { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + "token-color-vagrant-gradient-primary-stop": { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vagrant-gradient-faint-start": { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + "token-color-vagrant-gradient-faint-stop": { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-radar-brand": { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + "token-color-vault-radar-brand-alt": { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + "token-color-vault-radar-foreground": { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + "token-color-vault-radar-surface": { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + "token-color-vault-radar-border": { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + "token-color-vault-radar-gradient-primary-start": { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-radar-gradient-primary-stop": { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-radar-gradient-faint-start": { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-radar-gradient-faint-stop": { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-secrets-brand": { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + "token-color-vault-secrets-brand-alt": { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + "token-color-vault-secrets-foreground": { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + "token-color-vault-secrets-surface": { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + "token-color-vault-secrets-border": { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + "token-color-vault-secrets-gradient-primary-start": { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-secrets-gradient-primary-stop": { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-secrets-gradient-faint-start": { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-secrets-gradient-faint-stop": { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-brand": { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + "token-color-vault-brand-alt": { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + "token-color-vault-foreground": { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + "token-color-vault-surface": { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + "token-color-vault-border": { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + "token-color-vault-gradient-primary-start": { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-gradient-primary-stop": { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-gradient-faint-start": { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-gradient-faint-stop": { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + "token-color-waypoint-brand": { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + "token-color-waypoint-foreground": { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + "token-color-waypoint-surface": { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + "token-color-waypoint-border": { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + "token-color-waypoint-gradient-primary-start": { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + "token-color-waypoint-gradient-primary-stop": { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + "token-color-waypoint-gradient-faint-start": { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + "token-color-waypoint-gradient-faint-stop": { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + "token-elevation-inset-box-shadow": { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #656a761a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + "token-elevation-low-box-shadow": { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + "token-elevation-mid-box-shadow": { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + "token-elevation-high-box-shadow": { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + "token-elevation-higher-box-shadow": { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + "token-elevation-overlay-box-shadow": { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + "token-surface-inset-box-shadow": { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + "token-surface-base-box-shadow": { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #656a7633", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + "token-surface-low-box-shadow": { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + "token-surface-mid-box-shadow": { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + "token-surface-high-box-shadow": { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + "token-surface-higher-box-shadow": { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + "token-surface-overlay-box-shadow": { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + "token-focus-ring-action-box-shadow": { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + "token-focus-ring-critical-box-shadow": { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + "token-app-header-height": { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + "token-app-header-home-link-size": { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + "token-app-header-logo-size": { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + "token-app-side-nav-wrapper-border-width": { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-app-side-nav-wrapper-border-color": { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal": { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-wrapper-padding-vertical": { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-app-side-nav-wrapper-padding-vertical-minimized": { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-app-side-nav-toggle-button-border-radius": { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-app-side-nav-header-home-link-padding": { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-app-side-nav-header-home-link-logo-size": { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-app-side-nav-header-home-link-logo-size-minimized": { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-app-side-nav-header-actions-spacing": { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-app-side-nav-body-list-margin-vertical": { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-app-side-nav-body-list-item-height": { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + "token-app-side-nav-body-list-item-padding-horizontal": { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-body-list-item-padding-vertical": { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-app-side-nav-body-list-item-spacing-vertical": { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-app-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-app-side-nav-body-list-item-border-radius": { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-app-side-nav-color-foreground-primary": { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-app-side-nav-color-foreground-strong": { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-app-side-nav-color-foreground-faint": { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-app-side-nav-color-surface-primary": { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + "token-app-side-nav-color-surface-interactive-hover": { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-app-side-nav-color-surface-interactive-active": { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-badge-count-padding-horizontal-small": { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-count-padding-horizontal-medium": { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-count-padding-horizontal-large": { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-height-small": { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + "token-badge-height-medium": { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + "token-badge-height-large": { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + "token-badge-padding-horizontal-small": { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-padding-horizontal-medium": { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-padding-horizontal-large": { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-padding-vertical-small": { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + "token-badge-padding-vertical-medium": { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + "token-badge-padding-vertical-large": { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + "token-badge-gap-small": { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + "token-badge-gap-medium": { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + "token-badge-gap-large": { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + "token-badge-typography-font-size-small": { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + "token-badge-typography-font-size-medium": { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + "token-badge-typography-font-size-large": { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + "token-badge-typography-line-height-small": { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + "token-badge-typography-line-height-medium": { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + "token-badge-typography-line-height-large": { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + "token-badge-foreground-color-neutral-filled": { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + "token-badge-foreground-color-neutral-inverted": { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-outlined": { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-filled": { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-inverted": { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-outlined": { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + "token-badge-foreground-color-highlight-filled": { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#7b00db", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-400}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + "token-badge-foreground-color-highlight-inverted": { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-foreground-color-highlight-outlined": { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#a737ff", + "$modes": { + "default": "#a737ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.highlight}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + "token-badge-foreground-color-success-filled": { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#006619", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-400}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + "token-badge-foreground-color-success-inverted": { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + "token-badge-foreground-color-success-outlined": { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#008a22", + "$modes": { + "default": "#008a22", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.success}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + "token-badge-foreground-color-warning-filled": { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#803d00", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#803d00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-400}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + "token-badge-foreground-color-warning-inverted": { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + "token-badge-foreground-color-warning-outlined": { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#bb5a00", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.warning}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + "token-badge-foreground-color-critical-filled": { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#940004", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#940004", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + "token-badge-foreground-color-critical-inverted": { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + "token-badge-foreground-color-critical-outlined": { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#e52228", + "$modes": { + "default": "#e52228", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + "token-badge-surface-color-neutral-filled": { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-200}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + "token-badge-surface-color-neutral-inverted": { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#656a76", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-surface-color-neutral-dark-mode-filled": { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#656a76", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-surface-color-neutral-dark-mode-inverted": { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-surface-color-highlight-filled": { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#ead2fe", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-100}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + "token-badge-surface-color-highlight-inverted": { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#a737ff", + "$modes": { + "default": "#a737ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-200}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-surface-color-success-filled": { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#cceeda", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-100}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + "token-badge-surface-color-success-inverted": { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#008a22", + "$modes": { + "default": "#008a22", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-200}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + "token-badge-surface-color-warning-filled": { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#fbeabf", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-100}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + "token-badge-surface-color-warning-inverted": { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#bb5a00", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-200}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + "token-badge-surface-color-critical-filled": { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#fbd4d4", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-100}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + "token-badge-surface-color-critical-inverted": { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#e52228", + "$modes": { + "default": "#e52228", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-200}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + "token-badge-border-width": { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + "token-badge-border-radius-small": { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + "token-badge-border-radius-medium": { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + "token-badge-border-radius-large": { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + "token-badge-icon-size-small": { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + "token-badge-icon-size-medium": { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + "token-badge-icon-size-large": { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + "token-button-height-small": { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + "token-button-height-medium": { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + "token-button-height-large": { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + "token-button-padding-horizontal-small": { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "11px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + "token-button-padding-horizontal-medium": { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + "token-button-padding-horizontal-large": { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "19px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "19", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + "token-button-padding-vertical-small": { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + "token-button-padding-vertical-medium": { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + "token-button-padding-vertical-large": { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "11px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + "token-button-gap": { + "key": "{button.gap}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + "token-button-typography-font-size-small": { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + "token-button-typography-font-size-medium": { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + "token-button-typography-font-size-large": { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + "token-button-typography-line-height-small": { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + "token-button-typography-line-height-medium": { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + "token-button-typography-line-height-large": { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + "token-button-foreground-color-primary-default": { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + "token-button-foreground-color-primary-hover": { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + "token-button-foreground-color-primary-focus": { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + "token-button-foreground-color-primary-active": { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + "token-button-foreground-color-secondary-default": { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + "token-button-foreground-color-secondary-hover": { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + "token-button-foreground-color-secondary-focus": { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + "token-button-foreground-color-secondary-active": { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + "token-button-foreground-color-tertiary-default": { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + "token-button-foreground-color-tertiary-hover": { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action-hover}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + "token-button-foreground-color-tertiary-focus": { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + "token-button-foreground-color-tertiary-active": { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action-active}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + "token-button-foreground-color-critical-default": { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + "token-button-foreground-color-critical-hover": { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + "token-button-foreground-color-critical-focus": { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + "token-button-foreground-color-critical-active": { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + "token-button-foreground-color-disabled": { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "#8c909c", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + "token-button-surface-color-primary-default": { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + "token-button-surface-color-primary-hover": { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + "token-button-surface-color-primary-focus": { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + "token-button-surface-color-primary-active": { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + "token-button-surface-color-secondary-default": { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + "token-button-surface-color-secondary-hover": { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + "token-button-surface-color-secondary-focus": { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + "token-button-surface-color-secondary-active": { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + "token-button-surface-color-tertiary-default": { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + "token-button-surface-color-tertiary-hover": { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + "token-button-surface-color-tertiary-focus": { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + "token-button-surface-color-tertiary-active": { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + "token-button-surface-color-critical-default": { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#fff5f5", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + "token-button-surface-color-critical-hover": { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + "token-button-surface-color-critical-focus": { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#fff5f5", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + "token-button-surface-color-critical-active": { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + "token-button-surface-color-disabled": { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + "token-button-border-width": { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + "token-button-border-radius": { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + "token-button-border-color-primary-default": { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + "token-button-border-color-primary-hover": { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + "token-button-border-color-primary-focus-internal": { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + "token-button-border-color-primary-focus-external": { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "$modes": { + "default": "#5990ff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + "token-button-border-color-primary-active": { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + "token-button-border-color-secondary-default": { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + "token-button-border-color-secondary-hover": { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + "token-button-border-color-secondary-focus-internal": { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + "token-button-border-color-secondary-focus-external": { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "$modes": { + "default": "#5990ff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + "token-button-border-color-secondary-active": { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + "token-button-border-color-tertiary-default": { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + "token-button-border-color-tertiary-hover": { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#3b3d4566", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + "token-button-border-color-tertiary-focus-internal": { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + "token-button-border-color-tertiary-focus-external": { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + "token-button-border-color-tertiary-active": { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#3b3d4566", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + "token-button-border-color-critical-default": { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + "token-button-border-color-critical-hover": { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + "token-button-border-color-critical-focus-internal": { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.critical.internal}", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + "token-button-border-color-critical-focus-external": { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#dd7578", + "$modes": { + "default": "#dd7578", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.critical.external}", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + "token-button-border-color-critical-active": { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + "token-button-border-color-disabled": { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#656a7633", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + "token-button-focus-border-width": { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + "token-button-icon-size-small": { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + "token-button-icon-size-medium": { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + "token-button-icon-size-large": { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + "token-form-label-color": { + "key": "{form.label.color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + "token-form-legend-color": { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + "token-form-helper-text-color": { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + "token-form-indicator-optional-color": { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + "token-form-error-color": { + "key": "{form.error.color}", + "$type": "color", + "$value": "#c00005", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + "token-form-error-icon-size": { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + "token-form-checkbox-size": { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + "token-form-checkbox-border-radius": { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + "token-form-checkbox-border-width": { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + "token-form-checkbox-background-image-size": { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + "token-form-checkbox-background-image-data-url": { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate": { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + "token-form-checkbox-background-image-data-url-disabled": { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate-disabled": { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + "token-form-control-base-foreground-value-color": { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + "token-form-control-base-foreground-placeholder-color": { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + "token-form-control-base-surface-color-default": { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + "token-form-control-base-surface-color-hover": { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#f1f2f3", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + "token-form-control-base-border-color-default": { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + "token-form-control-base-border-color-hover": { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + "token-form-control-checked-foreground-color": { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + "token-form-control-checked-surface-color-default": { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#1060ff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + "token-form-control-checked-surface-color-hover": { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0c56e9", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + "token-form-control-checked-border-color-default": { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0c56e9", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + "token-form-control-checked-border-color-hover": { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#0046d1", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + "token-form-control-invalid-border-color-default": { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#c00005", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + "token-form-control-invalid-border-color-hover": { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#940004", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + "token-form-control-readonly-foreground-color": { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#3b3d45", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + "token-form-control-readonly-surface-color": { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#f1f2f3", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + "token-form-control-readonly-border-color": { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#656a761a", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + "token-form-control-disabled-foreground-color": { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + "token-form-control-disabled-surface-color": { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#fafafa", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + "token-form-control-disabled-border-color": { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#656a7633", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + "token-form-control-padding": { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + "token-form-control-border-radius": { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + "token-form-control-border-width": { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + "token-form-radio-size": { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + "token-form-radio-border-width": { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + "token-form-radio-background-image-size": { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + "token-form-radio-background-image-data-url": { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + "token-form-radio-background-image-data-url-disabled": { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + "token-form-radiocard-group-gap": { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + "token-form-radiocard-border-width": { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + "token-form-radiocard-border-radius": { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + "token-form-radiocard-border-color-default": { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + "token-form-radiocard-border-color-focus": { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + "token-form-radiocard-border-color-default-checked": { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + "token-form-radiocard-content-padding": { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + "token-form-radiocard-control-padding": { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + "token-form-radiocard-transition-duration": { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + "token-form-select-background-image-size": { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + "token-form-select-background-image-position-right-x": { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + "token-form-select-background-image-position-top-y": { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + "token-form-select-background-image-data-url": { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + "token-form-select-background-image-data-url-disabled": { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + "token-form-text-input-background-image-size": { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + "token-form-text-input-background-image-position-x": { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + "token-form-text-input-background-image-data-url-date": { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + "token-form-text-input-background-image-data-url-time": { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + "token-form-text-input-background-image-data-url-search": { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + "token-form-text-input-background-image-data-url-search-cancel": { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + "token-form-text-input-background-image-data-url-search-loading": { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + "token-form-toggle-width": { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + "token-form-toggle-height": { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + "token-form-toggle-base-surface-color-default": { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#f1f2f3", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + "token-form-toggle-border-radius": { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + "token-form-toggle-border-width": { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + "token-form-toggle-background-image-size": { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + "token-form-toggle-background-image-position-x": { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + "token-form-toggle-background-image-data-url": { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + "token-form-toggle-background-image-data-url-disabled": { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + "token-form-toggle-transition-duration": { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + "token-form-toggle-transition-timing-function": { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + "token-form-toggle-thumb-size": { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + "token-pagination-nav-control-height": { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + "token-pagination-nav-control-padding-horizontal": { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + "token-pagination-nav-control-focus-inset": { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + "token-pagination-nav-control-icon-spacing": { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + "token-pagination-nav-indicator-height": { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + "token-pagination-nav-indicator-spacing": { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + "token-pagination-child-spacing-vertical": { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + "token-pagination-child-spacing-horizontal": { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + "token-side-nav-wrapper-border-width": { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-side-nav-wrapper-border-color": { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-side-nav-wrapper-padding-horizontal": { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-side-nav-wrapper-padding-vertical": { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-side-nav-wrapper-padding-vertical-minimized": { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-side-nav-toggle-button-border-radius": { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-side-nav-header-home-link-padding": { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-side-nav-header-home-link-logo-size": { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-side-nav-header-home-link-logo-size-minimized": { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-side-nav-header-actions-spacing": { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-side-nav-body-list-margin-vertical": { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-side-nav-body-list-item-height": { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + "token-side-nav-body-list-item-padding-horizontal": { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-side-nav-body-list-item-padding-vertical": { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-side-nav-body-list-item-spacing-vertical": { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-side-nav-body-list-item-border-radius": { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-side-nav-color-foreground-primary": { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-side-nav-color-foreground-strong": { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-side-nav-color-foreground-faint": { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-side-nav-color-surface-primary": { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + "token-side-nav-color-surface-interactive-hover": { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-side-nav-color-surface-interactive-active": { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-tabs-tab-height-medium": { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + "token-tabs-tab-height-large": { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + "token-tabs-tab-padding-horizontal-medium": { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + "token-tabs-tab-padding-horizontal-large": { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + "token-tabs-tab-padding-vertical": { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + "token-tabs-tab-border-radius": { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + "token-tabs-tab-focus-inset": { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + "token-tabs-tab-gutter": { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + "token-tabs-indicator-height": { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + "token-tabs-indicator-transition-function": { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + "token-tabs-indicator-transition-duration": { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + "token-tabs-divider-height": { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + "token-tooltip-border-radius": { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + "token-tooltip-color-foreground-primary": { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + "token-tooltip-color-surface-primary": { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + "token-tooltip-focus-offset": { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + "token-tooltip-max-width": { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + "token-tooltip-padding-horizontal": { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + "token-tooltip-padding-vertical": { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + "token-tooltip-transition-function": { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + "token-typography-font-stack-display": { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.sans.display.combined}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + "token-typography-font-stack-text": { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.sans.text.combined}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + "token-typography-font-stack-code": { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.monospace.code.combined}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + "token-typography-font-weight-regular": { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + "token-typography-font-weight-medium": { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + "token-typography-font-weight-semibold": { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + "token-typography-font-weight-bold": { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + "token-typography-display-500-font-family": { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + "token-typography-display-500-font-size": { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "1.875rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "30", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + "token-typography-display-500-line-height": { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.2666, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": 1.2666, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + "token-typography-display-500-letter-spacing": { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "-0.5px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + "token-typography-display-400-font-family": { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + "token-typography-display-400-font-size": { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.5rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "24", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + "token-typography-display-400-line-height": { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.3333, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": 1.3333, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + "token-typography-display-400-letter-spacing": { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + "token-typography-display-300-font-family": { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + "token-typography-display-300-font-size": { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.125rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "18", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + "token-typography-display-300-line-height": { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.3333, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": 1.3333, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + "token-typography-display-300-letter-spacing": { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "-0.5px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + "token-typography-display-200-font-family": { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + "token-typography-display-200-font-size": { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + "token-typography-display-200-line-height": { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + "token-typography-display-200-letter-spacing": { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "-0.5px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + "token-typography-display-100-font-family": { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + "token-typography-display-100-font-size": { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + "token-typography-display-100-line-height": { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.3846, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": 1.3846, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + "token-typography-display-100-letter-spacing": { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + "token-typography-body-300-font-family": { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + "token-typography-body-300-font-size": { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + "token-typography-body-300-line-height": { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + "token-typography-body-200-font-family": { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + "token-typography-body-200-font-size": { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + "token-typography-body-200-line-height": { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.4286, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": 1.4286, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + "token-typography-body-100-font-family": { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + "token-typography-body-100-font-size": { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + "token-typography-body-100-line-height": { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.3846, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": 1.3846, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + "token-typography-code-300-font-family": { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + "token-typography-code-300-font-size": { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + "token-typography-code-300-line-height": { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + "token-typography-code-200-font-family": { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + "token-typography-code-200-font-size": { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + "token-typography-code-200-line-height": { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.125, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": 1.125, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + "token-typography-code-100-font-family": { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + "token-typography-code-100-font-size": { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + "token-typography-code-100-line-height": { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } + }, + "cds-g0": { + "token-border-radius-x-small": { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + "token-border-radius-small": { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + "token-border-radius-medium": { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + "token-border-radius-large": { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + "token-color-palette-blue-500": { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#001141", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.100}", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + "token-color-palette-blue-400": { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#002d9c", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.80}", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + "token-color-palette-blue-300": { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0043ce", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + "token-color-palette-blue-200": { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#0f62fe", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + "token-color-palette-blue-100": { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#d0e2ff", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + "token-color-palette-blue-50": { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#edf5ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.10}", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + "token-color-palette-purple-500": { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#31135e", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.90}", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + "token-color-palette-purple-400": { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#6929c4", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + "token-color-palette-purple-300": { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#8a3ffc", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + "token-color-palette-purple-200": { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a56eff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + "token-color-palette-purple-100": { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#e8daff", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + "token-color-palette-purple-50": { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f6f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.10}", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + "token-color-palette-green-500": { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#044317", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + "token-color-palette-green-400": { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#0e6027", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + "token-color-palette-green-300": { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#198038", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + "token-color-palette-green-200": { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#24a148", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + "token-color-palette-green-100": { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#a7f0ba", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + "token-color-palette-green-50": { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#defbe6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.10}", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + "token-color-palette-amber-500": { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#302400", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.90}", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + "token-color-palette-amber-400": { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#483700", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.80}", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + "token-color-palette-amber-300": { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#8e6a00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.60}", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + "token-color-palette-amber-200": { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#d2a106", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + "token-color-palette-amber-100": { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fddc69", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + "token-color-palette-amber-50": { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fcf4d6", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.10}", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + "token-color-palette-red-500": { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#520408", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.90}", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + "token-color-palette-red-400": { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#750e13", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + "token-color-palette-red-300": { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#a2191f", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + "token-color-palette-red-200": { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#da1e28", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + "token-color-palette-red-100": { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#ffd7d9", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + "token-color-palette-red-50": { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff1f1", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.10}", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + "token-color-palette-neutral-700": { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#161616", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.100}", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + "token-color-palette-neutral-600": { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#393939", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.80}", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + "token-color-palette-neutral-500": { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#525252", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + "token-color-palette-neutral-400": { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8d8d8d", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.50}", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + "token-color-palette-neutral-300": { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#a8a8a8", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.40}", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + "token-color-palette-neutral-200": { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#c6c6c6", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + "token-color-palette-neutral-100": { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#e0e0e0", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.20}", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + "token-color-palette-neutral-50": { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#f4f4f4", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.10}", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + "token-color-palette-neutral-0": { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.white.0}", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + "token-color-palette-alpha-300": { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#39393966", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + "token-color-palette-alpha-200": { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#52525233", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + "token-color-palette-alpha-100": { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#5252521a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + "token-color-border-primary": { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#52525233", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.borderSubtle03}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + "token-color-border-faint": { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#e0e0e0", + "group": "semantic", + "$modes": { + "default": "#5252521a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.borderSubtle00}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + "token-color-border-strong": { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#8d8d8d", + "group": "semantic", + "$modes": { + "default": "#39393966", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.borderStrong01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + "token-color-border-action": { + "key": "{color.border.action}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "$modes": { + "default": "#d0e2ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + "token-color-border-highlight": { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#be95ff", + "group": "semantic", + "$modes": { + "default": "#e8daff", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + "token-color-border-success": { + "key": "{color.border.success}", + "$type": "color", + "$value": "#42be65", + "group": "semantic", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + "token-color-border-warning": { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#ff832b", + "group": "semantic", + "$modes": { + "default": "#fddc69", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + "token-color-border-critical": { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#ff8389", + "group": "semantic", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + "token-color-focus-action-internal": { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + "token-color-focus-action-external": { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + "token-color-focus-critical-internal": { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + "token-color-focus-critical-external": { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + "token-color-foreground-strong": { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + "token-color-foreground-primary": { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#393939", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + "token-color-foreground-faint": { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#525252", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + "token-color-foreground-high-contrast": { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + "token-color-foreground-disabled": { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "rgba(22, 22, 22, 0.25)", + "group": "semantic", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textDisabled}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + "token-color-foreground-action": { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.linkPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + "token-color-foreground-action-hover": { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + "token-color-foreground-action-active": { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#002d9c", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + "token-color-foreground-highlight": { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#8a3ffc", + "group": "semantic", + "$modes": { + "default": "#a56eff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + "token-color-foreground-highlight-on-surface": { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#6929c4", + "group": "semantic", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + "token-color-foreground-highlight-high-contrast": { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#491d8b", + "group": "semantic", + "$modes": { + "default": "#31135e", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + "token-color-foreground-success": { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#198038", + "group": "semantic", + "$modes": { + "default": "#24a148", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + "token-color-foreground-success-on-surface": { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#0e6027", + "group": "semantic", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + "token-color-foreground-success-high-contrast": { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#044317", + "group": "semantic", + "$modes": { + "default": "#044317", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + "token-color-foreground-warning": { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#ba4e00", + "group": "semantic", + "$modes": { + "default": "#d2a106", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + "token-color-foreground-warning-on-surface": { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#8a3800", + "group": "semantic", + "$modes": { + "default": "#8e6a00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + "token-color-foreground-warning-high-contrast": { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#5e2900", + "group": "semantic", + "$modes": { + "default": "#302400", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + "token-color-foreground-critical": { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#da1e28", + "group": "semantic", + "$modes": { + "default": "#da1e28", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + "token-color-foreground-critical-on-surface": { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#a2191f", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + "token-color-foreground-critical-high-contrast": { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#750e13", + "group": "semantic", + "$modes": { + "default": "#520408", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + "token-color-page-primary": { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + "token-color-page-faint": { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + "token-color-surface-primary": { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + "token-color-surface-faint": { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + "token-color-surface-strong": { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + "token-color-surface-interactive": { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + "token-color-surface-interactive-hover": { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#e8e8e8", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layerHover01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + "token-color-surface-interactive-active": { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layerActive01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + "token-color-surface-interactive-disabled": { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + "token-color-surface-action": { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#d0e2ff", + "group": "semantic", + "$modes": { + "default": "#edf5ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + "token-color-surface-highlight": { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#e8daff", + "group": "semantic", + "$modes": { + "default": "#f6f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + "token-color-surface-success": { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#a7f0ba", + "group": "semantic", + "$modes": { + "default": "#defbe6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + "token-color-surface-warning": { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#ffd9be", + "group": "semantic", + "$modes": { + "default": "#fcf4d6", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + "token-color-surface-critical": { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#ffd7d9", + "group": "semantic", + "$modes": { + "default": "#fff1f1", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + "token-color-hashicorp-brand": { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + "token-color-boundary-brand": { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + "token-color-boundary-foreground": { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + "token-color-boundary-surface": { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + "token-color-boundary-border": { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + "token-color-boundary-gradient-primary-start": { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + "token-color-boundary-gradient-primary-stop": { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + "token-color-boundary-gradient-faint-start": { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + "token-color-boundary-gradient-faint-stop": { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + "token-color-consul-brand": { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + "token-color-consul-foreground": { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + "token-color-consul-surface": { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + "token-color-consul-border": { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + "token-color-consul-gradient-primary-start": { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + "token-color-consul-gradient-primary-stop": { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + "token-color-consul-gradient-faint-start": { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + "token-color-consul-gradient-faint-stop": { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + "token-color-hcp-brand": { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + "token-color-nomad-brand": { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + "token-color-nomad-foreground": { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + "token-color-nomad-surface": { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + "token-color-nomad-border": { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + "token-color-nomad-gradient-primary-start": { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + "token-color-nomad-gradient-primary-stop": { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + "token-color-nomad-gradient-faint-start": { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + "token-color-nomad-gradient-faint-stop": { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + "token-color-packer-brand": { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + "token-color-packer-foreground": { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + "token-color-packer-surface": { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + "token-color-packer-border": { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + "token-color-packer-gradient-primary-start": { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + "token-color-packer-gradient-primary-stop": { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + "token-color-packer-gradient-faint-start": { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + "token-color-packer-gradient-faint-stop": { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + "token-color-terraform-brand": { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + "token-color-terraform-brand-on-dark": { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + "token-color-terraform-foreground": { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + "token-color-terraform-surface": { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + "token-color-terraform-border": { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + "token-color-terraform-gradient-primary-start": { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + "token-color-terraform-gradient-primary-stop": { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + "token-color-terraform-gradient-faint-start": { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + "token-color-terraform-gradient-faint-stop": { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vagrant-brand": { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + "token-color-vagrant-foreground": { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + "token-color-vagrant-surface": { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + "token-color-vagrant-border": { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + "token-color-vagrant-gradient-primary-start": { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + "token-color-vagrant-gradient-primary-stop": { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vagrant-gradient-faint-start": { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + "token-color-vagrant-gradient-faint-stop": { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-radar-brand": { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + "token-color-vault-radar-brand-alt": { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + "token-color-vault-radar-foreground": { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + "token-color-vault-radar-surface": { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + "token-color-vault-radar-border": { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + "token-color-vault-radar-gradient-primary-start": { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-radar-gradient-primary-stop": { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-radar-gradient-faint-start": { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-radar-gradient-faint-stop": { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-secrets-brand": { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + "token-color-vault-secrets-brand-alt": { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + "token-color-vault-secrets-foreground": { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + "token-color-vault-secrets-surface": { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + "token-color-vault-secrets-border": { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + "token-color-vault-secrets-gradient-primary-start": { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-secrets-gradient-primary-stop": { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-secrets-gradient-faint-start": { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-secrets-gradient-faint-stop": { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-brand": { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + "token-color-vault-brand-alt": { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + "token-color-vault-foreground": { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + "token-color-vault-surface": { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + "token-color-vault-border": { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + "token-color-vault-gradient-primary-start": { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-gradient-primary-stop": { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-gradient-faint-start": { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-gradient-faint-stop": { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + "token-color-waypoint-brand": { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + "token-color-waypoint-foreground": { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + "token-color-waypoint-surface": { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + "token-color-waypoint-border": { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + "token-color-waypoint-gradient-primary-start": { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + "token-color-waypoint-gradient-primary-stop": { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + "token-color-waypoint-gradient-faint-start": { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + "token-color-waypoint-gradient-faint-stop": { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + "token-elevation-inset-box-shadow": { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + "token-elevation-low-box-shadow": { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + "token-elevation-mid-box-shadow": { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + "token-elevation-high-box-shadow": { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + "token-elevation-higher-box-shadow": { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + "token-elevation-overlay-box-shadow": { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + "token-surface-inset-box-shadow": { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + "token-surface-base-box-shadow": { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #52525233", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + "token-surface-low-box-shadow": { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + "token-surface-mid-box-shadow": { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + "token-surface-high-box-shadow": { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + "token-surface-higher-box-shadow": { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + "token-surface-overlay-box-shadow": { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + "token-focus-ring-action-box-shadow": { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + "token-focus-ring-critical-box-shadow": { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + "token-app-header-height": { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + "token-app-header-home-link-size": { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + "token-app-header-logo-size": { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + "token-app-side-nav-wrapper-border-width": { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-app-side-nav-wrapper-border-color": { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal": { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-wrapper-padding-vertical": { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-app-side-nav-wrapper-padding-vertical-minimized": { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-app-side-nav-toggle-button-border-radius": { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-app-side-nav-header-home-link-padding": { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-app-side-nav-header-home-link-logo-size": { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-app-side-nav-header-home-link-logo-size-minimized": { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-app-side-nav-header-actions-spacing": { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-app-side-nav-body-list-margin-vertical": { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-app-side-nav-body-list-item-height": { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + "token-app-side-nav-body-list-item-padding-horizontal": { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-body-list-item-padding-vertical": { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-app-side-nav-body-list-item-spacing-vertical": { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-app-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-app-side-nav-body-list-item-border-radius": { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-app-side-nav-color-foreground-primary": { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-app-side-nav-color-foreground-strong": { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-app-side-nav-color-foreground-faint": { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-app-side-nav-color-surface-primary": { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + "token-app-side-nav-color-surface-interactive-hover": { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-app-side-nav-color-surface-interactive-active": { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-badge-count-padding-horizontal-small": { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-count-padding-horizontal-medium": { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-count-padding-horizontal-large": { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-height-small": { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + "token-badge-height-medium": { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + "token-badge-height-large": { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + "token-badge-padding-horizontal-small": { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-padding-horizontal-medium": { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-padding-horizontal-large": { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-padding-vertical-small": { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + "token-badge-padding-vertical-medium": { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + "token-badge-padding-vertical-large": { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + "token-badge-gap-small": { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + "token-badge-gap-medium": { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + "token-badge-gap-large": { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + "token-badge-typography-font-size-small": { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + "token-badge-typography-font-size-medium": { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + "token-badge-typography-font-size-large": { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + "token-badge-typography-line-height-small": { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + "token-badge-typography-line-height-medium": { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + "token-badge-typography-line-height-large": { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + "token-badge-foreground-color-neutral-filled": { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.white}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + "token-badge-foreground-color-neutral-inverted": { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-outlined": { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.white}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-filled": { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-inverted": { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.white}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-outlined": { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + "token-badge-foreground-color-highlight-filled": { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#6929c4", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#6929c4", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.white}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + "token-badge-foreground-color-highlight-inverted": { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-foreground-color-highlight-outlined": { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#6929c4", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.white}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + "token-badge-foreground-color-success-filled": { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#0e6027", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#0e6027", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.white}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + "token-badge-foreground-color-success-inverted": { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + "token-badge-foreground-color-success-outlined": { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#0e6027", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.white}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + "token-badge-foreground-color-warning-filled": { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#684e00", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#483700", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + "token-badge-foreground-color-warning-inverted": { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + "token-badge-foreground-color-warning-outlined": { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#684e00", + "$modes": { + "default": "#ba4e00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + "token-badge-foreground-color-critical-filled": { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#a2191f", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#750e13", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.white}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + "token-badge-foreground-color-critical-inverted": { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + "token-badge-foreground-color-critical-outlined": { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#a2191f", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.white}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + "token-badge-surface-color-neutral-filled": { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#e0e0e0", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + "token-badge-surface-color-neutral-inverted": { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-surface-color-neutral-dark-mode-filled": { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-surface-color-neutral-dark-mode-inverted": { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#e0e0e0", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-surface-color-highlight-filled": { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#e8daff", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#e8daff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + "token-badge-surface-color-highlight-inverted": { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#6929c4", + "$modes": { + "default": "#a56eff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-surface-color-success-filled": { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#a7f0ba", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + "token-badge-surface-color-success-inverted": { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#0e6027", + "$modes": { + "default": "#24a148", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + "token-badge-surface-color-warning-filled": { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#fddc69", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fddc69", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + "token-badge-surface-color-warning-inverted": { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#684e00", + "$modes": { + "default": "#d2a106", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + "token-badge-surface-color-critical-filled": { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#ffd7d9", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + "token-badge-surface-color-critical-inverted": { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#a2191f", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + "token-badge-border-width": { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + "token-badge-border-radius-small": { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + "token-badge-border-radius-medium": { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + "token-badge-border-radius-large": { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + "token-badge-icon-size-small": { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + "token-badge-icon-size-medium": { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + "token-badge-icon-size-large": { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + "token-button-height-small": { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + "token-button-height-medium": { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "40px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "40", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + "token-button-height-large": { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + "token-button-padding-horizontal-small": { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + "token-button-padding-horizontal-medium": { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + "token-button-padding-horizontal-large": { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + "token-button-padding-vertical-small": { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + "token-button-padding-vertical-medium": { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "10px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "10", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + "token-button-padding-vertical-large": { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + "token-button-gap": { + "key": "{button.gap}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + "token-button-typography-font-size-small": { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + "token-button-typography-font-size-medium": { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + "token-button-typography-font-size-large": { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + "token-button-typography-line-height-small": { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + "token-button-typography-line-height-medium": { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + "token-button-typography-line-height-large": { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + "token-button-foreground-color-primary-default": { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + "token-button-foreground-color-primary-hover": { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + "token-button-foreground-color-primary-focus": { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + "token-button-foreground-color-primary-active": { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + "token-button-foreground-color-secondary-default": { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + "token-button-foreground-color-secondary-hover": { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + "token-button-foreground-color-secondary-focus": { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + "token-button-foreground-color-secondary-active": { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + "token-button-foreground-color-tertiary-default": { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + "token-button-foreground-color-tertiary-hover": { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + "token-button-foreground-color-tertiary-focus": { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + "token-button-foreground-color-tertiary-active": { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + "token-button-foreground-color-critical-default": { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + "token-button-foreground-color-critical-hover": { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + "token-button-foreground-color-critical-focus": { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + "token-button-foreground-color-critical-active": { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + "token-button-foreground-color-disabled": { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "$modes": { + "default": "rgba(22, 22, 22, 0.25)", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColorDisabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + "token-button-surface-color-primary-default": { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + "token-button-surface-color-primary-hover": { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + "token-button-surface-color-primary-focus": { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + "token-button-surface-color-primary-active": { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#002d9c", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + "token-button-surface-color-secondary-default": { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + "token-button-surface-color-secondary-hover": { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#474747", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + "token-button-surface-color-secondary-focus": { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + "token-button-surface-color-secondary-active": { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + "token-button-surface-color-tertiary-default": { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + "token-button-surface-color-tertiary-hover": { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + "token-button-surface-color-tertiary-focus": { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + "token-button-surface-color-tertiary-active": { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + "token-button-surface-color-critical-default": { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + "token-button-surface-color-critical-hover": { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#b81921", + "$modes": { + "default": "#a2191f", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + "token-button-surface-color-critical-focus": { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + "token-button-surface-color-critical-active": { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#750e13", + "$modes": { + "default": "#750e13", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + "token-button-surface-color-disabled": { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#c6c6c6", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + "token-button-border-width": { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + "token-button-border-radius": { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + "token-button-border-color-primary-default": { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + "token-button-border-color-primary-hover": { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + "token-button-border-color-primary-focus-internal": { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + "token-button-border-color-primary-focus-external": { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + "token-button-border-color-primary-active": { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#002d9c", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + "token-button-border-color-secondary-default": { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + "token-button-border-color-secondary-hover": { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + "token-button-border-color-secondary-focus-internal": { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + "token-button-border-color-secondary-focus-external": { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + "token-button-border-color-secondary-active": { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + "token-button-border-color-tertiary-default": { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + "token-button-border-color-tertiary-hover": { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + "token-button-border-color-tertiary-focus-internal": { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + "token-button-border-color-tertiary-focus-external": { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#0f62fe", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + "token-button-border-color-tertiary-active": { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + "token-button-border-color-critical-default": { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#a2191f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + "token-button-border-color-critical-hover": { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + "token-button-border-color-critical-focus-internal": { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + "token-button-border-color-critical-focus-external": { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + "token-button-border-color-critical-active": { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + "token-button-border-color-disabled": { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#c6c6c6", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + "token-button-focus-border-width": { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + "token-button-icon-size-small": { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + "token-button-icon-size-medium": { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + "token-button-icon-size-large": { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + "token-form-label-color": { + "key": "{form.label.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + "token-form-legend-color": { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + "token-form-helper-text-color": { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + "token-form-indicator-optional-color": { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + "token-form-error-color": { + "key": "{form.error.color}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + "token-form-error-icon-size": { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + "token-form-checkbox-size": { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + "token-form-checkbox-border-radius": { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + "token-form-checkbox-border-width": { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + "token-form-checkbox-background-image-size": { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + "token-form-checkbox-background-image-data-url": { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate": { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + "token-form-checkbox-background-image-data-url-disabled": { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate-disabled": { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + "token-form-control-base-foreground-value-color": { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + "token-form-control-base-foreground-placeholder-color": { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + "token-form-control-base-surface-color-default": { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + "token-form-control-base-surface-color-hover": { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#e8e8e8", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + "token-form-control-base-border-color-default": { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + "token-form-control-base-border-color-hover": { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + "token-form-control-checked-foreground-color": { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + "token-form-control-checked-surface-color-default": { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#0f62fe", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + "token-form-control-checked-surface-color-hover": { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + "token-form-control-checked-border-color-default": { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + "token-form-control-checked-border-color-hover": { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#002d9c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + "token-form-control-invalid-border-color-default": { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + "token-form-control-invalid-border-color-hover": { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#750e13", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + "token-form-control-readonly-foreground-color": { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + "token-form-control-readonly-surface-color": { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + "token-form-control-readonly-border-color": { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#e0e0e0", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + "token-form-control-disabled-foreground-color": { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "rgba(22, 22, 22, 0.25)", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + "token-form-control-disabled-surface-color": { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#c6c6c6", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + "token-form-control-disabled-border-color": { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#c6c6c6", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + "token-form-control-padding": { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + "token-form-control-border-radius": { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + "token-form-control-border-width": { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + "token-form-radio-size": { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + "token-form-radio-border-width": { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + "token-form-radio-background-image-size": { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + "token-form-radio-background-image-data-url": { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + "token-form-radio-background-image-data-url-disabled": { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + "token-form-radiocard-group-gap": { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + "token-form-radiocard-border-width": { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + "token-form-radiocard-border-radius": { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + "token-form-radiocard-border-color-default": { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + "token-form-radiocard-border-color-focus": { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + "token-form-radiocard-border-color-default-checked": { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#0043ce", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + "token-form-radiocard-content-padding": { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + "token-form-radiocard-control-padding": { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + "token-form-radiocard-transition-duration": { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + "token-form-select-background-image-size": { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + "token-form-select-background-image-position-right-x": { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + "token-form-select-background-image-position-top-y": { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + "token-form-select-background-image-data-url": { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + "token-form-select-background-image-data-url-disabled": { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + "token-form-text-input-background-image-size": { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + "token-form-text-input-background-image-position-x": { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + "token-form-text-input-background-image-data-url-date": { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + "token-form-text-input-background-image-data-url-time": { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + "token-form-text-input-background-image-data-url-search": { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + "token-form-text-input-background-image-data-url-search-cancel": { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + "token-form-text-input-background-image-data-url-search-loading": { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + "token-form-toggle-width": { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + "token-form-toggle-height": { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + "token-form-toggle-base-surface-color-default": { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + "token-form-toggle-border-radius": { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + "token-form-toggle-border-width": { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + "token-form-toggle-background-image-size": { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + "token-form-toggle-background-image-position-x": { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + "token-form-toggle-background-image-data-url": { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + "token-form-toggle-background-image-data-url-disabled": { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + "token-form-toggle-transition-duration": { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + "token-form-toggle-transition-timing-function": { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + "token-form-toggle-thumb-size": { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + "token-pagination-nav-control-height": { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + "token-pagination-nav-control-padding-horizontal": { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + "token-pagination-nav-control-focus-inset": { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + "token-pagination-nav-control-icon-spacing": { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + "token-pagination-nav-indicator-height": { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + "token-pagination-nav-indicator-spacing": { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + "token-pagination-child-spacing-vertical": { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + "token-pagination-child-spacing-horizontal": { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + "token-side-nav-wrapper-border-width": { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-side-nav-wrapper-border-color": { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-side-nav-wrapper-padding-horizontal": { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-side-nav-wrapper-padding-vertical": { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-side-nav-wrapper-padding-vertical-minimized": { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-side-nav-toggle-button-border-radius": { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-side-nav-header-home-link-padding": { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-side-nav-header-home-link-logo-size": { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-side-nav-header-home-link-logo-size-minimized": { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-side-nav-header-actions-spacing": { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-side-nav-body-list-margin-vertical": { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-side-nav-body-list-item-height": { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + "token-side-nav-body-list-item-padding-horizontal": { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-side-nav-body-list-item-padding-vertical": { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-side-nav-body-list-item-spacing-vertical": { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-side-nav-body-list-item-border-radius": { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-side-nav-color-foreground-primary": { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-side-nav-color-foreground-strong": { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-side-nav-color-foreground-faint": { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-side-nav-color-surface-primary": { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + "token-side-nav-color-surface-interactive-hover": { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-side-nav-color-surface-interactive-active": { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-tabs-tab-height-medium": { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + "token-tabs-tab-height-large": { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + "token-tabs-tab-padding-horizontal-medium": { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + "token-tabs-tab-padding-horizontal-large": { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + "token-tabs-tab-padding-vertical": { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + "token-tabs-tab-border-radius": { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + "token-tabs-tab-focus-inset": { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + "token-tabs-tab-gutter": { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + "token-tabs-indicator-height": { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + "token-tabs-indicator-transition-function": { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + "token-tabs-indicator-transition-duration": { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + "token-tabs-divider-height": { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + "token-tooltip-border-radius": { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + "token-tooltip-color-foreground-primary": { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + "token-tooltip-color-surface-primary": { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + "token-tooltip-focus-offset": { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + "token-tooltip-max-width": { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + "token-tooltip-padding-horizontal": { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + "token-tooltip-padding-vertical": { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + "token-tooltip-transition-function": { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + "token-typography-font-stack-display": { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + "token-typography-font-stack-text": { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + "token-typography-font-stack-code": { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + "token-typography-font-weight-regular": { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + "token-typography-font-weight-medium": { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + "token-typography-font-weight-semibold": { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + "token-typography-font-weight-bold": { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + "token-typography-display-500-font-family": { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + "token-typography-display-500-font-size": { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "2rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading05.font-size}", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + "token-typography-display-500-line-height": { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading05.line-height}", + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + "token-typography-display-500-letter-spacing": { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading05.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + "token-typography-display-400-font-family": { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + "token-typography-display-400-font-size": { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.75rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading04.font-size}", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + "token-typography-display-400-line-height": { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading04.line-height}", + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + "token-typography-display-400-letter-spacing": { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading04.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + "token-typography-display-300-font-family": { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + "token-typography-display-300-font-size": { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.25rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading03.font-size}", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + "token-typography-display-300-line-height": { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.4, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading03.line-height}", + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + "token-typography-display-300-letter-spacing": { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading03.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + "token-typography-display-200-font-family": { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + "token-typography-display-200-font-size": { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + "token-typography-display-200-line-height": { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + "token-typography-display-200-letter-spacing": { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading02.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + "token-typography-display-100-font-family": { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + "token-typography-display-100-font-size": { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + "token-typography-display-100-line-height": { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + "token-typography-display-100-letter-spacing": { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0.16px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading01.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + "token-typography-body-300-font-family": { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + "token-typography-body-300-font-size": { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + "token-typography-body-300-line-height": { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + "token-typography-body-200-font-family": { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + "token-typography-body-200-font-size": { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body01.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + "token-typography-body-200-line-height": { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body01.line-height}", + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + "token-typography-body-100-font-family": { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + "token-typography-body-100-font-size": { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.bodyCompact01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + "token-typography-body-100-line-height": { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.bodyCompact01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + "token-typography-code-300-font-family": { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + "token-typography-code-300-font-size": { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + "token-typography-code-300-line-height": { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + "token-typography-code-200-font-family": { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + "token-typography-code-200-font-size": { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + "token-typography-code-200-line-height": { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + "token-typography-code-100-font-family": { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + "token-typography-code-100-font-size": { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + "token-typography-code-100-line-height": { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.33333, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code01.line-height}", + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } + }, + "cds-g10": { + "token-border-radius-x-small": { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + "token-border-radius-small": { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + "token-border-radius-medium": { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + "token-border-radius-large": { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + "token-color-palette-blue-500": { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#001141", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.100}", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + "token-color-palette-blue-400": { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#002d9c", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.80}", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + "token-color-palette-blue-300": { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0043ce", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + "token-color-palette-blue-200": { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#0f62fe", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + "token-color-palette-blue-100": { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#d0e2ff", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + "token-color-palette-blue-50": { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#edf5ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.10}", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + "token-color-palette-purple-500": { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#31135e", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.90}", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + "token-color-palette-purple-400": { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#6929c4", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + "token-color-palette-purple-300": { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#8a3ffc", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + "token-color-palette-purple-200": { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a56eff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + "token-color-palette-purple-100": { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#e8daff", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + "token-color-palette-purple-50": { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f6f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.10}", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + "token-color-palette-green-500": { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#044317", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + "token-color-palette-green-400": { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#0e6027", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + "token-color-palette-green-300": { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#198038", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + "token-color-palette-green-200": { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#24a148", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + "token-color-palette-green-100": { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#a7f0ba", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + "token-color-palette-green-50": { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#defbe6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.10}", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + "token-color-palette-amber-500": { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#302400", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.90}", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + "token-color-palette-amber-400": { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#483700", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.80}", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + "token-color-palette-amber-300": { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#8e6a00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.60}", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + "token-color-palette-amber-200": { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#d2a106", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + "token-color-palette-amber-100": { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fddc69", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + "token-color-palette-amber-50": { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fcf4d6", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.10}", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + "token-color-palette-red-500": { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#520408", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.90}", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + "token-color-palette-red-400": { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#750e13", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + "token-color-palette-red-300": { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#a2191f", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + "token-color-palette-red-200": { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#da1e28", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + "token-color-palette-red-100": { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#ffd7d9", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + "token-color-palette-red-50": { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff1f1", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.10}", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + "token-color-palette-neutral-700": { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#161616", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.100}", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + "token-color-palette-neutral-600": { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#393939", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.80}", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + "token-color-palette-neutral-500": { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#525252", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + "token-color-palette-neutral-400": { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8d8d8d", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.50}", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + "token-color-palette-neutral-300": { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#a8a8a8", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.40}", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + "token-color-palette-neutral-200": { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#c6c6c6", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + "token-color-palette-neutral-100": { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#e0e0e0", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.20}", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + "token-color-palette-neutral-50": { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#f4f4f4", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.10}", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + "token-color-palette-neutral-0": { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.white.0}", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + "token-color-palette-alpha-300": { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#39393966", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + "token-color-palette-alpha-200": { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#52525233", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + "token-color-palette-alpha-100": { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#5252521a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + "token-color-border-primary": { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#e0e0e0", + "group": "semantic", + "$modes": { + "default": "#52525233", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.borderSubtle03}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + "token-color-border-faint": { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#5252521a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.borderSubtle00}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + "token-color-border-strong": { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#8d8d8d", + "group": "semantic", + "$modes": { + "default": "#39393966", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.borderStrong01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + "token-color-border-action": { + "key": "{color.border.action}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "$modes": { + "default": "#d0e2ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + "token-color-border-highlight": { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#be95ff", + "group": "semantic", + "$modes": { + "default": "#e8daff", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + "token-color-border-success": { + "key": "{color.border.success}", + "$type": "color", + "$value": "#42be65", + "group": "semantic", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + "token-color-border-warning": { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#ff832b", + "group": "semantic", + "$modes": { + "default": "#fddc69", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + "token-color-border-critical": { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#ff8389", + "group": "semantic", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + "token-color-focus-action-internal": { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + "token-color-focus-action-external": { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + "token-color-focus-critical-internal": { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + "token-color-focus-critical-external": { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + "token-color-foreground-strong": { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + "token-color-foreground-primary": { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#393939", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + "token-color-foreground-faint": { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#525252", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + "token-color-foreground-high-contrast": { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + "token-color-foreground-disabled": { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "rgba(22, 22, 22, 0.25)", + "group": "semantic", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textDisabled}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + "token-color-foreground-action": { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.linkPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + "token-color-foreground-action-hover": { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + "token-color-foreground-action-active": { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#002d9c", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + "token-color-foreground-highlight": { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#8a3ffc", + "group": "semantic", + "$modes": { + "default": "#a56eff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + "token-color-foreground-highlight-on-surface": { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#6929c4", + "group": "semantic", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + "token-color-foreground-highlight-high-contrast": { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#491d8b", + "group": "semantic", + "$modes": { + "default": "#31135e", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + "token-color-foreground-success": { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#198038", + "group": "semantic", + "$modes": { + "default": "#24a148", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + "token-color-foreground-success-on-surface": { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#0e6027", + "group": "semantic", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + "token-color-foreground-success-high-contrast": { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#044317", + "group": "semantic", + "$modes": { + "default": "#044317", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + "token-color-foreground-warning": { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#ba4e00", + "group": "semantic", + "$modes": { + "default": "#d2a106", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + "token-color-foreground-warning-on-surface": { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#8a3800", + "group": "semantic", + "$modes": { + "default": "#8e6a00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + "token-color-foreground-warning-high-contrast": { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#5e2900", + "group": "semantic", + "$modes": { + "default": "#302400", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + "token-color-foreground-critical": { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#da1e28", + "group": "semantic", + "$modes": { + "default": "#da1e28", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + "token-color-foreground-critical-on-surface": { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#a2191f", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + "token-color-foreground-critical-high-contrast": { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#750e13", + "group": "semantic", + "$modes": { + "default": "#520408", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + "token-color-page-primary": { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + "token-color-page-faint": { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + "token-color-surface-primary": { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + "token-color-surface-faint": { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + "token-color-surface-strong": { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + "token-color-surface-interactive": { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + "token-color-surface-interactive-hover": { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#e8e8e8", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layerHover01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + "token-color-surface-interactive-active": { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layerActive01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + "token-color-surface-interactive-disabled": { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + "token-color-surface-action": { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#d0e2ff", + "group": "semantic", + "$modes": { + "default": "#edf5ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + "token-color-surface-highlight": { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#e8daff", + "group": "semantic", + "$modes": { + "default": "#f6f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + "token-color-surface-success": { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#a7f0ba", + "group": "semantic", + "$modes": { + "default": "#defbe6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + "token-color-surface-warning": { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#ffd9be", + "group": "semantic", + "$modes": { + "default": "#fcf4d6", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + "token-color-surface-critical": { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#ffd7d9", + "group": "semantic", + "$modes": { + "default": "#fff1f1", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + "token-color-hashicorp-brand": { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + "token-color-boundary-brand": { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + "token-color-boundary-foreground": { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + "token-color-boundary-surface": { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + "token-color-boundary-border": { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + "token-color-boundary-gradient-primary-start": { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + "token-color-boundary-gradient-primary-stop": { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + "token-color-boundary-gradient-faint-start": { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + "token-color-boundary-gradient-faint-stop": { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + "token-color-consul-brand": { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + "token-color-consul-foreground": { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + "token-color-consul-surface": { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + "token-color-consul-border": { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + "token-color-consul-gradient-primary-start": { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + "token-color-consul-gradient-primary-stop": { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + "token-color-consul-gradient-faint-start": { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + "token-color-consul-gradient-faint-stop": { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + "token-color-hcp-brand": { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + "token-color-nomad-brand": { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + "token-color-nomad-foreground": { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + "token-color-nomad-surface": { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + "token-color-nomad-border": { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + "token-color-nomad-gradient-primary-start": { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + "token-color-nomad-gradient-primary-stop": { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + "token-color-nomad-gradient-faint-start": { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + "token-color-nomad-gradient-faint-stop": { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + "token-color-packer-brand": { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + "token-color-packer-foreground": { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + "token-color-packer-surface": { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + "token-color-packer-border": { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + "token-color-packer-gradient-primary-start": { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + "token-color-packer-gradient-primary-stop": { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + "token-color-packer-gradient-faint-start": { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + "token-color-packer-gradient-faint-stop": { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + "token-color-terraform-brand": { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + "token-color-terraform-brand-on-dark": { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + "token-color-terraform-foreground": { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + "token-color-terraform-surface": { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + "token-color-terraform-border": { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + "token-color-terraform-gradient-primary-start": { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + "token-color-terraform-gradient-primary-stop": { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + "token-color-terraform-gradient-faint-start": { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + "token-color-terraform-gradient-faint-stop": { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vagrant-brand": { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + "token-color-vagrant-foreground": { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + "token-color-vagrant-surface": { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + "token-color-vagrant-border": { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + "token-color-vagrant-gradient-primary-start": { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + "token-color-vagrant-gradient-primary-stop": { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vagrant-gradient-faint-start": { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + "token-color-vagrant-gradient-faint-stop": { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-radar-brand": { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + "token-color-vault-radar-brand-alt": { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + "token-color-vault-radar-foreground": { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + "token-color-vault-radar-surface": { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + "token-color-vault-radar-border": { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + "token-color-vault-radar-gradient-primary-start": { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-radar-gradient-primary-stop": { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-radar-gradient-faint-start": { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-radar-gradient-faint-stop": { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-secrets-brand": { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + "token-color-vault-secrets-brand-alt": { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + "token-color-vault-secrets-foreground": { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + "token-color-vault-secrets-surface": { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + "token-color-vault-secrets-border": { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + "token-color-vault-secrets-gradient-primary-start": { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-secrets-gradient-primary-stop": { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-secrets-gradient-faint-start": { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-secrets-gradient-faint-stop": { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-brand": { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + "token-color-vault-brand-alt": { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + "token-color-vault-foreground": { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + "token-color-vault-surface": { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + "token-color-vault-border": { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + "token-color-vault-gradient-primary-start": { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-gradient-primary-stop": { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-gradient-faint-start": { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-gradient-faint-stop": { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + "token-color-waypoint-brand": { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + "token-color-waypoint-foreground": { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + "token-color-waypoint-surface": { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + "token-color-waypoint-border": { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + "token-color-waypoint-gradient-primary-start": { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + "token-color-waypoint-gradient-primary-stop": { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + "token-color-waypoint-gradient-faint-start": { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + "token-color-waypoint-gradient-faint-stop": { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + "token-elevation-inset-box-shadow": { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + "token-elevation-low-box-shadow": { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + "token-elevation-mid-box-shadow": { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + "token-elevation-high-box-shadow": { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + "token-elevation-higher-box-shadow": { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + "token-elevation-overlay-box-shadow": { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + "token-surface-inset-box-shadow": { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + "token-surface-base-box-shadow": { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #52525233", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + "token-surface-low-box-shadow": { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + "token-surface-mid-box-shadow": { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + "token-surface-high-box-shadow": { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + "token-surface-higher-box-shadow": { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + "token-surface-overlay-box-shadow": { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + "token-focus-ring-action-box-shadow": { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + "token-focus-ring-critical-box-shadow": { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + "token-app-header-height": { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + "token-app-header-home-link-size": { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + "token-app-header-logo-size": { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + "token-app-side-nav-wrapper-border-width": { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-app-side-nav-wrapper-border-color": { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal": { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-wrapper-padding-vertical": { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-app-side-nav-wrapper-padding-vertical-minimized": { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-app-side-nav-toggle-button-border-radius": { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-app-side-nav-header-home-link-padding": { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-app-side-nav-header-home-link-logo-size": { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-app-side-nav-header-home-link-logo-size-minimized": { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-app-side-nav-header-actions-spacing": { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-app-side-nav-body-list-margin-vertical": { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-app-side-nav-body-list-item-height": { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + "token-app-side-nav-body-list-item-padding-horizontal": { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-body-list-item-padding-vertical": { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-app-side-nav-body-list-item-spacing-vertical": { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-app-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-app-side-nav-body-list-item-border-radius": { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-app-side-nav-color-foreground-primary": { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-app-side-nav-color-foreground-strong": { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-app-side-nav-color-foreground-faint": { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-app-side-nav-color-surface-primary": { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + "token-app-side-nav-color-surface-interactive-hover": { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-app-side-nav-color-surface-interactive-active": { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-badge-count-padding-horizontal-small": { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-count-padding-horizontal-medium": { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-count-padding-horizontal-large": { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-height-small": { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + "token-badge-height-medium": { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + "token-badge-height-large": { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + "token-badge-padding-horizontal-small": { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-padding-horizontal-medium": { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-padding-horizontal-large": { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-padding-vertical-small": { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + "token-badge-padding-vertical-medium": { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + "token-badge-padding-vertical-large": { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + "token-badge-gap-small": { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + "token-badge-gap-medium": { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + "token-badge-gap-large": { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + "token-badge-typography-font-size-small": { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + "token-badge-typography-font-size-medium": { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + "token-badge-typography-font-size-large": { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + "token-badge-typography-line-height-small": { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + "token-badge-typography-line-height-medium": { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + "token-badge-typography-line-height-large": { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + "token-badge-foreground-color-neutral-filled": { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g10}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + "token-badge-foreground-color-neutral-inverted": { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-outlined": { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g10}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-filled": { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-inverted": { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g10}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-outlined": { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + "token-badge-foreground-color-highlight-filled": { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#6929c4", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#6929c4", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + "token-badge-foreground-color-highlight-inverted": { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-foreground-color-highlight-outlined": { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#6929c4", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + "token-badge-foreground-color-success-filled": { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#0e6027", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#0e6027", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + "token-badge-foreground-color-success-inverted": { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + "token-badge-foreground-color-success-outlined": { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#0e6027", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + "token-badge-foreground-color-warning-filled": { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#684e00", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#483700", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + "token-badge-foreground-color-warning-inverted": { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + "token-badge-foreground-color-warning-outlined": { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#684e00", + "$modes": { + "default": "#ba4e00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + "token-badge-foreground-color-critical-filled": { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#a2191f", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#750e13", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g10}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + "token-badge-foreground-color-critical-inverted": { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + "token-badge-foreground-color-critical-outlined": { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#a2191f", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g10}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + "token-badge-surface-color-neutral-filled": { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#e0e0e0", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + "token-badge-surface-color-neutral-inverted": { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-surface-color-neutral-dark-mode-filled": { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-surface-color-neutral-dark-mode-inverted": { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#e0e0e0", + "$modes": { + "default": "#ffffff", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-surface-color-highlight-filled": { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#e8daff", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#e8daff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + "token-badge-surface-color-highlight-inverted": { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#6929c4", + "$modes": { + "default": "#a56eff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-surface-color-success-filled": { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#a7f0ba", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + "token-badge-surface-color-success-inverted": { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#0e6027", + "$modes": { + "default": "#24a148", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + "token-badge-surface-color-warning-filled": { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#fddc69", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fddc69", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + "token-badge-surface-color-warning-inverted": { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#684e00", + "$modes": { + "default": "#d2a106", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + "token-badge-surface-color-critical-filled": { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#ffd7d9", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + "token-badge-surface-color-critical-inverted": { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#a2191f", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + "token-badge-border-width": { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + "token-badge-border-radius-small": { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + "token-badge-border-radius-medium": { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + "token-badge-border-radius-large": { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + "token-badge-icon-size-small": { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + "token-badge-icon-size-medium": { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + "token-badge-icon-size-large": { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + "token-button-height-small": { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + "token-button-height-medium": { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "40px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "40", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + "token-button-height-large": { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + "token-button-padding-horizontal-small": { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + "token-button-padding-horizontal-medium": { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + "token-button-padding-horizontal-large": { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + "token-button-padding-vertical-small": { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + "token-button-padding-vertical-medium": { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "10px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "10", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + "token-button-padding-vertical-large": { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + "token-button-gap": { + "key": "{button.gap}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + "token-button-typography-font-size-small": { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + "token-button-typography-font-size-medium": { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + "token-button-typography-font-size-large": { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + "token-button-typography-line-height-small": { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + "token-button-typography-line-height-medium": { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + "token-button-typography-line-height-large": { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + "token-button-foreground-color-primary-default": { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + "token-button-foreground-color-primary-hover": { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + "token-button-foreground-color-primary-focus": { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + "token-button-foreground-color-primary-active": { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + "token-button-foreground-color-secondary-default": { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + "token-button-foreground-color-secondary-hover": { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + "token-button-foreground-color-secondary-focus": { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + "token-button-foreground-color-secondary-active": { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + "token-button-foreground-color-tertiary-default": { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + "token-button-foreground-color-tertiary-hover": { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + "token-button-foreground-color-tertiary-focus": { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + "token-button-foreground-color-tertiary-active": { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + "token-button-foreground-color-critical-default": { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + "token-button-foreground-color-critical-hover": { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + "token-button-foreground-color-critical-focus": { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + "token-button-foreground-color-critical-active": { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + "token-button-foreground-color-disabled": { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "$modes": { + "default": "rgba(22, 22, 22, 0.25)", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColorDisabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + "token-button-surface-color-primary-default": { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + "token-button-surface-color-primary-hover": { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + "token-button-surface-color-primary-focus": { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + "token-button-surface-color-primary-active": { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#002d9c", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + "token-button-surface-color-secondary-default": { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#ffffff", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + "token-button-surface-color-secondary-hover": { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#474747", + "$modes": { + "default": "#ffffff", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + "token-button-surface-color-secondary-focus": { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#ffffff", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + "token-button-surface-color-secondary-active": { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + "token-button-surface-color-tertiary-default": { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + "token-button-surface-color-tertiary-hover": { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#ffffff", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + "token-button-surface-color-tertiary-focus": { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + "token-button-surface-color-tertiary-active": { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + "token-button-surface-color-critical-default": { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + "token-button-surface-color-critical-hover": { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#b81921", + "$modes": { + "default": "#a2191f", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + "token-button-surface-color-critical-focus": { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + "token-button-surface-color-critical-active": { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#750e13", + "$modes": { + "default": "#750e13", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + "token-button-surface-color-disabled": { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#c6c6c6", + "$modes": { + "default": "#ffffff", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + "token-button-border-width": { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + "token-button-border-radius": { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + "token-button-border-color-primary-default": { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + "token-button-border-color-primary-hover": { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + "token-button-border-color-primary-focus-internal": { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + "token-button-border-color-primary-focus-external": { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + "token-button-border-color-primary-active": { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#002d9c", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + "token-button-border-color-secondary-default": { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + "token-button-border-color-secondary-hover": { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + "token-button-border-color-secondary-focus-internal": { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + "token-button-border-color-secondary-focus-external": { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + "token-button-border-color-secondary-active": { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + "token-button-border-color-tertiary-default": { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + "token-button-border-color-tertiary-hover": { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + "token-button-border-color-tertiary-focus-internal": { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + "token-button-border-color-tertiary-focus-external": { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#0f62fe", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + "token-button-border-color-tertiary-active": { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + "token-button-border-color-critical-default": { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#a2191f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + "token-button-border-color-critical-hover": { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + "token-button-border-color-critical-focus-internal": { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + "token-button-border-color-critical-focus-external": { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + "token-button-border-color-critical-active": { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + "token-button-border-color-disabled": { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#e0e0e0", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + "token-button-focus-border-width": { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + "token-button-icon-size-small": { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + "token-button-icon-size-medium": { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + "token-button-icon-size-large": { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + "token-form-label-color": { + "key": "{form.label.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + "token-form-legend-color": { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + "token-form-helper-text-color": { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + "token-form-indicator-optional-color": { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + "token-form-error-color": { + "key": "{form.error.color}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + "token-form-error-icon-size": { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + "token-form-checkbox-size": { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + "token-form-checkbox-border-radius": { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + "token-form-checkbox-border-width": { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + "token-form-checkbox-background-image-size": { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + "token-form-checkbox-background-image-data-url": { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate": { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + "token-form-checkbox-background-image-data-url-disabled": { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate-disabled": { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + "token-form-control-base-foreground-value-color": { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + "token-form-control-base-foreground-placeholder-color": { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + "token-form-control-base-surface-color-default": { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + "token-form-control-base-surface-color-hover": { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#e8e8e8", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + "token-form-control-base-border-color-default": { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + "token-form-control-base-border-color-hover": { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + "token-form-control-checked-foreground-color": { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + "token-form-control-checked-surface-color-default": { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#0f62fe", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + "token-form-control-checked-surface-color-hover": { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + "token-form-control-checked-border-color-default": { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + "token-form-control-checked-border-color-hover": { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#002d9c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + "token-form-control-invalid-border-color-default": { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + "token-form-control-invalid-border-color-hover": { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#750e13", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + "token-form-control-readonly-foreground-color": { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + "token-form-control-readonly-surface-color": { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + "token-form-control-readonly-border-color": { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#c6c6c6", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + "token-form-control-disabled-foreground-color": { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "rgba(22, 22, 22, 0.25)", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + "token-form-control-disabled-surface-color": { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#c6c6c6", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + "token-form-control-disabled-border-color": { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#e0e0e0", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + "token-form-control-padding": { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + "token-form-control-border-radius": { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + "token-form-control-border-width": { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + "token-form-radio-size": { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + "token-form-radio-border-width": { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + "token-form-radio-background-image-size": { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + "token-form-radio-background-image-data-url": { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + "token-form-radio-background-image-data-url-disabled": { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + "token-form-radiocard-group-gap": { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + "token-form-radiocard-border-width": { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + "token-form-radiocard-border-radius": { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + "token-form-radiocard-border-color-default": { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#ffffff", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + "token-form-radiocard-border-color-focus": { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + "token-form-radiocard-border-color-default-checked": { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#0043ce", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + "token-form-radiocard-content-padding": { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + "token-form-radiocard-control-padding": { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + "token-form-radiocard-transition-duration": { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + "token-form-select-background-image-size": { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + "token-form-select-background-image-position-right-x": { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + "token-form-select-background-image-position-top-y": { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + "token-form-select-background-image-data-url": { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + "token-form-select-background-image-data-url-disabled": { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + "token-form-text-input-background-image-size": { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + "token-form-text-input-background-image-position-x": { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + "token-form-text-input-background-image-data-url-date": { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + "token-form-text-input-background-image-data-url-time": { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + "token-form-text-input-background-image-data-url-search": { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + "token-form-text-input-background-image-data-url-search-cancel": { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + "token-form-text-input-background-image-data-url-search-loading": { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + "token-form-toggle-width": { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + "token-form-toggle-height": { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + "token-form-toggle-base-surface-color-default": { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + "token-form-toggle-border-radius": { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + "token-form-toggle-border-width": { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + "token-form-toggle-background-image-size": { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + "token-form-toggle-background-image-position-x": { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + "token-form-toggle-background-image-data-url": { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + "token-form-toggle-background-image-data-url-disabled": { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + "token-form-toggle-transition-duration": { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + "token-form-toggle-transition-timing-function": { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + "token-form-toggle-thumb-size": { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + "token-pagination-nav-control-height": { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + "token-pagination-nav-control-padding-horizontal": { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + "token-pagination-nav-control-focus-inset": { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + "token-pagination-nav-control-icon-spacing": { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + "token-pagination-nav-indicator-height": { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + "token-pagination-nav-indicator-spacing": { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + "token-pagination-child-spacing-vertical": { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + "token-pagination-child-spacing-horizontal": { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + "token-side-nav-wrapper-border-width": { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-side-nav-wrapper-border-color": { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-side-nav-wrapper-padding-horizontal": { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-side-nav-wrapper-padding-vertical": { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-side-nav-wrapper-padding-vertical-minimized": { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-side-nav-toggle-button-border-radius": { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-side-nav-header-home-link-padding": { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-side-nav-header-home-link-logo-size": { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-side-nav-header-home-link-logo-size-minimized": { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-side-nav-header-actions-spacing": { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-side-nav-body-list-margin-vertical": { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-side-nav-body-list-item-height": { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + "token-side-nav-body-list-item-padding-horizontal": { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-side-nav-body-list-item-padding-vertical": { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-side-nav-body-list-item-spacing-vertical": { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-side-nav-body-list-item-border-radius": { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-side-nav-color-foreground-primary": { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-side-nav-color-foreground-strong": { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-side-nav-color-foreground-faint": { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-side-nav-color-surface-primary": { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + "token-side-nav-color-surface-interactive-hover": { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-side-nav-color-surface-interactive-active": { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-tabs-tab-height-medium": { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + "token-tabs-tab-height-large": { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + "token-tabs-tab-padding-horizontal-medium": { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + "token-tabs-tab-padding-horizontal-large": { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + "token-tabs-tab-padding-vertical": { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + "token-tabs-tab-border-radius": { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + "token-tabs-tab-focus-inset": { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + "token-tabs-tab-gutter": { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + "token-tabs-indicator-height": { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + "token-tabs-indicator-transition-function": { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + "token-tabs-indicator-transition-duration": { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + "token-tabs-divider-height": { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + "token-tooltip-border-radius": { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + "token-tooltip-color-foreground-primary": { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + "token-tooltip-color-surface-primary": { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + "token-tooltip-focus-offset": { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + "token-tooltip-max-width": { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + "token-tooltip-padding-horizontal": { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + "token-tooltip-padding-vertical": { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + "token-tooltip-transition-function": { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + "token-typography-font-stack-display": { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + "token-typography-font-stack-text": { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + "token-typography-font-stack-code": { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + "token-typography-font-weight-regular": { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + "token-typography-font-weight-medium": { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + "token-typography-font-weight-semibold": { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + "token-typography-font-weight-bold": { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + "token-typography-display-500-font-family": { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + "token-typography-display-500-font-size": { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "2rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading05.font-size}", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + "token-typography-display-500-line-height": { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading05.line-height}", + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + "token-typography-display-500-letter-spacing": { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading05.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + "token-typography-display-400-font-family": { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + "token-typography-display-400-font-size": { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.75rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading04.font-size}", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + "token-typography-display-400-line-height": { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading04.line-height}", + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + "token-typography-display-400-letter-spacing": { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading04.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + "token-typography-display-300-font-family": { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + "token-typography-display-300-font-size": { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.25rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading03.font-size}", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + "token-typography-display-300-line-height": { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.4, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading03.line-height}", + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + "token-typography-display-300-letter-spacing": { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading03.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + "token-typography-display-200-font-family": { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + "token-typography-display-200-font-size": { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + "token-typography-display-200-line-height": { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + "token-typography-display-200-letter-spacing": { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading02.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + "token-typography-display-100-font-family": { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + "token-typography-display-100-font-size": { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + "token-typography-display-100-line-height": { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + "token-typography-display-100-letter-spacing": { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0.16px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading01.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + "token-typography-body-300-font-family": { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + "token-typography-body-300-font-size": { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + "token-typography-body-300-line-height": { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + "token-typography-body-200-font-family": { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + "token-typography-body-200-font-size": { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body01.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + "token-typography-body-200-line-height": { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body01.line-height}", + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + "token-typography-body-100-font-family": { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + "token-typography-body-100-font-size": { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.bodyCompact01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + "token-typography-body-100-line-height": { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.bodyCompact01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + "token-typography-code-300-font-family": { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + "token-typography-code-300-font-size": { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + "token-typography-code-300-line-height": { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + "token-typography-code-200-font-family": { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + "token-typography-code-200-font-size": { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + "token-typography-code-200-line-height": { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + "token-typography-code-100-font-family": { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + "token-typography-code-100-font-size": { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + "token-typography-code-100-line-height": { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.33333, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code01.line-height}", + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } + }, + "cds-g90": { + "token-border-radius-x-small": { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + "token-border-radius-small": { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + "token-border-radius-medium": { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + "token-border-radius-large": { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + "token-color-palette-blue-500": { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#001141", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.100}", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + "token-color-palette-blue-400": { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#002d9c", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.80}", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + "token-color-palette-blue-300": { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0043ce", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + "token-color-palette-blue-200": { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#0f62fe", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + "token-color-palette-blue-100": { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#d0e2ff", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + "token-color-palette-blue-50": { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#edf5ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.10}", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + "token-color-palette-purple-500": { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#31135e", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.90}", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + "token-color-palette-purple-400": { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#6929c4", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + "token-color-palette-purple-300": { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#8a3ffc", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + "token-color-palette-purple-200": { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a56eff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + "token-color-palette-purple-100": { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#e8daff", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + "token-color-palette-purple-50": { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f6f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.10}", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + "token-color-palette-green-500": { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#044317", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + "token-color-palette-green-400": { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#0e6027", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + "token-color-palette-green-300": { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#198038", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + "token-color-palette-green-200": { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#24a148", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + "token-color-palette-green-100": { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#a7f0ba", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + "token-color-palette-green-50": { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#defbe6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.10}", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + "token-color-palette-amber-500": { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#302400", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.90}", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + "token-color-palette-amber-400": { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#483700", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.80}", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + "token-color-palette-amber-300": { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#8e6a00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.60}", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + "token-color-palette-amber-200": { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#d2a106", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + "token-color-palette-amber-100": { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fddc69", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + "token-color-palette-amber-50": { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fcf4d6", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.10}", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + "token-color-palette-red-500": { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#520408", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.90}", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + "token-color-palette-red-400": { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#750e13", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + "token-color-palette-red-300": { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#a2191f", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + "token-color-palette-red-200": { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#da1e28", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + "token-color-palette-red-100": { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#ffd7d9", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + "token-color-palette-red-50": { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff1f1", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.10}", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + "token-color-palette-neutral-700": { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#161616", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.100}", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + "token-color-palette-neutral-600": { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#393939", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.80}", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + "token-color-palette-neutral-500": { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#525252", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + "token-color-palette-neutral-400": { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8d8d8d", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.50}", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + "token-color-palette-neutral-300": { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#a8a8a8", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.40}", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + "token-color-palette-neutral-200": { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#c6c6c6", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + "token-color-palette-neutral-100": { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#e0e0e0", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.20}", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + "token-color-palette-neutral-50": { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#f4f4f4", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.10}", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + "token-color-palette-neutral-0": { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.white.0}", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + "token-color-palette-alpha-300": { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#39393966", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + "token-color-palette-alpha-200": { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#52525233", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + "token-color-palette-alpha-100": { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#5252521a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + "token-color-border-primary": { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#8d8d8d", + "group": "semantic", + "$modes": { + "default": "#52525233", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.borderSubtle03}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + "token-color-border-faint": { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#525252", + "group": "semantic", + "$modes": { + "default": "#5252521a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.borderSubtle00}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + "token-color-border-strong": { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#8d8d8d", + "group": "semantic", + "$modes": { + "default": "#39393966", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.borderStrong01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + "token-color-border-action": { + "key": "{color.border.action}", + "$type": "color", + "$value": "#4589ff", + "group": "semantic", + "$modes": { + "default": "#d0e2ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + "token-color-border-highlight": { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#a56eff", + "group": "semantic", + "$modes": { + "default": "#e8daff", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + "token-color-border-success": { + "key": "{color.border.success}", + "$type": "color", + "$value": "#24a148", + "group": "semantic", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + "token-color-border-warning": { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#eb6200", + "group": "semantic", + "$modes": { + "default": "#fddc69", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + "token-color-border-critical": { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#fa4d56", + "group": "semantic", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + "token-color-focus-action-internal": { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + "token-color-focus-action-external": { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + "token-color-focus-critical-internal": { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + "token-color-focus-critical-external": { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + "token-color-foreground-strong": { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + "token-color-foreground-primary": { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#393939", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + "token-color-foreground-faint": { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#525252", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + "token-color-foreground-high-contrast": { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + "token-color-foreground-disabled": { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "rgba(244, 244, 244, 0.25)", + "group": "semantic", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textDisabled}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + "token-color-foreground-action": { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#78a9ff", + "group": "semantic", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.linkPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + "token-color-foreground-action-hover": { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#a6c8ff", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + "token-color-foreground-action-active": { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#a6c8ff", + "group": "semantic", + "$modes": { + "default": "#002d9c", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + "token-color-foreground-highlight": { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#be95ff", + "group": "semantic", + "$modes": { + "default": "#a56eff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + "token-color-foreground-highlight-on-surface": { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#d4bbff", + "group": "semantic", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + "token-color-foreground-highlight-high-contrast": { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#e8daff", + "group": "semantic", + "$modes": { + "default": "#31135e", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + "token-color-foreground-success": { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#42be65", + "group": "semantic", + "$modes": { + "default": "#24a148", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + "token-color-foreground-success-on-surface": { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#6fdc8c", + "group": "semantic", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + "token-color-foreground-success-high-contrast": { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#a7f0ba", + "group": "semantic", + "$modes": { + "default": "#044317", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + "token-color-foreground-warning": { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#ff832b", + "group": "semantic", + "$modes": { + "default": "#d2a106", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + "token-color-foreground-warning-on-surface": { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#ffb784", + "group": "semantic", + "$modes": { + "default": "#8e6a00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + "token-color-foreground-warning-high-contrast": { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#ffd9be", + "group": "semantic", + "$modes": { + "default": "#302400", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + "token-color-foreground-critical": { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#ff8389", + "group": "semantic", + "$modes": { + "default": "#da1e28", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + "token-color-foreground-critical-on-surface": { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#ffb3b8", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + "token-color-foreground-critical-high-contrast": { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#ffd7d9", + "group": "semantic", + "$modes": { + "default": "#520408", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + "token-color-page-primary": { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + "token-color-page-faint": { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + "token-color-surface-primary": { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + "token-color-surface-faint": { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + "token-color-surface-strong": { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + "token-color-surface-interactive": { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + "token-color-surface-interactive-hover": { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#474747", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layerHover01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + "token-color-surface-interactive-active": { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#6f6f6f", + "group": "semantic", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layerActive01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + "token-color-surface-interactive-disabled": { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#525252", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + "token-color-surface-action": { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#edf5ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + "token-color-surface-highlight": { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#6929c4", + "group": "semantic", + "$modes": { + "default": "#f6f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + "token-color-surface-success": { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#0e6027", + "group": "semantic", + "$modes": { + "default": "#defbe6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + "token-color-surface-warning": { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#8a3800", + "group": "semantic", + "$modes": { + "default": "#fcf4d6", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + "token-color-surface-critical": { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#a2191f", + "group": "semantic", + "$modes": { + "default": "#fff1f1", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + "token-color-hashicorp-brand": { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + "token-color-boundary-brand": { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + "token-color-boundary-foreground": { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + "token-color-boundary-surface": { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + "token-color-boundary-border": { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + "token-color-boundary-gradient-primary-start": { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + "token-color-boundary-gradient-primary-stop": { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + "token-color-boundary-gradient-faint-start": { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + "token-color-boundary-gradient-faint-stop": { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + "token-color-consul-brand": { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + "token-color-consul-foreground": { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + "token-color-consul-surface": { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + "token-color-consul-border": { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + "token-color-consul-gradient-primary-start": { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + "token-color-consul-gradient-primary-stop": { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + "token-color-consul-gradient-faint-start": { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + "token-color-consul-gradient-faint-stop": { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + "token-color-hcp-brand": { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + "token-color-nomad-brand": { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + "token-color-nomad-foreground": { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + "token-color-nomad-surface": { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + "token-color-nomad-border": { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + "token-color-nomad-gradient-primary-start": { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + "token-color-nomad-gradient-primary-stop": { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + "token-color-nomad-gradient-faint-start": { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + "token-color-nomad-gradient-faint-stop": { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + "token-color-packer-brand": { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + "token-color-packer-foreground": { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + "token-color-packer-surface": { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + "token-color-packer-border": { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + "token-color-packer-gradient-primary-start": { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + "token-color-packer-gradient-primary-stop": { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + "token-color-packer-gradient-faint-start": { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + "token-color-packer-gradient-faint-stop": { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + "token-color-terraform-brand": { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + "token-color-terraform-brand-on-dark": { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + "token-color-terraform-foreground": { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + "token-color-terraform-surface": { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + "token-color-terraform-border": { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + "token-color-terraform-gradient-primary-start": { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + "token-color-terraform-gradient-primary-stop": { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + "token-color-terraform-gradient-faint-start": { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + "token-color-terraform-gradient-faint-stop": { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vagrant-brand": { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + "token-color-vagrant-foreground": { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + "token-color-vagrant-surface": { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + "token-color-vagrant-border": { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + "token-color-vagrant-gradient-primary-start": { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + "token-color-vagrant-gradient-primary-stop": { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vagrant-gradient-faint-start": { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + "token-color-vagrant-gradient-faint-stop": { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-radar-brand": { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + "token-color-vault-radar-brand-alt": { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + "token-color-vault-radar-foreground": { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + "token-color-vault-radar-surface": { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + "token-color-vault-radar-border": { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + "token-color-vault-radar-gradient-primary-start": { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-radar-gradient-primary-stop": { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-radar-gradient-faint-start": { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-radar-gradient-faint-stop": { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-secrets-brand": { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + "token-color-vault-secrets-brand-alt": { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + "token-color-vault-secrets-foreground": { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + "token-color-vault-secrets-surface": { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + "token-color-vault-secrets-border": { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + "token-color-vault-secrets-gradient-primary-start": { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-secrets-gradient-primary-stop": { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-secrets-gradient-faint-start": { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-secrets-gradient-faint-stop": { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-brand": { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + "token-color-vault-brand-alt": { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + "token-color-vault-foreground": { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + "token-color-vault-surface": { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + "token-color-vault-border": { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + "token-color-vault-gradient-primary-start": { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-gradient-primary-stop": { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-gradient-faint-start": { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-gradient-faint-stop": { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + "token-color-waypoint-brand": { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + "token-color-waypoint-foreground": { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + "token-color-waypoint-surface": { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + "token-color-waypoint-border": { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + "token-color-waypoint-gradient-primary-start": { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + "token-color-waypoint-gradient-primary-stop": { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + "token-color-waypoint-gradient-faint-start": { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + "token-color-waypoint-gradient-faint-stop": { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + "token-elevation-inset-box-shadow": { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + "token-elevation-low-box-shadow": { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + "token-elevation-mid-box-shadow": { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + "token-elevation-high-box-shadow": { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + "token-elevation-higher-box-shadow": { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + "token-elevation-overlay-box-shadow": { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + "token-surface-inset-box-shadow": { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + "token-surface-base-box-shadow": { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #52525233", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + "token-surface-low-box-shadow": { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + "token-surface-mid-box-shadow": { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + "token-surface-high-box-shadow": { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + "token-surface-higher-box-shadow": { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + "token-surface-overlay-box-shadow": { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + "token-focus-ring-action-box-shadow": { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #161616, 0 0 0 3px #ffffff", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + "token-focus-ring-critical-box-shadow": { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #161616, 0 0 0 3px #ffffff", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + "token-app-header-height": { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + "token-app-header-home-link-size": { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + "token-app-header-logo-size": { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + "token-app-side-nav-wrapper-border-width": { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-app-side-nav-wrapper-border-color": { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal": { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-wrapper-padding-vertical": { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-app-side-nav-wrapper-padding-vertical-minimized": { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-app-side-nav-toggle-button-border-radius": { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-app-side-nav-header-home-link-padding": { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-app-side-nav-header-home-link-logo-size": { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-app-side-nav-header-home-link-logo-size-minimized": { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-app-side-nav-header-actions-spacing": { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-app-side-nav-body-list-margin-vertical": { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-app-side-nav-body-list-item-height": { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + "token-app-side-nav-body-list-item-padding-horizontal": { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-body-list-item-padding-vertical": { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-app-side-nav-body-list-item-spacing-vertical": { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-app-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-app-side-nav-body-list-item-border-radius": { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-app-side-nav-color-foreground-primary": { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-app-side-nav-color-foreground-strong": { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-app-side-nav-color-foreground-faint": { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-app-side-nav-color-surface-primary": { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + "token-app-side-nav-color-surface-interactive-hover": { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-app-side-nav-color-surface-interactive-active": { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-badge-count-padding-horizontal-small": { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-count-padding-horizontal-medium": { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-count-padding-horizontal-large": { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-height-small": { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + "token-badge-height-medium": { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + "token-badge-height-large": { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + "token-badge-padding-horizontal-small": { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-padding-horizontal-medium": { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-padding-horizontal-large": { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-padding-vertical-small": { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + "token-badge-padding-vertical-medium": { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + "token-badge-padding-vertical-large": { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + "token-badge-gap-small": { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + "token-badge-gap-medium": { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + "token-badge-gap-large": { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + "token-badge-typography-font-size-small": { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + "token-badge-typography-font-size-medium": { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + "token-badge-typography-font-size-large": { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + "token-badge-typography-line-height-small": { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + "token-badge-typography-line-height-medium": { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + "token-badge-typography-line-height-large": { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + "token-badge-foreground-color-neutral-filled": { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g90}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + "token-badge-foreground-color-neutral-inverted": { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-outlined": { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g90}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-filled": { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#161616", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-inverted": { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g90}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-outlined": { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + "token-badge-foreground-color-highlight-filled": { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#e8daff", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#6929c4", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + "token-badge-foreground-color-highlight-inverted": { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-foreground-color-highlight-outlined": { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#e8daff", + "$modes": { + "default": "#be95ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + "token-badge-foreground-color-success-filled": { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#a7f0ba", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#0e6027", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + "token-badge-foreground-color-success-inverted": { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + "token-badge-foreground-color-success-outlined": { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#a7f0ba", + "$modes": { + "default": "#42be65", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + "token-badge-foreground-color-warning-filled": { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#fddc69", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#483700", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + "token-badge-foreground-color-warning-inverted": { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + "token-badge-foreground-color-warning-outlined": { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#fddc69", + "$modes": { + "default": "#ff832b", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + "token-badge-foreground-color-critical-filled": { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#ffd7d9", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#750e13", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g90}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + "token-badge-foreground-color-critical-inverted": { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + "token-badge-foreground-color-critical-outlined": { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#ffd7d9", + "$modes": { + "default": "#ff8389", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g90}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + "token-badge-surface-color-neutral-filled": { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#525252", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + "token-badge-surface-color-neutral-inverted": { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-surface-color-neutral-dark-mode-filled": { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-surface-color-neutral-dark-mode-inverted": { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#525252", + "$modes": { + "default": "#393939", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-surface-color-highlight-filled": { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#6929c4", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#e8daff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + "token-badge-surface-color-highlight-inverted": { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#be95ff", + "$modes": { + "default": "#a56eff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-surface-color-success-filled": { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#0e6027", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + "token-badge-surface-color-success-inverted": { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#42be65", + "$modes": { + "default": "#24a148", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + "token-badge-surface-color-warning-filled": { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#684e00", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fddc69", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + "token-badge-surface-color-warning-inverted": { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#d2a106", + "$modes": { + "default": "#d2a106", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + "token-badge-surface-color-critical-filled": { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#a2191f", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + "token-badge-surface-color-critical-inverted": { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#ff8389", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + "token-badge-border-width": { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + "token-badge-border-radius-small": { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + "token-badge-border-radius-medium": { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + "token-badge-border-radius-large": { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + "token-badge-icon-size-small": { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + "token-badge-icon-size-medium": { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + "token-badge-icon-size-large": { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + "token-button-height-small": { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + "token-button-height-medium": { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "40px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "40", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + "token-button-height-large": { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + "token-button-padding-horizontal-small": { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + "token-button-padding-horizontal-medium": { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + "token-button-padding-horizontal-large": { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + "token-button-padding-vertical-small": { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + "token-button-padding-vertical-medium": { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "10px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "10", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + "token-button-padding-vertical-large": { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + "token-button-gap": { + "key": "{button.gap}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + "token-button-typography-font-size-small": { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + "token-button-typography-font-size-medium": { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + "token-button-typography-font-size-large": { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + "token-button-typography-line-height-small": { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + "token-button-typography-line-height-medium": { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + "token-button-typography-line-height-large": { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + "token-button-foreground-color-primary-default": { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + "token-button-foreground-color-primary-hover": { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + "token-button-foreground-color-primary-focus": { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + "token-button-foreground-color-primary-active": { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + "token-button-foreground-color-secondary-default": { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + "token-button-foreground-color-secondary-hover": { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + "token-button-foreground-color-secondary-focus": { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + "token-button-foreground-color-secondary-active": { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + "token-button-foreground-color-tertiary-default": { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#78a9ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + "token-button-foreground-color-tertiary-hover": { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#a6c8ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + "token-button-foreground-color-tertiary-focus": { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#78a9ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + "token-button-foreground-color-tertiary-active": { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#a6c8ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + "token-button-foreground-color-critical-default": { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + "token-button-foreground-color-critical-hover": { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + "token-button-foreground-color-critical-focus": { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + "token-button-foreground-color-critical-active": { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + "token-button-foreground-color-disabled": { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "rgba(255, 255, 255, 0.25)", + "$modes": { + "default": "rgba(244, 244, 244, 0.25)", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColorDisabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + "token-button-surface-color-primary-default": { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + "token-button-surface-color-primary-hover": { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + "token-button-surface-color-primary-focus": { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + "token-button-surface-color-primary-active": { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#002d9c", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + "token-button-surface-color-secondary-default": { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#393939", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + "token-button-surface-color-secondary-hover": { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#5e5e5e", + "$modes": { + "default": "#393939", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + "token-button-surface-color-secondary-focus": { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#393939", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + "token-button-surface-color-secondary-active": { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + "token-button-surface-color-tertiary-default": { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + "token-button-surface-color-tertiary-hover": { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#393939", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + "token-button-surface-color-tertiary-focus": { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + "token-button-surface-color-tertiary-active": { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#c6c6c6", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + "token-button-surface-color-critical-default": { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#a2191f", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + "token-button-surface-color-critical-hover": { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#b81921", + "$modes": { + "default": "#a2191f", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + "token-button-surface-color-critical-focus": { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#a2191f", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + "token-button-surface-color-critical-active": { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#750e13", + "$modes": { + "default": "#750e13", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + "token-button-surface-color-disabled": { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "$modes": { + "default": "#393939", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + "token-button-border-width": { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + "token-button-border-radius": { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + "token-button-border-color-primary-default": { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + "token-button-border-color-primary-hover": { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + "token-button-border-color-primary-focus-internal": { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + "token-button-border-color-primary-focus-external": { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + "token-button-border-color-primary-active": { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#002d9c", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + "token-button-border-color-secondary-default": { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + "token-button-border-color-secondary-hover": { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + "token-button-border-color-secondary-focus-internal": { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + "token-button-border-color-secondary-focus-external": { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + "token-button-border-color-secondary-active": { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + "token-button-border-color-tertiary-default": { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + "token-button-border-color-tertiary-hover": { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + "token-button-border-color-tertiary-focus-internal": { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#161616", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + "token-button-border-color-tertiary-focus-external": { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + "token-button-border-color-tertiary-active": { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + "token-button-border-color-critical-default": { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + "token-button-border-color-critical-hover": { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + "token-button-border-color-critical-focus-internal": { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + "token-button-border-color-critical-focus-external": { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + "token-button-border-color-critical-active": { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + "token-button-border-color-disabled": { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + "token-button-focus-border-width": { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + "token-button-icon-size-small": { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + "token-button-icon-size-medium": { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + "token-button-icon-size-large": { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + "token-form-label-color": { + "key": "{form.label.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + "token-form-legend-color": { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + "token-form-helper-text-color": { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + "token-form-indicator-optional-color": { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + "token-form-error-color": { + "key": "{form.error.color}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + "token-form-error-icon-size": { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + "token-form-checkbox-size": { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + "token-form-checkbox-border-radius": { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + "token-form-checkbox-border-width": { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + "token-form-checkbox-background-image-size": { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + "token-form-checkbox-background-image-data-url": { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate": { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + "token-form-checkbox-background-image-data-url-disabled": { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate-disabled": { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + "token-form-control-base-foreground-value-color": { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + "token-form-control-base-foreground-placeholder-color": { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + "token-form-control-base-surface-color-default": { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#393939", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + "token-form-control-base-surface-color-hover": { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#474747", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + "token-form-control-base-border-color-default": { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + "token-form-control-base-border-color-hover": { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + "token-form-control-checked-foreground-color": { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + "token-form-control-checked-surface-color-default": { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#0f62fe", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + "token-form-control-checked-surface-color-hover": { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + "token-form-control-checked-border-color-default": { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + "token-form-control-checked-border-color-hover": { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#002d9c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + "token-form-control-invalid-border-color-default": { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + "token-form-control-invalid-border-color-hover": { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#750e13", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + "token-form-control-readonly-foreground-color": { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + "token-form-control-readonly-surface-color": { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#393939", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + "token-form-control-readonly-border-color": { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + "token-form-control-disabled-foreground-color": { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "rgba(244, 244, 244, 0.25)", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + "token-form-control-disabled-surface-color": { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + "token-form-control-disabled-border-color": { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + "token-form-control-padding": { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + "token-form-control-border-radius": { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + "token-form-control-border-width": { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + "token-form-radio-size": { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + "token-form-radio-border-width": { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + "token-form-radio-background-image-size": { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + "token-form-radio-background-image-data-url": { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + "token-form-radio-background-image-data-url-disabled": { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + "token-form-radiocard-group-gap": { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + "token-form-radiocard-border-width": { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + "token-form-radiocard-border-radius": { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + "token-form-radiocard-border-color-default": { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#393939", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + "token-form-radiocard-border-color-focus": { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + "token-form-radiocard-border-color-default-checked": { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#0043ce", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + "token-form-radiocard-content-padding": { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + "token-form-radiocard-control-padding": { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + "token-form-radiocard-transition-duration": { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + "token-form-select-background-image-size": { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + "token-form-select-background-image-position-right-x": { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + "token-form-select-background-image-position-top-y": { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + "token-form-select-background-image-data-url": { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + "token-form-select-background-image-data-url-disabled": { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + "token-form-text-input-background-image-size": { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + "token-form-text-input-background-image-position-x": { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + "token-form-text-input-background-image-data-url-date": { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + "token-form-text-input-background-image-data-url-time": { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + "token-form-text-input-background-image-data-url-search": { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + "token-form-text-input-background-image-data-url-search-cancel": { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + "token-form-text-input-background-image-data-url-search-loading": { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + "token-form-toggle-width": { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + "token-form-toggle-height": { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + "token-form-toggle-base-surface-color-default": { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#393939", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + "token-form-toggle-border-radius": { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + "token-form-toggle-border-width": { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + "token-form-toggle-background-image-size": { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + "token-form-toggle-background-image-position-x": { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + "token-form-toggle-background-image-data-url": { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + "token-form-toggle-background-image-data-url-disabled": { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + "token-form-toggle-transition-duration": { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + "token-form-toggle-transition-timing-function": { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + "token-form-toggle-thumb-size": { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + "token-pagination-nav-control-height": { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + "token-pagination-nav-control-padding-horizontal": { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + "token-pagination-nav-control-focus-inset": { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + "token-pagination-nav-control-icon-spacing": { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + "token-pagination-nav-indicator-height": { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + "token-pagination-nav-indicator-spacing": { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + "token-pagination-child-spacing-vertical": { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + "token-pagination-child-spacing-horizontal": { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + "token-side-nav-wrapper-border-width": { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-side-nav-wrapper-border-color": { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-side-nav-wrapper-padding-horizontal": { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-side-nav-wrapper-padding-vertical": { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-side-nav-wrapper-padding-vertical-minimized": { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-side-nav-toggle-button-border-radius": { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-side-nav-header-home-link-padding": { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-side-nav-header-home-link-logo-size": { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-side-nav-header-home-link-logo-size-minimized": { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-side-nav-header-actions-spacing": { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-side-nav-body-list-margin-vertical": { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-side-nav-body-list-item-height": { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + "token-side-nav-body-list-item-padding-horizontal": { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-side-nav-body-list-item-padding-vertical": { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-side-nav-body-list-item-spacing-vertical": { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-side-nav-body-list-item-border-radius": { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-side-nav-color-foreground-primary": { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-side-nav-color-foreground-strong": { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-side-nav-color-foreground-faint": { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-side-nav-color-surface-primary": { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + "token-side-nav-color-surface-interactive-hover": { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-side-nav-color-surface-interactive-active": { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-tabs-tab-height-medium": { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + "token-tabs-tab-height-large": { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + "token-tabs-tab-padding-horizontal-medium": { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + "token-tabs-tab-padding-horizontal-large": { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + "token-tabs-tab-padding-vertical": { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + "token-tabs-tab-border-radius": { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + "token-tabs-tab-focus-inset": { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + "token-tabs-tab-gutter": { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + "token-tabs-indicator-height": { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + "token-tabs-indicator-transition-function": { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + "token-tabs-indicator-transition-duration": { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + "token-tabs-divider-height": { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + "token-tooltip-border-radius": { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + "token-tooltip-color-foreground-primary": { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + "token-tooltip-color-surface-primary": { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + "token-tooltip-focus-offset": { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + "token-tooltip-max-width": { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + "token-tooltip-padding-horizontal": { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + "token-tooltip-padding-vertical": { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + "token-tooltip-transition-function": { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + "token-typography-font-stack-display": { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + "token-typography-font-stack-text": { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + "token-typography-font-stack-code": { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + "token-typography-font-weight-regular": { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + "token-typography-font-weight-medium": { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + "token-typography-font-weight-semibold": { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + "token-typography-font-weight-bold": { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + "token-typography-display-500-font-family": { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + "token-typography-display-500-font-size": { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "2rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading05.font-size}", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + "token-typography-display-500-line-height": { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading05.line-height}", + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + "token-typography-display-500-letter-spacing": { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading05.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + "token-typography-display-400-font-family": { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + "token-typography-display-400-font-size": { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.75rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading04.font-size}", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + "token-typography-display-400-line-height": { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading04.line-height}", + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + "token-typography-display-400-letter-spacing": { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading04.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + "token-typography-display-300-font-family": { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + "token-typography-display-300-font-size": { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.25rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading03.font-size}", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + "token-typography-display-300-line-height": { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.4, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading03.line-height}", + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + "token-typography-display-300-letter-spacing": { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading03.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + "token-typography-display-200-font-family": { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + "token-typography-display-200-font-size": { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + "token-typography-display-200-line-height": { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + "token-typography-display-200-letter-spacing": { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading02.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + "token-typography-display-100-font-family": { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + "token-typography-display-100-font-size": { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + "token-typography-display-100-line-height": { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + "token-typography-display-100-letter-spacing": { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0.16px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading01.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + "token-typography-body-300-font-family": { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + "token-typography-body-300-font-size": { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + "token-typography-body-300-line-height": { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + "token-typography-body-200-font-family": { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + "token-typography-body-200-font-size": { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body01.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + "token-typography-body-200-line-height": { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body01.line-height}", + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + "token-typography-body-100-font-family": { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + "token-typography-body-100-font-size": { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.bodyCompact01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + "token-typography-body-100-line-height": { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.bodyCompact01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + "token-typography-code-300-font-family": { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + "token-typography-code-300-font-size": { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + "token-typography-code-300-line-height": { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + "token-typography-code-200-font-family": { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + "token-typography-code-200-font-size": { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + "token-typography-code-200-line-height": { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + "token-typography-code-100-font-family": { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + "token-typography-code-100-font-size": { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + "token-typography-code-100-line-height": { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.33333, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code01.line-height}", + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } + }, + "cds-g100": { + "token-border-radius-x-small": { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + "token-border-radius-small": { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + "token-border-radius-medium": { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + "token-border-radius-large": { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + "token-color-palette-blue-500": { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#001141", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.100}", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + "token-color-palette-blue-400": { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#002d9c", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.80}", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + "token-color-palette-blue-300": { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0043ce", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + "token-color-palette-blue-200": { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#0f62fe", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + "token-color-palette-blue-100": { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#d0e2ff", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + "token-color-palette-blue-50": { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#edf5ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.10}", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + "token-color-palette-purple-500": { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#31135e", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.90}", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + "token-color-palette-purple-400": { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#6929c4", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + "token-color-palette-purple-300": { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#8a3ffc", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + "token-color-palette-purple-200": { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a56eff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + "token-color-palette-purple-100": { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#e8daff", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + "token-color-palette-purple-50": { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f6f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.10}", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + "token-color-palette-green-500": { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#044317", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + "token-color-palette-green-400": { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#0e6027", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + "token-color-palette-green-300": { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#198038", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + "token-color-palette-green-200": { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#24a148", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + "token-color-palette-green-100": { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#a7f0ba", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + "token-color-palette-green-50": { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#defbe6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.10}", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + "token-color-palette-amber-500": { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#302400", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.90}", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + "token-color-palette-amber-400": { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#483700", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.80}", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + "token-color-palette-amber-300": { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#8e6a00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.60}", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + "token-color-palette-amber-200": { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#d2a106", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + "token-color-palette-amber-100": { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fddc69", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + "token-color-palette-amber-50": { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fcf4d6", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.10}", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + "token-color-palette-red-500": { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#520408", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.90}", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + "token-color-palette-red-400": { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#750e13", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + "token-color-palette-red-300": { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#a2191f", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + "token-color-palette-red-200": { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#da1e28", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + "token-color-palette-red-100": { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#ffd7d9", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + "token-color-palette-red-50": { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff1f1", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.10}", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + "token-color-palette-neutral-700": { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#161616", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.100}", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + "token-color-palette-neutral-600": { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#393939", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.80}", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + "token-color-palette-neutral-500": { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#525252", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + "token-color-palette-neutral-400": { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8d8d8d", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.50}", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + "token-color-palette-neutral-300": { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#a8a8a8", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.40}", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + "token-color-palette-neutral-200": { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#c6c6c6", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + "token-color-palette-neutral-100": { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#e0e0e0", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.20}", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + "token-color-palette-neutral-50": { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#f4f4f4", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.10}", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + "token-color-palette-neutral-0": { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.white.0}", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + "token-color-palette-alpha-300": { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#39393966", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + "token-color-palette-alpha-200": { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#52525233", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + "token-color-palette-alpha-100": { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#5252521a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + "token-color-border-primary": { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#6f6f6f", + "group": "semantic", + "$modes": { + "default": "#52525233", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.borderSubtle03}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + "token-color-border-faint": { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#5252521a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.borderSubtle00}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + "token-color-border-strong": { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#6f6f6f", + "group": "semantic", + "$modes": { + "default": "#39393966", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.borderStrong01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + "token-color-border-action": { + "key": "{color.border.action}", + "$type": "color", + "$value": "#4589ff", + "group": "semantic", + "$modes": { + "default": "#d0e2ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + "token-color-border-highlight": { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#a56eff", + "group": "semantic", + "$modes": { + "default": "#e8daff", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + "token-color-border-success": { + "key": "{color.border.success}", + "$type": "color", + "$value": "#24a148", + "group": "semantic", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + "token-color-border-warning": { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#eb6200", + "group": "semantic", + "$modes": { + "default": "#fddc69", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + "token-color-border-critical": { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#fa4d56", + "group": "semantic", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + "token-color-focus-action-internal": { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + "token-color-focus-action-external": { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + "token-color-focus-critical-internal": { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + "token-color-focus-critical-external": { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + "token-color-foreground-strong": { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + "token-color-foreground-primary": { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#393939", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + "token-color-foreground-faint": { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#525252", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + "token-color-foreground-high-contrast": { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + "token-color-foreground-disabled": { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "rgba(244, 244, 244, 0.25)", + "group": "semantic", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textDisabled}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + "token-color-foreground-action": { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#78a9ff", + "group": "semantic", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.linkPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + "token-color-foreground-action-hover": { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#a6c8ff", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + "token-color-foreground-action-active": { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#a6c8ff", + "group": "semantic", + "$modes": { + "default": "#002d9c", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + "token-color-foreground-highlight": { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#be95ff", + "group": "semantic", + "$modes": { + "default": "#a56eff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + "token-color-foreground-highlight-on-surface": { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#d4bbff", + "group": "semantic", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + "token-color-foreground-highlight-high-contrast": { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#d4bbff", + "group": "semantic", + "$modes": { + "default": "#31135e", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + "token-color-foreground-success": { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#42be65", + "group": "semantic", + "$modes": { + "default": "#24a148", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + "token-color-foreground-success-on-surface": { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#6fdc8c", + "group": "semantic", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + "token-color-foreground-success-high-contrast": { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#a7f0ba", + "group": "semantic", + "$modes": { + "default": "#044317", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + "token-color-foreground-warning": { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#ff832b", + "group": "semantic", + "$modes": { + "default": "#d2a106", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + "token-color-foreground-warning-on-surface": { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#ffb784", + "group": "semantic", + "$modes": { + "default": "#8e6a00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + "token-color-foreground-warning-high-contrast": { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#ffd9be", + "group": "semantic", + "$modes": { + "default": "#302400", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + "token-color-foreground-critical": { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#ff8389", + "group": "semantic", + "$modes": { + "default": "#da1e28", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + "token-color-foreground-critical-on-surface": { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#ffb3b8", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + "token-color-foreground-critical-high-contrast": { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#ffd7d9", + "group": "semantic", + "$modes": { + "default": "#520408", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + "token-color-page-primary": { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + "token-color-page-faint": { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + "token-color-surface-primary": { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + "token-color-surface-faint": { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + "token-color-surface-strong": { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + "token-color-surface-interactive": { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + "token-color-surface-interactive-hover": { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#333333", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layerHover01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + "token-color-surface-interactive-active": { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#525252", + "group": "semantic", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layerActive01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + "token-color-surface-interactive-disabled": { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#525252", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + "token-color-surface-action": { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#edf5ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + "token-color-surface-highlight": { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#6929c4", + "group": "semantic", + "$modes": { + "default": "#f6f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + "token-color-surface-success": { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#0e6027", + "group": "semantic", + "$modes": { + "default": "#defbe6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + "token-color-surface-warning": { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#8a3800", + "group": "semantic", + "$modes": { + "default": "#fcf4d6", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + "token-color-surface-critical": { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#a2191f", + "group": "semantic", + "$modes": { + "default": "#fff1f1", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + "token-color-hashicorp-brand": { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + "token-color-boundary-brand": { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + "token-color-boundary-foreground": { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + "token-color-boundary-surface": { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + "token-color-boundary-border": { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + "token-color-boundary-gradient-primary-start": { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + "token-color-boundary-gradient-primary-stop": { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + "token-color-boundary-gradient-faint-start": { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + "token-color-boundary-gradient-faint-stop": { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + "token-color-consul-brand": { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + "token-color-consul-foreground": { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + "token-color-consul-surface": { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + "token-color-consul-border": { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + "token-color-consul-gradient-primary-start": { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + "token-color-consul-gradient-primary-stop": { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + "token-color-consul-gradient-faint-start": { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + "token-color-consul-gradient-faint-stop": { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + "token-color-hcp-brand": { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + "token-color-nomad-brand": { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + "token-color-nomad-foreground": { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + "token-color-nomad-surface": { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + "token-color-nomad-border": { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + "token-color-nomad-gradient-primary-start": { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + "token-color-nomad-gradient-primary-stop": { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + "token-color-nomad-gradient-faint-start": { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + "token-color-nomad-gradient-faint-stop": { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + "token-color-packer-brand": { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + "token-color-packer-foreground": { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + "token-color-packer-surface": { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + "token-color-packer-border": { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + "token-color-packer-gradient-primary-start": { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + "token-color-packer-gradient-primary-stop": { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + "token-color-packer-gradient-faint-start": { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + "token-color-packer-gradient-faint-stop": { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + "token-color-terraform-brand": { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + "token-color-terraform-brand-on-dark": { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + "token-color-terraform-foreground": { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + "token-color-terraform-surface": { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + "token-color-terraform-border": { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + "token-color-terraform-gradient-primary-start": { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + "token-color-terraform-gradient-primary-stop": { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + "token-color-terraform-gradient-faint-start": { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + "token-color-terraform-gradient-faint-stop": { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vagrant-brand": { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + "token-color-vagrant-foreground": { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + "token-color-vagrant-surface": { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + "token-color-vagrant-border": { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + "token-color-vagrant-gradient-primary-start": { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + "token-color-vagrant-gradient-primary-stop": { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vagrant-gradient-faint-start": { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + "token-color-vagrant-gradient-faint-stop": { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-radar-brand": { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + "token-color-vault-radar-brand-alt": { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + "token-color-vault-radar-foreground": { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + "token-color-vault-radar-surface": { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + "token-color-vault-radar-border": { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + "token-color-vault-radar-gradient-primary-start": { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-radar-gradient-primary-stop": { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-radar-gradient-faint-start": { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-radar-gradient-faint-stop": { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-secrets-brand": { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + "token-color-vault-secrets-brand-alt": { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + "token-color-vault-secrets-foreground": { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + "token-color-vault-secrets-surface": { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + "token-color-vault-secrets-border": { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + "token-color-vault-secrets-gradient-primary-start": { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-secrets-gradient-primary-stop": { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-secrets-gradient-faint-start": { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-secrets-gradient-faint-stop": { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + "token-color-vault-brand": { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + "token-color-vault-brand-alt": { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + "token-color-vault-foreground": { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + "token-color-vault-surface": { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + "token-color-vault-border": { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + "token-color-vault-gradient-primary-start": { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + "token-color-vault-gradient-primary-stop": { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + "token-color-vault-gradient-faint-start": { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + "token-color-vault-gradient-faint-stop": { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + "token-color-waypoint-brand": { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + "token-color-waypoint-foreground": { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + "token-color-waypoint-surface": { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + "token-color-waypoint-border": { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + "token-color-waypoint-gradient-primary-start": { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + "token-color-waypoint-gradient-primary-stop": { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + "token-color-waypoint-gradient-faint-start": { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + "token-color-waypoint-gradient-faint-stop": { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + "token-elevation-inset-box-shadow": { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + "token-elevation-low-box-shadow": { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + "token-elevation-mid-box-shadow": { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + "token-elevation-high-box-shadow": { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + "token-elevation-higher-box-shadow": { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + "token-elevation-overlay-box-shadow": { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + "token-surface-inset-box-shadow": { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + "token-surface-base-box-shadow": { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #52525233", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + "token-surface-low-box-shadow": { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + "token-surface-mid-box-shadow": { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + "token-surface-high-box-shadow": { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + "token-surface-higher-box-shadow": { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + "token-surface-overlay-box-shadow": { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + "token-focus-ring-action-box-shadow": { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #161616, 0 0 0 3px #ffffff", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + "token-focus-ring-critical-box-shadow": { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #161616, 0 0 0 3px #ffffff", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + "token-app-header-height": { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + "token-app-header-home-link-size": { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + "token-app-header-logo-size": { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + "token-app-side-nav-wrapper-border-width": { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-app-side-nav-wrapper-border-color": { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal": { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-wrapper-padding-vertical": { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-app-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-app-side-nav-wrapper-padding-vertical-minimized": { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-app-side-nav-toggle-button-border-radius": { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-app-side-nav-header-home-link-padding": { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-app-side-nav-header-home-link-logo-size": { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-app-side-nav-header-home-link-logo-size-minimized": { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-app-side-nav-header-actions-spacing": { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-app-side-nav-body-list-margin-vertical": { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-app-side-nav-body-list-item-height": { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + "token-app-side-nav-body-list-item-padding-horizontal": { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-app-side-nav-body-list-item-padding-vertical": { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-app-side-nav-body-list-item-spacing-vertical": { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-app-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-app-side-nav-body-list-item-border-radius": { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-app-side-nav-color-foreground-primary": { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-app-side-nav-color-foreground-strong": { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-app-side-nav-color-foreground-faint": { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-app-side-nav-color-surface-primary": { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + "token-app-side-nav-color-surface-interactive-hover": { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-app-side-nav-color-surface-interactive-active": { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-badge-count-padding-horizontal-small": { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-count-padding-horizontal-medium": { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-count-padding-horizontal-large": { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-height-small": { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + "token-badge-height-medium": { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + "token-badge-height-large": { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + "token-badge-padding-horizontal-small": { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + "token-badge-padding-horizontal-medium": { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + "token-badge-padding-horizontal-large": { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + "token-badge-padding-vertical-small": { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + "token-badge-padding-vertical-medium": { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + "token-badge-padding-vertical-large": { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + "token-badge-gap-small": { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + "token-badge-gap-medium": { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + "token-badge-gap-large": { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + "token-badge-typography-font-size-small": { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + "token-badge-typography-font-size-medium": { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + "token-badge-typography-font-size-large": { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + "token-badge-typography-line-height-small": { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + "token-badge-typography-line-height-medium": { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + "token-badge-typography-line-height-large": { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + "token-badge-foreground-color-neutral-filled": { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g100}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + "token-badge-foreground-color-neutral-inverted": { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-outlined": { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g100}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-filled": { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#161616", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-inverted": { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g100}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-foreground-color-neutral-dark-mode-outlined": { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + "token-badge-foreground-color-highlight-filled": { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#e8daff", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#6929c4", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g100}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + "token-badge-foreground-color-highlight-inverted": { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-foreground-color-highlight-outlined": { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#e8daff", + "$modes": { + "default": "#be95ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g100}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + "token-badge-foreground-color-success-filled": { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#a7f0ba", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#0e6027", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g100}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + "token-badge-foreground-color-success-inverted": { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + "token-badge-foreground-color-success-outlined": { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#a7f0ba", + "$modes": { + "default": "#42be65", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g100}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + "token-badge-foreground-color-warning-filled": { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#fddc69", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#483700", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + "token-badge-foreground-color-warning-inverted": { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + "token-badge-foreground-color-warning-outlined": { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#fddc69", + "$modes": { + "default": "#ff832b", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + "token-badge-foreground-color-critical-filled": { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#ffd7d9", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#750e13", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g100}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + "token-badge-foreground-color-critical-inverted": { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + "token-badge-foreground-color-critical-outlined": { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#ffd7d9", + "$modes": { + "default": "#ff8389", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g100}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + "token-badge-surface-color-neutral-filled": { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#525252", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g100}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + "token-badge-surface-color-neutral-inverted": { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + "token-badge-surface-color-neutral-dark-mode-filled": { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "token-badge-surface-color-neutral-dark-mode-inverted": { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#525252", + "$modes": { + "default": "#262626", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g100}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "token-badge-surface-color-highlight-filled": { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#6929c4", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#e8daff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + "token-badge-surface-color-highlight-inverted": { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#be95ff", + "$modes": { + "default": "#a56eff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + "token-badge-surface-color-success-filled": { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#0e6027", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + "token-badge-surface-color-success-inverted": { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#42be65", + "$modes": { + "default": "#24a148", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + "token-badge-surface-color-warning-filled": { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#684e00", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fddc69", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + "token-badge-surface-color-warning-inverted": { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#d2a106", + "$modes": { + "default": "#d2a106", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + "token-badge-surface-color-critical-filled": { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#a2191f", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundRed.g100}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + "token-badge-surface-color-critical-inverted": { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#ff8389", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + "token-badge-border-width": { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + "token-badge-border-radius-small": { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + "token-badge-border-radius-medium": { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + "token-badge-border-radius-large": { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + "token-badge-icon-size-small": { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + "token-badge-icon-size-medium": { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + "token-badge-icon-size-large": { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + "token-button-height-small": { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + "token-button-height-medium": { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "40px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "40", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + "token-button-height-large": { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + "token-button-padding-horizontal-small": { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + "token-button-padding-horizontal-medium": { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + "token-button-padding-horizontal-large": { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + "token-button-padding-vertical-small": { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + "token-button-padding-vertical-medium": { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "10px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "10", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + "token-button-padding-vertical-large": { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + "token-button-gap": { + "key": "{button.gap}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + "token-button-typography-font-size-small": { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + "token-button-typography-font-size-medium": { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + "token-button-typography-font-size-large": { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + "token-button-typography-line-height-small": { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + "token-button-typography-line-height-medium": { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + "token-button-typography-line-height-large": { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + "token-button-foreground-color-primary-default": { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + "token-button-foreground-color-primary-hover": { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + "token-button-foreground-color-primary-focus": { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + "token-button-foreground-color-primary-active": { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + "token-button-foreground-color-secondary-default": { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + "token-button-foreground-color-secondary-hover": { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + "token-button-foreground-color-secondary-focus": { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + "token-button-foreground-color-secondary-active": { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + "token-button-foreground-color-tertiary-default": { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#78a9ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiary.g100}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + "token-button-foreground-color-tertiary-hover": { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#a6c8ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + "token-button-foreground-color-tertiary-focus": { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#78a9ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + "token-button-foreground-color-tertiary-active": { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#a6c8ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + "token-button-foreground-color-critical-default": { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + "token-button-foreground-color-critical-hover": { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + "token-button-foreground-color-critical-focus": { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + "token-button-foreground-color-critical-active": { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + "token-button-foreground-color-disabled": { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "rgba(255, 255, 255, 0.25)", + "$modes": { + "default": "rgba(244, 244, 244, 0.25)", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColorDisabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + "token-button-surface-color-primary-default": { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g100}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + "token-button-surface-color-primary-hover": { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + "token-button-surface-color-primary-focus": { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g100}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + "token-button-surface-color-primary-active": { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#002d9c", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + "token-button-surface-color-secondary-default": { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#262626", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g100}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + "token-button-surface-color-secondary-hover": { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#5e5e5e", + "$modes": { + "default": "#262626", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + "token-button-surface-color-secondary-focus": { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#262626", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g100}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + "token-button-surface-color-secondary-active": { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#525252", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + "token-button-surface-color-tertiary-default": { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + "token-button-surface-color-tertiary-hover": { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#262626", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + "token-button-surface-color-tertiary-focus": { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + "token-button-surface-color-tertiary-active": { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#c6c6c6", + "$modes": { + "default": "#525252", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + "token-button-surface-color-critical-default": { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#a2191f", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + "token-button-surface-color-critical-hover": { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#b81921", + "$modes": { + "default": "#a2191f", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerHover.g100}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + "token-button-surface-color-critical-focus": { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#a2191f", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + "token-button-surface-color-critical-active": { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#750e13", + "$modes": { + "default": "#750e13", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerActive.g100}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + "token-button-surface-color-disabled": { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "$modes": { + "default": "#262626", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDisabled.g100}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + "token-button-border-width": { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + "token-button-border-radius": { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + "token-button-border-color-primary-default": { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + "token-button-border-color-primary-hover": { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + "token-button-border-color-primary-focus-internal": { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + "token-button-border-color-primary-focus-external": { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + "token-button-border-color-primary-active": { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#002d9c", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + "token-button-border-color-secondary-default": { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + "token-button-border-color-secondary-hover": { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + "token-button-border-color-secondary-focus-internal": { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + "token-button-border-color-secondary-focus-external": { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + "token-button-border-color-secondary-active": { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + "token-button-border-color-tertiary-default": { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + "token-button-border-color-tertiary-hover": { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#6f6f6f", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + "token-button-border-color-tertiary-focus-internal": { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#161616", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + "token-button-border-color-tertiary-focus-external": { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + "token-button-border-color-tertiary-active": { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#6f6f6f", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + "token-button-border-color-critical-default": { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + "token-button-border-color-critical-hover": { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + "token-button-border-color-critical-focus-internal": { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + "token-button-border-color-critical-focus-external": { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + "token-button-border-color-critical-active": { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + "token-button-border-color-disabled": { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#6f6f6f", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + "token-button-focus-border-width": { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + "token-button-icon-size-small": { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + "token-button-icon-size-medium": { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + "token-button-icon-size-large": { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + "token-form-label-color": { + "key": "{form.label.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + "token-form-legend-color": { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + "token-form-helper-text-color": { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + "token-form-indicator-optional-color": { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + "token-form-error-color": { + "key": "{form.error.color}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + "token-form-error-icon-size": { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + "token-form-checkbox-size": { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + "token-form-checkbox-border-radius": { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + "token-form-checkbox-border-width": { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + "token-form-checkbox-background-image-size": { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + "token-form-checkbox-background-image-data-url": { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate": { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + "token-form-checkbox-background-image-data-url-disabled": { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + "token-form-checkbox-background-image-data-url-indeterminate-disabled": { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + "token-form-control-base-foreground-value-color": { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + "token-form-control-base-foreground-placeholder-color": { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + "token-form-control-base-surface-color-default": { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#262626", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + "token-form-control-base-surface-color-hover": { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#333333", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + "token-form-control-base-border-color-default": { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + "token-form-control-base-border-color-hover": { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + "token-form-control-checked-foreground-color": { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + "token-form-control-checked-surface-color-default": { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#0f62fe", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + "token-form-control-checked-surface-color-hover": { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + "token-form-control-checked-border-color-default": { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + "token-form-control-checked-border-color-hover": { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#002d9c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + "token-form-control-invalid-border-color-default": { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + "token-form-control-invalid-border-color-hover": { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#750e13", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + "token-form-control-readonly-foreground-color": { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + "token-form-control-readonly-surface-color": { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#262626", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + "token-form-control-readonly-border-color": { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#393939", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + "token-form-control-disabled-foreground-color": { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "rgba(244, 244, 244, 0.25)", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + "token-form-control-disabled-surface-color": { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + "token-form-control-disabled-border-color": { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#6f6f6f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + "token-form-control-padding": { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + "token-form-control-border-radius": { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + "token-form-control-border-width": { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + "token-form-radio-size": { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + "token-form-radio-border-width": { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + "token-form-radio-background-image-size": { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + "token-form-radio-background-image-data-url": { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + "token-form-radio-background-image-data-url-disabled": { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + "token-form-radiocard-group-gap": { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + "token-form-radiocard-border-width": { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + "token-form-radiocard-border-radius": { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + "token-form-radiocard-border-color-default": { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#262626", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + "token-form-radiocard-border-color-focus": { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + "token-form-radiocard-border-color-default-checked": { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#0043ce", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + "token-form-radiocard-content-padding": { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + "token-form-radiocard-control-padding": { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + "token-form-radiocard-transition-duration": { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + "token-form-select-background-image-size": { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + "token-form-select-background-image-position-right-x": { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + "token-form-select-background-image-position-top-y": { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + "token-form-select-background-image-data-url": { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + "token-form-select-background-image-data-url-disabled": { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + "token-form-text-input-background-image-size": { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + "token-form-text-input-background-image-position-x": { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + "token-form-text-input-background-image-data-url-date": { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + "token-form-text-input-background-image-data-url-time": { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + "token-form-text-input-background-image-data-url-search": { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + "token-form-text-input-background-image-data-url-search-cancel": { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + "token-form-text-input-background-image-data-url-search-loading": { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + "token-form-toggle-width": { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + "token-form-toggle-height": { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + "token-form-toggle-base-surface-color-default": { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#262626", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + "token-form-toggle-border-radius": { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + "token-form-toggle-border-width": { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + "token-form-toggle-background-image-size": { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + "token-form-toggle-background-image-position-x": { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + "token-form-toggle-background-image-data-url": { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + "token-form-toggle-background-image-data-url-disabled": { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + "token-form-toggle-transition-duration": { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + "token-form-toggle-transition-timing-function": { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + "token-form-toggle-thumb-size": { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + "token-pagination-nav-control-height": { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + "token-pagination-nav-control-padding-horizontal": { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + "token-pagination-nav-control-focus-inset": { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + "token-pagination-nav-control-icon-spacing": { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + "token-pagination-nav-indicator-height": { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + "token-pagination-nav-indicator-spacing": { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + "token-pagination-child-spacing-vertical": { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + "token-pagination-child-spacing-horizontal": { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + "token-side-nav-wrapper-border-width": { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + "token-side-nav-wrapper-border-color": { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + "token-side-nav-wrapper-padding-horizontal": { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + "token-side-nav-wrapper-padding-vertical": { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + "token-side-nav-wrapper-padding-horizontal-minimized": { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + "token-side-nav-wrapper-padding-vertical-minimized": { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + "token-side-nav-toggle-button-border-radius": { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + "token-side-nav-header-home-link-padding": { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + "token-side-nav-header-home-link-logo-size": { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + "token-side-nav-header-home-link-logo-size-minimized": { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + "token-side-nav-header-actions-spacing": { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + "token-side-nav-body-list-margin-vertical": { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + "token-side-nav-body-list-item-height": { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + "token-side-nav-body-list-item-padding-horizontal": { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + "token-side-nav-body-list-item-padding-vertical": { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + "token-side-nav-body-list-item-spacing-vertical": { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + "token-side-nav-body-list-item-content-spacing-horizontal": { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + "token-side-nav-body-list-item-border-radius": { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + "token-side-nav-color-foreground-primary": { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + "token-side-nav-color-foreground-strong": { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + "token-side-nav-color-foreground-faint": { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + "token-side-nav-color-surface-primary": { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + "token-side-nav-color-surface-interactive-hover": { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + "token-side-nav-color-surface-interactive-active": { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + "token-tabs-tab-height-medium": { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + "token-tabs-tab-height-large": { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + "token-tabs-tab-padding-horizontal-medium": { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + "token-tabs-tab-padding-horizontal-large": { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + "token-tabs-tab-padding-vertical": { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + "token-tabs-tab-border-radius": { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + "token-tabs-tab-focus-inset": { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + "token-tabs-tab-gutter": { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + "token-tabs-indicator-height": { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + "token-tabs-indicator-transition-function": { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + "token-tabs-indicator-transition-duration": { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + "token-tabs-divider-height": { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + "token-tooltip-border-radius": { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + "token-tooltip-color-foreground-primary": { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + "token-tooltip-color-surface-primary": { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + "token-tooltip-focus-offset": { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + "token-tooltip-max-width": { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + "token-tooltip-padding-horizontal": { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + "token-tooltip-padding-vertical": { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + "token-tooltip-transition-function": { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + "token-typography-font-stack-display": { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + "token-typography-font-stack-text": { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + "token-typography-font-stack-code": { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + "token-typography-font-weight-regular": { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + "token-typography-font-weight-medium": { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + "token-typography-font-weight-semibold": { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + "token-typography-font-weight-bold": { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + "token-typography-display-500-font-family": { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + "token-typography-display-500-font-size": { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "2rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading05.font-size}", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + "token-typography-display-500-line-height": { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading05.line-height}", + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + "token-typography-display-500-letter-spacing": { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading05.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + "token-typography-display-400-font-family": { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + "token-typography-display-400-font-size": { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.75rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading04.font-size}", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + "token-typography-display-400-line-height": { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading04.line-height}", + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + "token-typography-display-400-letter-spacing": { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading04.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + "token-typography-display-300-font-family": { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + "token-typography-display-300-font-size": { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.25rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading03.font-size}", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + "token-typography-display-300-line-height": { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.4, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading03.line-height}", + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + "token-typography-display-300-letter-spacing": { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading03.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + "token-typography-display-200-font-family": { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + "token-typography-display-200-font-size": { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + "token-typography-display-200-line-height": { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + "token-typography-display-200-letter-spacing": { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading02.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + "token-typography-display-100-font-family": { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + "token-typography-display-100-font-size": { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + "token-typography-display-100-line-height": { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + "token-typography-display-100-letter-spacing": { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0.16px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading01.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + "token-typography-body-300-font-family": { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + "token-typography-body-300-font-size": { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + "token-typography-body-300-line-height": { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + "token-typography-body-200-font-family": { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + "token-typography-body-200-font-size": { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body01.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + "token-typography-body-200-line-height": { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body01.line-height}", + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + "token-typography-body-100-font-family": { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + "token-typography-body-100-font-size": { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.bodyCompact01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + "token-typography-body-100-line-height": { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.bodyCompact01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + "token-typography-code-300-font-family": { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + "token-typography-code-300-font-size": { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + "token-typography-code-300-line-height": { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + "token-typography-code-200-font-family": { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + "token-typography-code-200-font-size": { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + "token-typography-code-200-line-height": { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + "token-typography-code-100-font-family": { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + "token-typography-code-100-font-size": { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + "token-typography-code-100-line-height": { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.33333, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code01.line-height}", + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } + } +} \ No newline at end of file diff --git a/packages/tokens/dist/docs/products/themed-tokens/cds-g0.json b/packages/tokens/dist/docs/products/themed-tokens/cds-g0.json new file mode 100644 index 00000000000..5f7fd1df295 --- /dev/null +++ b/packages/tokens/dist/docs/products/themed-tokens/cds-g0.json @@ -0,0 +1,14794 @@ +[ + { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#001141", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.100}", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#002d9c", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.80}", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0043ce", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#0f62fe", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#d0e2ff", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#edf5ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.10}", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#31135e", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.90}", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#6929c4", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#8a3ffc", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a56eff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#e8daff", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f6f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.10}", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#044317", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#0e6027", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#198038", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#24a148", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#a7f0ba", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#defbe6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.10}", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#302400", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.90}", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#483700", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.80}", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#8e6a00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.60}", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#d2a106", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fddc69", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fcf4d6", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.10}", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#520408", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.90}", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#750e13", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#a2191f", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#da1e28", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#ffd7d9", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff1f1", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.10}", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#161616", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.100}", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#393939", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.80}", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#525252", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8d8d8d", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.50}", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#a8a8a8", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.40}", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#c6c6c6", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#e0e0e0", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.20}", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#f4f4f4", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.10}", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.white.0}", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#39393966", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#52525233", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#5252521a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#52525233", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.borderSubtle03}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#e0e0e0", + "group": "semantic", + "$modes": { + "default": "#5252521a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.borderSubtle00}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#8d8d8d", + "group": "semantic", + "$modes": { + "default": "#39393966", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.borderStrong01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + { + "key": "{color.border.action}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "$modes": { + "default": "#d0e2ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#be95ff", + "group": "semantic", + "$modes": { + "default": "#e8daff", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + { + "key": "{color.border.success}", + "$type": "color", + "$value": "#42be65", + "group": "semantic", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#ff832b", + "group": "semantic", + "$modes": { + "default": "#fddc69", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#ff8389", + "group": "semantic", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#393939", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#525252", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "rgba(22, 22, 22, 0.25)", + "group": "semantic", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textDisabled}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.linkPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#002d9c", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#8a3ffc", + "group": "semantic", + "$modes": { + "default": "#a56eff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#6929c4", + "group": "semantic", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#491d8b", + "group": "semantic", + "$modes": { + "default": "#31135e", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#198038", + "group": "semantic", + "$modes": { + "default": "#24a148", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#0e6027", + "group": "semantic", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#044317", + "group": "semantic", + "$modes": { + "default": "#044317", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#ba4e00", + "group": "semantic", + "$modes": { + "default": "#d2a106", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#8a3800", + "group": "semantic", + "$modes": { + "default": "#8e6a00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#5e2900", + "group": "semantic", + "$modes": { + "default": "#302400", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#da1e28", + "group": "semantic", + "$modes": { + "default": "#da1e28", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#a2191f", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#750e13", + "group": "semantic", + "$modes": { + "default": "#520408", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#e8e8e8", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layerHover01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.layerActive01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#d0e2ff", + "group": "semantic", + "$modes": { + "default": "#edf5ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#e8daff", + "group": "semantic", + "$modes": { + "default": "#f6f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#a7f0ba", + "group": "semantic", + "$modes": { + "default": "#defbe6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#ffd9be", + "group": "semantic", + "$modes": { + "default": "#fcf4d6", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#ffd7d9", + "group": "semantic", + "$modes": { + "default": "#fff1f1", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #52525233", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.white}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.white}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.white}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#6929c4", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#6929c4", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.white}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#6929c4", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.white}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#0e6027", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#0e6027", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.white}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#0e6027", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.white}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#684e00", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#483700", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#684e00", + "$modes": { + "default": "#ba4e00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#a2191f", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#750e13", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.white}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#a2191f", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.white}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#e0e0e0", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#e0e0e0", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#e8daff", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#e8daff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#6929c4", + "$modes": { + "default": "#a56eff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#a7f0ba", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#0e6027", + "$modes": { + "default": "#24a148", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#fddc69", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fddc69", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#684e00", + "$modes": { + "default": "#d2a106", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#ffd7d9", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#a2191f", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "40px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "40", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "10px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "10", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{button.gap}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textInverse}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "$modes": { + "default": "rgba(22, 22, 22, 0.25)", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.white.textOnColorDisabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#002d9c", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#474747", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#b81921", + "$modes": { + "default": "#a2191f", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#750e13", + "$modes": { + "default": "#750e13", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#c6c6c6", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#002d9c", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#0f62fe", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#a2191f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#c6c6c6", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + { + "key": "{form.label.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + { + "key": "{form.error.color}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#e8e8e8", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#0f62fe", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#002d9c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#750e13", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#e0e0e0", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "rgba(22, 22, 22, 0.25)", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#c6c6c6", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#c6c6c6", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#0043ce", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "2rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading05.font-size}", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading05.line-height}", + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading05.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.75rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading04.font-size}", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading04.line-height}", + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading04.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.25rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading03.font-size}", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.4, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading03.line-height}", + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading03.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading02.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0.16px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading01.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body01.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body01.line-height}", + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.bodyCompact01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.bodyCompact01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.33333, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code01.line-height}", + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } +] \ No newline at end of file diff --git a/packages/tokens/dist/docs/products/themed-tokens/cds-g10.json b/packages/tokens/dist/docs/products/themed-tokens/cds-g10.json new file mode 100644 index 00000000000..5c88924c6f6 --- /dev/null +++ b/packages/tokens/dist/docs/products/themed-tokens/cds-g10.json @@ -0,0 +1,14794 @@ +[ + { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#001141", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.100}", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#002d9c", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.80}", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0043ce", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#0f62fe", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#d0e2ff", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#edf5ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.10}", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#31135e", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.90}", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#6929c4", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#8a3ffc", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a56eff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#e8daff", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f6f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.10}", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#044317", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#0e6027", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#198038", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#24a148", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#a7f0ba", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#defbe6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.10}", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#302400", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.90}", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#483700", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.80}", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#8e6a00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.60}", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#d2a106", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fddc69", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fcf4d6", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.10}", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#520408", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.90}", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#750e13", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#a2191f", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#da1e28", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#ffd7d9", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff1f1", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.10}", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#161616", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.100}", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#393939", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.80}", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#525252", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8d8d8d", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.50}", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#a8a8a8", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.40}", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#c6c6c6", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#e0e0e0", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.20}", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#f4f4f4", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.10}", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.white.0}", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#39393966", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#52525233", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#5252521a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#e0e0e0", + "group": "semantic", + "$modes": { + "default": "#52525233", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.borderSubtle03}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#5252521a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.borderSubtle00}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#8d8d8d", + "group": "semantic", + "$modes": { + "default": "#39393966", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.borderStrong01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + { + "key": "{color.border.action}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "$modes": { + "default": "#d0e2ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#be95ff", + "group": "semantic", + "$modes": { + "default": "#e8daff", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + { + "key": "{color.border.success}", + "$type": "color", + "$value": "#42be65", + "group": "semantic", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#ff832b", + "group": "semantic", + "$modes": { + "default": "#fddc69", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#ff8389", + "group": "semantic", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#393939", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#525252", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "rgba(22, 22, 22, 0.25)", + "group": "semantic", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textDisabled}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#0f62fe", + "group": "semantic", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.linkPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#002d9c", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#8a3ffc", + "group": "semantic", + "$modes": { + "default": "#a56eff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#6929c4", + "group": "semantic", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#491d8b", + "group": "semantic", + "$modes": { + "default": "#31135e", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#198038", + "group": "semantic", + "$modes": { + "default": "#24a148", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#0e6027", + "group": "semantic", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#044317", + "group": "semantic", + "$modes": { + "default": "#044317", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#ba4e00", + "group": "semantic", + "$modes": { + "default": "#d2a106", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#8a3800", + "group": "semantic", + "$modes": { + "default": "#8e6a00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#5e2900", + "group": "semantic", + "$modes": { + "default": "#302400", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#da1e28", + "group": "semantic", + "$modes": { + "default": "#da1e28", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#a2191f", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#750e13", + "group": "semantic", + "$modes": { + "default": "#520408", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#e8e8e8", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layerHover01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.layerActive01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#c6c6c6", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#d0e2ff", + "group": "semantic", + "$modes": { + "default": "#edf5ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#e8daff", + "group": "semantic", + "$modes": { + "default": "#f6f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#a7f0ba", + "group": "semantic", + "$modes": { + "default": "#defbe6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#ffd9be", + "group": "semantic", + "$modes": { + "default": "#fcf4d6", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#ffd7d9", + "group": "semantic", + "$modes": { + "default": "#fff1f1", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #52525233", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g10}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g10}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g10}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#6929c4", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#6929c4", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#6929c4", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#0e6027", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#0e6027", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#0e6027", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#684e00", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#483700", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#684e00", + "$modes": { + "default": "#ba4e00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#a2191f", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#750e13", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g10}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#a2191f", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g10}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#e0e0e0", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#e0e0e0", + "$modes": { + "default": "#ffffff", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#e8daff", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#e8daff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#6929c4", + "$modes": { + "default": "#a56eff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#a7f0ba", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#0e6027", + "$modes": { + "default": "#24a148", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#fddc69", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fddc69", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#684e00", + "$modes": { + "default": "#d2a106", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#ffd7d9", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#a2191f", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "40px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "40", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "10px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "10", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{button.gap}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textInverse}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "$modes": { + "default": "rgba(22, 22, 22, 0.25)", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g10.textOnColorDisabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#002d9c", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#ffffff", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#474747", + "$modes": { + "default": "#ffffff", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#ffffff", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#ffffff", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#b81921", + "$modes": { + "default": "#a2191f", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#750e13", + "$modes": { + "default": "#750e13", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#c6c6c6", + "$modes": { + "default": "#ffffff", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#002d9c", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#0f62fe", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#a2191f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#0f62fe", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#e0e0e0", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + { + "key": "{form.label.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + { + "key": "{form.error.color}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#e8e8e8", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#0f62fe", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#002d9c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#750e13", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#c6c6c6", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "rgba(22, 22, 22, 0.25)", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#c6c6c6", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#e0e0e0", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#ffffff", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#ffffff", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#0043ce", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "2rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading05.font-size}", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading05.line-height}", + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading05.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.75rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading04.font-size}", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading04.line-height}", + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading04.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.25rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading03.font-size}", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.4, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading03.line-height}", + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading03.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading02.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0.16px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading01.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body01.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body01.line-height}", + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.bodyCompact01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.bodyCompact01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.33333, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code01.line-height}", + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } +] \ No newline at end of file diff --git a/packages/tokens/dist/docs/products/themed-tokens/cds-g100.json b/packages/tokens/dist/docs/products/themed-tokens/cds-g100.json new file mode 100644 index 00000000000..0bea38c7e1a --- /dev/null +++ b/packages/tokens/dist/docs/products/themed-tokens/cds-g100.json @@ -0,0 +1,14794 @@ +[ + { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#001141", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.100}", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#002d9c", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.80}", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0043ce", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#0f62fe", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#d0e2ff", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#edf5ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.10}", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#31135e", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.90}", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#6929c4", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#8a3ffc", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a56eff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#e8daff", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f6f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.10}", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#044317", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#0e6027", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#198038", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#24a148", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#a7f0ba", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#defbe6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.10}", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#302400", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.90}", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#483700", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.80}", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#8e6a00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.60}", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#d2a106", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fddc69", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fcf4d6", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.10}", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#520408", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.90}", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#750e13", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#a2191f", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#da1e28", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#ffd7d9", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff1f1", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.10}", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#161616", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.100}", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#393939", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.80}", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#525252", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8d8d8d", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.50}", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#a8a8a8", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.40}", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#c6c6c6", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#e0e0e0", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.20}", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#f4f4f4", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.10}", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.white.0}", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#39393966", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#52525233", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#5252521a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#6f6f6f", + "group": "semantic", + "$modes": { + "default": "#52525233", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.borderSubtle03}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#5252521a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.borderSubtle00}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#6f6f6f", + "group": "semantic", + "$modes": { + "default": "#39393966", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.borderStrong01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + { + "key": "{color.border.action}", + "$type": "color", + "$value": "#4589ff", + "group": "semantic", + "$modes": { + "default": "#d0e2ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#a56eff", + "group": "semantic", + "$modes": { + "default": "#e8daff", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + { + "key": "{color.border.success}", + "$type": "color", + "$value": "#24a148", + "group": "semantic", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#eb6200", + "group": "semantic", + "$modes": { + "default": "#fddc69", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#fa4d56", + "group": "semantic", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#393939", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#525252", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "rgba(244, 244, 244, 0.25)", + "group": "semantic", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textDisabled}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#78a9ff", + "group": "semantic", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.linkPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#a6c8ff", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#a6c8ff", + "group": "semantic", + "$modes": { + "default": "#002d9c", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#be95ff", + "group": "semantic", + "$modes": { + "default": "#a56eff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#d4bbff", + "group": "semantic", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#d4bbff", + "group": "semantic", + "$modes": { + "default": "#31135e", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#42be65", + "group": "semantic", + "$modes": { + "default": "#24a148", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#6fdc8c", + "group": "semantic", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#a7f0ba", + "group": "semantic", + "$modes": { + "default": "#044317", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#ff832b", + "group": "semantic", + "$modes": { + "default": "#d2a106", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#ffb784", + "group": "semantic", + "$modes": { + "default": "#8e6a00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#ffd9be", + "group": "semantic", + "$modes": { + "default": "#302400", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#ff8389", + "group": "semantic", + "$modes": { + "default": "#da1e28", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#ffb3b8", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#ffd7d9", + "group": "semantic", + "$modes": { + "default": "#520408", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#333333", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layerHover01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#525252", + "group": "semantic", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.layerActive01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#525252", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#edf5ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#6929c4", + "group": "semantic", + "$modes": { + "default": "#f6f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#0e6027", + "group": "semantic", + "$modes": { + "default": "#defbe6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#8a3800", + "group": "semantic", + "$modes": { + "default": "#fcf4d6", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#a2191f", + "group": "semantic", + "$modes": { + "default": "#fff1f1", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #52525233", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #161616, 0 0 0 3px #ffffff", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #161616, 0 0 0 3px #ffffff", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g100}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g100}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#161616", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g100}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#e8daff", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#6929c4", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g100}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#e8daff", + "$modes": { + "default": "#be95ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g100}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#a7f0ba", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#0e6027", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g100}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#a7f0ba", + "$modes": { + "default": "#42be65", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g100}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#fddc69", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#483700", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#fddc69", + "$modes": { + "default": "#ff832b", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#ffd7d9", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#750e13", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g100}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#ffd7d9", + "$modes": { + "default": "#ff8389", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g100}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#525252", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g100}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#525252", + "$modes": { + "default": "#262626", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g100}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#6929c4", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#e8daff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#be95ff", + "$modes": { + "default": "#a56eff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#0e6027", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#42be65", + "$modes": { + "default": "#24a148", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#684e00", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fddc69", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#d2a106", + "$modes": { + "default": "#d2a106", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#a2191f", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundRed.g100}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#ff8389", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "40px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "40", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "10px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "10", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{button.gap}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#78a9ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiary.g100}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#a6c8ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#78a9ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#a6c8ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textInverse}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "rgba(255, 255, 255, 0.25)", + "$modes": { + "default": "rgba(244, 244, 244, 0.25)", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g100.textOnColorDisabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g100}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g100}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#002d9c", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#262626", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g100}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#5e5e5e", + "$modes": { + "default": "#262626", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#262626", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g100}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#525252", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#262626", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#c6c6c6", + "$modes": { + "default": "#525252", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#a2191f", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#b81921", + "$modes": { + "default": "#a2191f", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerHover.g100}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#a2191f", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#750e13", + "$modes": { + "default": "#750e13", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerActive.g100}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "$modes": { + "default": "#262626", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDisabled.g100}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#002d9c", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#6f6f6f", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#161616", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#6f6f6f", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#6f6f6f", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + { + "key": "{form.label.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + { + "key": "{form.error.color}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#262626", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#333333", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#0f62fe", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#002d9c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#750e13", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#262626", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#393939", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "rgba(244, 244, 244, 0.25)", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#6f6f6f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#262626", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#0043ce", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#262626", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "2rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading05.font-size}", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading05.line-height}", + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading05.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.75rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading04.font-size}", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading04.line-height}", + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading04.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.25rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading03.font-size}", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.4, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading03.line-height}", + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading03.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading02.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0.16px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading01.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body01.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body01.line-height}", + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.bodyCompact01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.bodyCompact01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.33333, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code01.line-height}", + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } +] \ No newline at end of file diff --git a/packages/tokens/dist/docs/products/themed-tokens/cds-g90.json b/packages/tokens/dist/docs/products/themed-tokens/cds-g90.json new file mode 100644 index 00000000000..dc44b938d74 --- /dev/null +++ b/packages/tokens/dist/docs/products/themed-tokens/cds-g90.json @@ -0,0 +1,14794 @@ +[ + { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#001141", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.100}", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#002d9c", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.80}", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0043ce", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#0f62fe", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.60}", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#d0e2ff", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.20}", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#edf5ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.10}", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#31135e", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.90}", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#6929c4", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#8a3ffc", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.60}", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a56eff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#e8daff", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f6f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.10}", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#044317", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.80}", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#0e6027", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#198038", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.60}", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#24a148", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#a7f0ba", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#defbe6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.10}", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#302400", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.90}", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#483700", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.80}", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#8e6a00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.60}", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#d2a106", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fddc69", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fcf4d6", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.10}", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#520408", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.90}", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#750e13", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.80}", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#a2191f", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#da1e28", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.60}", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#ffd7d9", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff1f1", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.10}", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#161616", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.100}", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#393939", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.80}", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#525252", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8d8d8d", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.50}", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#a8a8a8", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.40}", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#c6c6c6", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.30}", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#e0e0e0", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.20}", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#f4f4f4", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.10}", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.white.0}", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#39393966", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#52525233", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#5252521a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#8d8d8d", + "group": "semantic", + "$modes": { + "default": "#52525233", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.borderSubtle03}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#525252", + "group": "semantic", + "$modes": { + "default": "#5252521a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.borderSubtle00}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#8d8d8d", + "group": "semantic", + "$modes": { + "default": "#39393966", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.borderStrong01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + { + "key": "{color.border.action}", + "$type": "color", + "$value": "#4589ff", + "group": "semantic", + "$modes": { + "default": "#d0e2ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#a56eff", + "group": "semantic", + "$modes": { + "default": "#e8daff", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + { + "key": "{color.border.success}", + "$type": "color", + "$value": "#24a148", + "group": "semantic", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#eb6200", + "group": "semantic", + "$modes": { + "default": "#fddc69", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#fa4d56", + "group": "semantic", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.focusInset}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.focus}", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#161616", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#393939", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#f4f4f4", + "group": "semantic", + "$modes": { + "default": "#525252", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#161616", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "rgba(244, 244, 244, 0.25)", + "group": "semantic", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textDisabled}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#78a9ff", + "group": "semantic", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.linkPrimary}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#a6c8ff", + "group": "semantic", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#a6c8ff", + "group": "semantic", + "$modes": { + "default": "#002d9c", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.linkPrimaryHover}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#be95ff", + "group": "semantic", + "$modes": { + "default": "#a56eff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#d4bbff", + "group": "semantic", + "$modes": { + "default": "#8a3ffc", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#e8daff", + "group": "semantic", + "$modes": { + "default": "#31135e", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#42be65", + "group": "semantic", + "$modes": { + "default": "#24a148", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#6fdc8c", + "group": "semantic", + "$modes": { + "default": "#198038", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#a7f0ba", + "group": "semantic", + "$modes": { + "default": "#044317", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#ff832b", + "group": "semantic", + "$modes": { + "default": "#d2a106", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#ffb784", + "group": "semantic", + "$modes": { + "default": "#8e6a00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#ffd9be", + "group": "semantic", + "$modes": { + "default": "#302400", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#ff8389", + "group": "semantic", + "$modes": { + "default": "#da1e28", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#ffb3b8", + "group": "semantic", + "$modes": { + "default": "#a2191f", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.30}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#ffd7d9", + "group": "semantic", + "$modes": { + "default": "#520408", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.20}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#262626", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.background}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#393939", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layer01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#474747", + "group": "semantic", + "$modes": { + "default": "#e0e0e0", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layerHover01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#6f6f6f", + "group": "semantic", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.layerActive01}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#525252", + "group": "semantic", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.gray.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#0043ce", + "group": "semantic", + "$modes": { + "default": "#edf5ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.blue.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#6929c4", + "group": "semantic", + "$modes": { + "default": "#f6f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#0e6027", + "group": "semantic", + "$modes": { + "default": "#defbe6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#8a3800", + "group": "semantic", + "$modes": { + "default": "#fcf4d6", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.orange.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#a2191f", + "group": "semantic", + "$modes": { + "default": "#fff1f1", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.70}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #52525233", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #161616, 0 0 0 3px #ffffff", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #161616, 0 0 0 3px #ffffff", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "0.75rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "12", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g90}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g90}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#161616", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGray.g90}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#e8daff", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#6929c4", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#e8daff", + "$modes": { + "default": "#be95ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#a7f0ba", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#0e6027", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#a7f0ba", + "$modes": { + "default": "#42be65", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#fddc69", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#483700", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#fddc69", + "$modes": { + "default": "#ff832b", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.20}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#ffd7d9", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#750e13", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g90}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#ffd7d9", + "$modes": { + "default": "#ff8389", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagColorRed.g90}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#525252", + "$modes": { + "default": "#c6c6c6", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#525252", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#525252", + "$modes": { + "default": "#393939", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#6929c4", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#e8daff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#be95ff", + "$modes": { + "default": "#a56eff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.purple.40}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#0e6027", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#a7f0ba", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#42be65", + "$modes": { + "default": "#24a148", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.green.40}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#684e00", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fddc69", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.70}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#d2a106", + "$modes": { + "default": "#d2a106", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.yellow.40}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#a2191f", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#ffd7d9", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#ff8389", + "$modes": { + "default": "#da1e28", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{carbon.color.red.40}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "40px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "40", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "10px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "10", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{button.gap}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.2858, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#f4f4f4", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#78a9ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#a6c8ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#78a9ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#161616", + "$modes": { + "default": "#a6c8ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textInverse}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#161616", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColor}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "rgba(255, 255, 255, 0.25)", + "$modes": { + "default": "rgba(244, 244, 244, 0.25)", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.g90.textOnColorDisabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0050e6", + "$modes": { + "default": "#0043ce", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#0f62fe", + "$modes": { + "default": "#0f62fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#002d9c", + "$modes": { + "default": "#002d9c", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#393939", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#5e5e5e", + "$modes": { + "default": "#393939", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#6f6f6f", + "$modes": { + "default": "#393939", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#393939", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "#393939", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "#f4f4f4", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#c6c6c6", + "$modes": { + "default": "#6f6f6f", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#a2191f", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#b81921", + "$modes": { + "default": "#a2191f", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#da1e28", + "$modes": { + "default": "#a2191f", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#750e13", + "$modes": { + "default": "#750e13", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "$modes": { + "default": "#393939", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "0px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#0043ce", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#002d9c", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#8d8d8d", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#161616", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#ffb3b8", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#ff00ff", + "$modes": { + "default": "#ffffff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "magenta", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#750e13", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#8d8d8d", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + { + "key": "{form.label.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + { + "key": "{form.error.color}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#393939", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#474747", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#161616", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#0f62fe", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0043ce", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#002d9c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#a2191f", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#750e13", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#f4f4f4", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#393939", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "rgba(244, 244, 244, 0.25)", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#525252", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#8d8d8d", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "#393939", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#161616", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#ffc0cb", + "$modes": { + "default": "#0043ce", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "pink", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#393939", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": 400, + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.regular}", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": 600, + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "{carbon.typography.font-weight.semibold}", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "2rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading05.font-size}", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading05.line-height}", + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading05.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.75rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading04.font-size}", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading04.line-height}", + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading04.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.25rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading03.font-size}", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.4, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading03.line-height}", + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading03.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading02.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.heading01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.heading01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0.16px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": "{carbon.typography.heading01.letter-spacing}", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body02.line-height}", + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.body01.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.body01.line-height}", + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "$modes": { + "default": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.sans}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.bodyCompact01.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.28572, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.bodyCompact01.line-height}", + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.42857, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code02.line-height}", + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "$modes": { + "default": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{carbon.typography.font-family.mono}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "{carbon.typography.code02.font-size}", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.33333, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": "{carbon.typography.code01.line-height}", + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } +] \ No newline at end of file diff --git a/packages/tokens/dist/docs/products/themed-tokens/default.json b/packages/tokens/dist/docs/products/themed-tokens/default.json new file mode 100644 index 00000000000..66083335c8c --- /dev/null +++ b/packages/tokens/dist/docs/products/themed-tokens/default.json @@ -0,0 +1,14794 @@ +[ + { + "key": "{border.radius.x-small}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.x-small}" + }, + "name": "token-border-radius-x-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "x-small" + ] + }, + { + "key": "{border.radius.small}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.small}" + }, + "name": "token-border-radius-small", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "small" + ] + }, + { + "key": "{border.radius.medium}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.medium}" + }, + "name": "token-border-radius-medium", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "medium" + ] + }, + { + "key": "{border.radius.large}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{border.radius.large}" + }, + "name": "token-border-radius-large", + "attributes": { + "category": "border" + }, + "path": [ + "border", + "radius", + "large" + ] + }, + { + "key": "{color.palette.blue-500}", + "$type": "color", + "$value": "#1c345f", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, + "original": { + "$type": "color", + "$value": "#1c345f", + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, + "key": "{color.palette.blue-500}" + }, + "name": "token-color-palette-blue-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-500" + ] + }, + { + "key": "{color.palette.blue-400}", + "$type": "color", + "$value": "#0046d1", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "#0046d1", + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, + "key": "{color.palette.blue-400}" + }, + "name": "token-color-palette-blue-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-400" + ] + }, + { + "key": "{color.palette.blue-300}", + "$type": "color", + "$value": "#0c56e9", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "#0c56e9", + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.palette.blue-300}" + }, + "name": "token-color-palette-blue-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-300" + ] + }, + { + "key": "{color.palette.blue-200}", + "$type": "color", + "$value": "#1060ff", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "#1060ff", + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, + "key": "{color.palette.blue-200}" + }, + "name": "token-color-palette-blue-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-200" + ] + }, + { + "key": "{color.palette.blue-100}", + "$type": "color", + "$value": "#cce3fe", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, + "original": { + "$type": "color", + "$value": "#cce3fe", + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, + "key": "{color.palette.blue-100}" + }, + "name": "token-color-palette-blue-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-100" + ] + }, + { + "key": "{color.palette.blue-50}", + "$type": "color", + "$value": "#f2f8ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, + "original": { + "$type": "color", + "$value": "#f2f8ff", + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, + "key": "{color.palette.blue-50}" + }, + "name": "token-color-palette-blue-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "blue-50" + ] + }, + { + "key": "{color.palette.purple-500}", + "$type": "color", + "$value": "#42215b", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, + "original": { + "$type": "color", + "$value": "#42215b", + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, + "key": "{color.palette.purple-500}" + }, + "name": "token-color-palette-purple-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-500" + ] + }, + { + "key": "{color.palette.purple-400}", + "$type": "color", + "$value": "#7b00db", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "#7b00db", + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.palette.purple-400}" + }, + "name": "token-color-palette-purple-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-400" + ] + }, + { + "key": "{color.palette.purple-300}", + "$type": "color", + "$value": "#911ced", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, + "original": { + "$type": "color", + "$value": "#911ced", + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, + "key": "{color.palette.purple-300}" + }, + "name": "token-color-palette-purple-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-300" + ] + }, + { + "key": "{color.palette.purple-200}", + "$type": "color", + "$value": "#a737ff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "#a737ff", + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.palette.purple-200}" + }, + "name": "token-color-palette-purple-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-200" + ] + }, + { + "key": "{color.palette.purple-100}", + "$type": "color", + "$value": "#ead2fe", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "#ead2fe", + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, + "key": "{color.palette.purple-100}" + }, + "name": "token-color-palette-purple-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-100" + ] + }, + { + "key": "{color.palette.purple-50}", + "$type": "color", + "$value": "#f9f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, + "original": { + "$type": "color", + "$value": "#f9f2ff", + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, + "key": "{color.palette.purple-50}" + }, + "name": "token-color-palette-purple-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "purple-50" + ] + }, + { + "key": "{color.palette.green-500}", + "$type": "color", + "$value": "#054220", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, + "original": { + "$type": "color", + "$value": "#054220", + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, + "key": "{color.palette.green-500}" + }, + "name": "token-color-palette-green-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-500" + ] + }, + { + "key": "{color.palette.green-400}", + "$type": "color", + "$value": "#006619", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "#006619", + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.palette.green-400}" + }, + "name": "token-color-palette-green-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-400" + ] + }, + { + "key": "{color.palette.green-300}", + "$type": "color", + "$value": "#00781e", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, + "original": { + "$type": "color", + "$value": "#00781e", + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, + "key": "{color.palette.green-300}" + }, + "name": "token-color-palette-green-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-300" + ] + }, + { + "key": "{color.palette.green-200}", + "$type": "color", + "$value": "#008a22", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "#008a22", + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.palette.green-200}" + }, + "name": "token-color-palette-green-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-200" + ] + }, + { + "key": "{color.palette.green-100}", + "$type": "color", + "$value": "#cceeda", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "#cceeda", + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.palette.green-100}" + }, + "name": "token-color-palette-green-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-100" + ] + }, + { + "key": "{color.palette.green-50}", + "$type": "color", + "$value": "#f2fbf6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, + "original": { + "$type": "color", + "$value": "#f2fbf6", + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, + "key": "{color.palette.green-50}" + }, + "name": "token-color-palette-green-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "green-50" + ] + }, + { + "key": "{color.palette.amber-500}", + "$type": "color", + "$value": "#542800", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, + "original": { + "$type": "color", + "$value": "#542800", + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, + "key": "{color.palette.amber-500}" + }, + "name": "token-color-palette-amber-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-500" + ] + }, + { + "key": "{color.palette.amber-400}", + "$type": "color", + "$value": "#803d00", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, + "original": { + "$type": "color", + "$value": "#803d00", + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, + "key": "{color.palette.amber-400}" + }, + "name": "token-color-palette-amber-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-400" + ] + }, + { + "key": "{color.palette.amber-300}", + "$type": "color", + "$value": "#9e4b00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, + "original": { + "$type": "color", + "$value": "#9e4b00", + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, + "key": "{color.palette.amber-300}" + }, + "name": "token-color-palette-amber-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-300" + ] + }, + { + "key": "{color.palette.amber-200}", + "$type": "color", + "$value": "#bb5a00", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "#bb5a00", + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{color.palette.amber-200}" + }, + "name": "token-color-palette-amber-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-200" + ] + }, + { + "key": "{color.palette.amber-100}", + "$type": "color", + "$value": "#fbeabf", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "#fbeabf", + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{color.palette.amber-100}" + }, + "name": "token-color-palette-amber-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-100" + ] + }, + { + "key": "{color.palette.amber-50}", + "$type": "color", + "$value": "#fff9e8", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, + "original": { + "$type": "color", + "$value": "#fff9e8", + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, + "key": "{color.palette.amber-50}" + }, + "name": "token-color-palette-amber-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "amber-50" + ] + }, + { + "key": "{color.palette.red-500}", + "$type": "color", + "$value": "#51130a", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, + "original": { + "$type": "color", + "$value": "#51130a", + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, + "key": "{color.palette.red-500}" + }, + "name": "token-color-palette-red-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-500" + ] + }, + { + "key": "{color.palette.red-400}", + "$type": "color", + "$value": "#940004", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "#940004", + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, + "key": "{color.palette.red-400}" + }, + "name": "token-color-palette-red-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-400" + ] + }, + { + "key": "{color.palette.red-300}", + "$type": "color", + "$value": "#c00005", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "#c00005", + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.palette.red-300}" + }, + "name": "token-color-palette-red-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-300" + ] + }, + { + "key": "{color.palette.red-200}", + "$type": "color", + "$value": "#e52228", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "#e52228", + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, + "key": "{color.palette.red-200}" + }, + "name": "token-color-palette-red-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-200" + ] + }, + { + "key": "{color.palette.red-100}", + "$type": "color", + "$value": "#fbd4d4", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "#fbd4d4", + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.palette.red-100}" + }, + "name": "token-color-palette-red-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-100" + ] + }, + { + "key": "{color.palette.red-50}", + "$type": "color", + "$value": "#fff5f5", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, + "original": { + "$type": "color", + "$value": "#fff5f5", + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, + "key": "{color.palette.red-50}" + }, + "name": "token-color-palette-red-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "red-50" + ] + }, + { + "key": "{color.palette.neutral-700}", + "$type": "color", + "$value": "#0c0c0e", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, + "key": "{color.palette.neutral-700}" + }, + "name": "token-color-palette-neutral-700", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-700" + ] + }, + { + "key": "{color.palette.neutral-600}", + "$type": "color", + "$value": "#3b3d45", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, + "key": "{color.palette.neutral-600}" + }, + "name": "token-color-palette-neutral-600", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-600" + ] + }, + { + "key": "{color.palette.neutral-500}", + "$type": "color", + "$value": "#656a76", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "#656a76", + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.palette.neutral-500}" + }, + "name": "token-color-palette-neutral-500", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-500" + ] + }, + { + "key": "{color.palette.neutral-400}", + "$type": "color", + "$value": "#8c909c", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, + "key": "{color.palette.neutral-400}" + }, + "name": "token-color-palette-neutral-400", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-400" + ] + }, + { + "key": "{color.palette.neutral-300}", + "$type": "color", + "$value": "#c2c5cb", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, + "original": { + "$type": "color", + "$value": "#c2c5cb", + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, + "key": "{color.palette.neutral-300}" + }, + "name": "token-color-palette-neutral-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-300" + ] + }, + { + "key": "{color.palette.neutral-200}", + "$type": "color", + "$value": "#dedfe3", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, + "key": "{color.palette.neutral-200}" + }, + "name": "token-color-palette-neutral-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-200" + ] + }, + { + "key": "{color.palette.neutral-100}", + "$type": "color", + "$value": "#f1f2f3", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, + "original": { + "$type": "color", + "$value": "#f1f2f3", + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, + "key": "{color.palette.neutral-100}" + }, + "name": "token-color-palette-neutral-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-100" + ] + }, + { + "key": "{color.palette.neutral-50}", + "$type": "color", + "$value": "#fafafa", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "#fafafa", + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, + "key": "{color.palette.neutral-50}" + }, + "name": "token-color-palette-neutral-50", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-50" + ] + }, + { + "key": "{color.palette.neutral-0}", + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "#ffffff", + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, + "key": "{color.palette.neutral-0}" + }, + "name": "token-color-palette-neutral-0", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "neutral-0" + ] + }, + { + "key": "{color.palette.alpha-300}", + "$type": "color", + "$value": "#3b3d4566", + "alpha": "0.4", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "alpha": "0.4", + "group": "palette", + "key": "{color.palette.alpha-300}" + }, + "name": "token-color-palette-alpha-300", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-300" + ] + }, + { + "key": "{color.palette.alpha-200}", + "$type": "color", + "$value": "#656a7633", + "alpha": "0.2", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.2", + "group": "palette", + "key": "{color.palette.alpha-200}" + }, + "name": "token-color-palette-alpha-200", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-200" + ] + }, + { + "key": "{color.palette.alpha-100}", + "$type": "color", + "$value": "#656a761a", + "alpha": "0.1", + "group": "palette", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "alpha": "0.1", + "group": "palette", + "key": "{color.palette.alpha-100}" + }, + "name": "token-color-palette-alpha-100", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "palette", + "alpha-100" + ] + }, + { + "key": "{color.border.primary}", + "$type": "color", + "$value": "#656a7633", + "group": "semantic", + "$modes": { + "default": "#656a7633", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.alpha-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, + "key": "{color.border.primary}" + }, + "name": "token-color-border-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "primary" + ] + }, + { + "key": "{color.border.faint}", + "$type": "color", + "$value": "#656a761a", + "group": "semantic", + "$modes": { + "default": "#656a761a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{color.palette.alpha-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, + "key": "{color.border.faint}" + }, + "name": "token-color-border-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "faint" + ] + }, + { + "key": "{color.border.strong}", + "$type": "color", + "$value": "#3b3d4566", + "group": "semantic", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.alpha-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, + "key": "{color.border.strong}" + }, + "name": "token-color-border-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "strong" + ] + }, + { + "key": "{color.border.action}", + "$type": "color", + "$value": "#cce3fe", + "group": "semantic", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, + "key": "{color.border.action}" + }, + "name": "token-color-border-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "action" + ] + }, + { + "key": "{color.border.highlight}", + "$type": "color", + "$value": "#ead2fe", + "group": "semantic", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, + "key": "{color.border.highlight}" + }, + "name": "token-color-border-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "highlight" + ] + }, + { + "key": "{color.border.success}", + "$type": "color", + "$value": "#cceeda", + "group": "semantic", + "$modes": { + "default": "#cceeda", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, + "key": "{color.border.success}" + }, + "name": "token-color-border-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "success" + ] + }, + { + "key": "{color.border.warning}", + "$type": "color", + "$value": "#fbeabf", + "group": "semantic", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, + "key": "{color.border.warning}" + }, + "name": "token-color-border-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "warning" + ] + }, + { + "key": "{color.border.critical}", + "$type": "color", + "$value": "#fbd4d4", + "group": "semantic", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, + "key": "{color.border.critical}" + }, + "name": "token-color-border-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "border", + "critical" + ] + }, + { + "key": "{color.focus.action.internal}", + "$type": "color", + "$value": "#0c56e9", + "group": "semantic", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.action.internal}" + }, + "name": "token-color-focus-action-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "internal" + ] + }, + { + "key": "{color.focus.action.external}", + "$type": "color", + "$value": "#5990ff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "#5990ff", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.action.external}" + }, + "name": "token-color-focus-action-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "action", + "external" + ] + }, + { + "key": "{color.focus.critical.internal}", + "$type": "color", + "$value": "#c00005", + "group": "semantic", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, + "key": "{color.focus.critical.internal}" + }, + "name": "token-color-focus-critical-internal", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "internal" + ] + }, + { + "key": "{color.focus.critical.external}", + "$type": "color", + "$value": "#dd7578", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "#dd7578", + "group": "semantic", + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, + "key": "{color.focus.critical.external}" + }, + "name": "token-color-focus-critical-external", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "focus", + "critical", + "external" + ] + }, + { + "key": "{color.foreground.strong}", + "$type": "color", + "$value": "#0c0c0e", + "group": "semantic", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-700}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.strong}" + }, + "name": "token-color-foreground-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "strong" + ] + }, + { + "key": "{color.foreground.primary}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-600}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.primary}" + }, + "name": "token-color-foreground-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "primary" + ] + }, + { + "key": "{color.foreground.faint}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "$modes": { + "default": "#656a76", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, + "key": "{color.foreground.faint}" + }, + "name": "token-color-foreground-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "faint" + ] + }, + { + "key": "{color.foreground.high-contrast}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-0}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{color.foreground.high-contrast}" + }, + "name": "token-color-foreground-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "high-contrast" + ] + }, + { + "key": "{color.foreground.disabled}", + "$type": "color", + "$value": "#8c909c", + "group": "semantic", + "$modes": { + "default": "#8c909c", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, + "key": "{color.foreground.disabled}" + }, + "name": "token-color-foreground-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "disabled" + ] + }, + { + "key": "{color.foreground.action}", + "$type": "color", + "$value": "#1060ff", + "group": "semantic", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, + "key": "{color.foreground.action}" + }, + "name": "token-color-foreground-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action" + ] + }, + { + "key": "{color.foreground.action-hover}", + "$type": "color", + "$value": "#0c56e9", + "group": "semantic", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-hover}" + }, + "name": "token-color-foreground-action-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-hover" + ] + }, + { + "key": "{color.foreground.action-active}", + "$type": "color", + "$value": "#0046d1", + "group": "semantic", + "$modes": { + "default": "#0046d1", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, + "key": "{color.foreground.action-active}" + }, + "name": "token-color-foreground-action-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "action-active" + ] + }, + { + "key": "{color.foreground.highlight}", + "$type": "color", + "$value": "#a737ff", + "group": "semantic", + "$modes": { + "default": "#a737ff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{color.foreground.highlight}" + }, + "name": "token-color-foreground-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight" + ] + }, + { + "key": "{color.foreground.highlight-on-surface}", + "$type": "color", + "$value": "#911ced", + "group": "semantic", + "$modes": { + "default": "#911ced", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-on-surface}" + }, + "name": "token-color-foreground-highlight-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-on-surface" + ] + }, + { + "key": "{color.foreground.highlight-high-contrast}", + "$type": "color", + "$value": "#42215b", + "group": "semantic", + "$modes": { + "default": "#42215b", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, + "key": "{color.foreground.highlight-high-contrast}" + }, + "name": "token-color-foreground-highlight-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "highlight-high-contrast" + ] + }, + { + "key": "{color.foreground.success}", + "$type": "color", + "$value": "#008a22", + "group": "semantic", + "$modes": { + "default": "#008a22", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{color.foreground.success}" + }, + "name": "token-color-foreground-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success" + ] + }, + { + "key": "{color.foreground.success-on-surface}", + "$type": "color", + "$value": "#00781e", + "group": "semantic", + "$modes": { + "default": "#00781e", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, + "key": "{color.foreground.success-on-surface}" + }, + "name": "token-color-foreground-success-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-on-surface" + ] + }, + { + "key": "{color.foreground.success-high-contrast}", + "$type": "color", + "$value": "#054220", + "group": "semantic", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, + "key": "{color.foreground.success-high-contrast}" + }, + "name": "token-color-foreground-success-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "success-high-contrast" + ] + }, + { + "key": "{color.foreground.warning}", + "$type": "color", + "$value": "#bb5a00", + "group": "semantic", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, + "key": "{color.foreground.warning}" + }, + "name": "token-color-foreground-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning" + ] + }, + { + "key": "{color.foreground.warning-on-surface}", + "$type": "color", + "$value": "#9e4b00", + "group": "semantic", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, + "key": "{color.foreground.warning-on-surface}" + }, + "name": "token-color-foreground-warning-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-on-surface" + ] + }, + { + "key": "{color.foreground.warning-high-contrast}", + "$type": "color", + "$value": "#542800", + "group": "semantic", + "$modes": { + "default": "#542800", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, + "key": "{color.foreground.warning-high-contrast}" + }, + "name": "token-color-foreground-warning-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "warning-high-contrast" + ] + }, + { + "key": "{color.foreground.critical}", + "$type": "color", + "$value": "#e52228", + "group": "semantic", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{color.foreground.critical}" + }, + "name": "token-color-foreground-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical" + ] + }, + { + "key": "{color.foreground.critical-on-surface}", + "$type": "color", + "$value": "#c00005", + "group": "semantic", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, + "key": "{color.foreground.critical-on-surface}" + }, + "name": "token-color-foreground-critical-on-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-on-surface" + ] + }, + { + "key": "{color.foreground.critical-high-contrast}", + "$type": "color", + "$value": "#51130a", + "group": "semantic", + "$modes": { + "default": "#51130a", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-500}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, + "key": "{color.foreground.critical-high-contrast}" + }, + "name": "token-color-foreground-critical-high-contrast", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "foreground", + "critical-high-contrast" + ] + }, + { + "key": "{color.page.primary}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-0}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.primary}" + }, + "name": "token-color-page-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "primary" + ] + }, + { + "key": "{color.page.faint}", + "$type": "color", + "$value": "#fafafa", + "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, + "key": "{color.page.faint}" + }, + "name": "token-color-page-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "page", + "faint" + ] + }, + { + "key": "{color.surface.primary}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-0}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.primary}" + }, + "name": "token-color-surface-primary", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "primary" + ] + }, + { + "key": "{color.surface.faint}", + "$type": "color", + "$value": "#fafafa", + "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.faint}" + }, + "name": "token-color-surface-faint", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "faint" + ] + }, + { + "key": "{color.surface.strong}", + "$type": "color", + "$value": "#f1f2f3", + "group": "semantic", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.strong}" + }, + "name": "token-color-surface-strong", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "strong" + ] + }, + { + "key": "{color.surface.interactive}", + "$type": "color", + "$value": "#ffffff", + "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-0}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, + "key": "{color.surface.interactive}" + }, + "name": "token-color-surface-interactive", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive" + ] + }, + { + "key": "{color.surface.interactive-hover}", + "$type": "color", + "$value": "#f1f2f3", + "group": "semantic", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-100}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, + "key": "{color.surface.interactive-hover}" + }, + "name": "token-color-surface-interactive-hover", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{color.surface.interactive-active}", + "$type": "color", + "$value": "#dedfe3", + "group": "semantic", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-200}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, + "key": "{color.surface.interactive-active}" + }, + "name": "token-color-surface-interactive-active", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{color.surface.interactive-disabled}", + "$type": "color", + "$value": "#fafafa", + "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, + "key": "{color.surface.interactive-disabled}" + }, + "name": "token-color-surface-interactive-disabled", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "interactive-disabled" + ] + }, + { + "key": "{color.surface.action}", + "$type": "color", + "$value": "#f2f8ff", + "group": "semantic", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, + "key": "{color.surface.action}" + }, + "name": "token-color-surface-action", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "action" + ] + }, + { + "key": "{color.surface.highlight}", + "$type": "color", + "$value": "#f9f2ff", + "group": "semantic", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, + "key": "{color.surface.highlight}" + }, + "name": "token-color-surface-highlight", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "highlight" + ] + }, + { + "key": "{color.surface.success}", + "$type": "color", + "$value": "#f2fbf6", + "group": "semantic", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, + "key": "{color.surface.success}" + }, + "name": "token-color-surface-success", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "success" + ] + }, + { + "key": "{color.surface.warning}", + "$type": "color", + "$value": "#fff9e8", + "group": "semantic", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, + "key": "{color.surface.warning}" + }, + "name": "token-color-surface-warning", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "warning" + ] + }, + { + "key": "{color.surface.critical}", + "$type": "color", + "$value": "#fff5f5", + "group": "semantic", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-50}", + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, + "key": "{color.surface.critical}" + }, + "name": "token-color-surface-critical", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "surface", + "critical" + ] + }, + { + "key": "{color.hashicorp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hashicorp-brand}", + "group": "branding", + "key": "{color.hashicorp.brand}" + }, + "name": "token-color-hashicorp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hashicorp", + "brand" + ] + }, + { + "key": "{color.boundary.brand}", + "$type": "color", + "$value": "#f24c53", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-brand}", + "group": "branding", + "key": "{color.boundary.brand}" + }, + "name": "token-color-boundary-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "brand" + ] + }, + { + "key": "{color.boundary.foreground}", + "$type": "color", + "$value": "#cf2d32", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-500}", + "group": "branding", + "key": "{color.boundary.foreground}" + }, + "name": "token-color-boundary-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "foreground" + ] + }, + { + "key": "{color.boundary.surface}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.surface}" + }, + "name": "token-color-boundary-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "surface" + ] + }, + { + "key": "{color.boundary.border}", + "$type": "color", + "$value": "#fbd7d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-100}", + "group": "branding", + "key": "{color.boundary.border}" + }, + "name": "token-color-boundary-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "border" + ] + }, + { + "key": "{color.boundary.gradient.primary.start}", + "$type": "color", + "$value": "#f97076", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-300}", + "group": "branding", + "key": "{color.boundary.gradient.primary.start}" + }, + "name": "token-color-boundary-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.boundary.gradient.primary.stop}", + "$type": "color", + "$value": "#db363b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-400}", + "group": "branding", + "key": "{color.boundary.gradient.primary.stop}" + }, + "name": "token-color-boundary-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.boundary.gradient.faint.start}", + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffafa", + "group": "branding", + "comment": "this is the 'boundary-50' value at 25% opacity on white", + "key": "{color.boundary.gradient.faint.start}" + }, + "name": "token-color-boundary-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.boundary.gradient.faint.stop}", + "$type": "color", + "$value": "#ffecec", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.boundary-50}", + "group": "branding", + "key": "{color.boundary.gradient.faint.stop}" + }, + "name": "token-color-boundary-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "boundary", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.consul.brand}", + "$type": "color", + "$value": "#e03875", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-brand}", + "group": "branding", + "key": "{color.consul.brand}" + }, + "name": "token-color-consul-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "brand" + ] + }, + { + "key": "{color.consul.foreground}", + "$type": "color", + "$value": "#d01c5b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-500}", + "group": "branding", + "key": "{color.consul.foreground}" + }, + "name": "token-color-consul-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "foreground" + ] + }, + { + "key": "{color.consul.surface}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.surface}" + }, + "name": "token-color-consul-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "surface" + ] + }, + { + "key": "{color.consul.border}", + "$type": "color", + "$value": "#ffcede", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-100}", + "group": "branding", + "key": "{color.consul.border}" + }, + "name": "token-color-consul-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "border" + ] + }, + { + "key": "{color.consul.gradient.primary.start}", + "$type": "color", + "$value": "#ff99be", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-300}", + "group": "branding", + "key": "{color.consul.gradient.primary.start}" + }, + "name": "token-color-consul-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.consul.gradient.primary.stop}", + "$type": "color", + "$value": "#da306e", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-400}", + "group": "branding", + "key": "{color.consul.gradient.primary.stop}" + }, + "name": "token-color-consul-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.consul.gradient.faint.start}", + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fff9fb", + "group": "branding", + "comment": "this is the 'consul-50' value at 25% opacity on white", + "key": "{color.consul.gradient.faint.start}" + }, + "name": "token-color-consul-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.consul.gradient.faint.stop}", + "$type": "color", + "$value": "#ffe9f1", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.consul-50}", + "group": "branding", + "key": "{color.consul.gradient.faint.stop}" + }, + "name": "token-color-consul-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "consul", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.hcp.brand}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.hcp-brand}", + "group": "branding", + "key": "{color.hcp.brand}" + }, + "name": "token-color-hcp-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "hcp", + "brand" + ] + }, + { + "key": "{color.nomad.brand}", + "$type": "color", + "$value": "#06d092", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-brand}", + "group": "branding", + "key": "{color.nomad.brand}" + }, + "name": "token-color-nomad-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "brand" + ] + }, + { + "key": "{color.nomad.foreground}", + "$type": "color", + "$value": "#008661", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-500}", + "group": "branding", + "key": "{color.nomad.foreground}" + }, + "name": "token-color-nomad-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "foreground" + ] + }, + { + "key": "{color.nomad.surface}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.surface}" + }, + "name": "token-color-nomad-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "surface" + ] + }, + { + "key": "{color.nomad.border}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.border}" + }, + "name": "token-color-nomad-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "border" + ] + }, + { + "key": "{color.nomad.gradient.primary.start}", + "$type": "color", + "$value": "#bff3dd", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-100}", + "group": "branding", + "key": "{color.nomad.gradient.primary.start}" + }, + "name": "token-color-nomad-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.nomad.gradient.primary.stop}", + "$type": "color", + "$value": "#60dea9", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-200}", + "group": "branding", + "key": "{color.nomad.gradient.primary.stop}" + }, + "name": "token-color-nomad-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.nomad.gradient.faint.start}", + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f3fff9", + "group": "branding", + "comment": "this is the 'nomad-50' value at 25% opacity on white", + "key": "{color.nomad.gradient.faint.start}" + }, + "name": "token-color-nomad-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.nomad.gradient.faint.stop}", + "$type": "color", + "$value": "#d3fdeb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.nomad-50}", + "group": "branding", + "key": "{color.nomad.gradient.faint.stop}" + }, + "name": "token-color-nomad-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "nomad", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.packer.brand}", + "$type": "color", + "$value": "#02a8ef", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-brand}", + "group": "branding", + "key": "{color.packer.brand}" + }, + "name": "token-color-packer-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "brand" + ] + }, + { + "key": "{color.packer.foreground}", + "$type": "color", + "$value": "#007eb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-500}", + "group": "branding", + "key": "{color.packer.foreground}" + }, + "name": "token-color-packer-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "foreground" + ] + }, + { + "key": "{color.packer.surface}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.surface}" + }, + "name": "token-color-packer-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "surface" + ] + }, + { + "key": "{color.packer.border}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.border}" + }, + "name": "token-color-packer-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "border" + ] + }, + { + "key": "{color.packer.gradient.primary.start}", + "$type": "color", + "$value": "#b4e4ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-100}", + "group": "branding", + "key": "{color.packer.gradient.primary.start}" + }, + "name": "token-color-packer-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.packer.gradient.primary.stop}", + "$type": "color", + "$value": "#63d0ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-200}", + "group": "branding", + "key": "{color.packer.gradient.primary.stop}" + }, + "name": "token-color-packer-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.packer.gradient.faint.start}", + "$type": "color", + "$value": "#f3fcff", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#F3FCFF", + "group": "branding", + "comment": "this is the 'packer-50' value at 25% opacity on white", + "key": "{color.packer.gradient.faint.start}" + }, + "name": "token-color-packer-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.packer.gradient.faint.stop}", + "$type": "color", + "$value": "#d4f2ff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.packer-50}", + "group": "branding", + "key": "{color.packer.gradient.faint.stop}" + }, + "name": "token-color-packer-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "packer", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.terraform.brand}", + "$type": "color", + "$value": "#7b42bc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-brand}", + "group": "branding", + "key": "{color.terraform.brand}" + }, + "name": "token-color-terraform-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand" + ] + }, + { + "key": "{color.terraform.brand-on-dark}", + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "original": { + "$type": "color", + "$value": "#a067da", + "group": "branding", + "comment": "this is an alternative brand color meant to be used on dark backgrounds", + "key": "{color.terraform.brand-on-dark}" + }, + "name": "token-color-terraform-brand-on-dark", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "brand-on-dark" + ] + }, + { + "key": "{color.terraform.foreground}", + "$type": "color", + "$value": "#773cb4", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-500}", + "group": "branding", + "key": "{color.terraform.foreground}" + }, + "name": "token-color-terraform-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "foreground" + ] + }, + { + "key": "{color.terraform.surface}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.surface}" + }, + "name": "token-color-terraform-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "surface" + ] + }, + { + "key": "{color.terraform.border}", + "$type": "color", + "$value": "#ebdbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-100}", + "group": "branding", + "key": "{color.terraform.border}" + }, + "name": "token-color-terraform-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "border" + ] + }, + { + "key": "{color.terraform.gradient.primary.start}", + "$type": "color", + "$value": "#bb8deb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-300}", + "group": "branding", + "key": "{color.terraform.gradient.primary.start}" + }, + "name": "token-color-terraform-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.terraform.gradient.primary.stop}", + "$type": "color", + "$value": "#844fba", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-400}", + "group": "branding", + "key": "{color.terraform.gradient.primary.stop}" + }, + "name": "token-color-terraform-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.terraform.gradient.faint.start}", + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fcfaff", + "group": "branding", + "comment": "this is the 'terraform-50' value at 25% opacity on white", + "key": "{color.terraform.gradient.faint.start}" + }, + "name": "token-color-terraform-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.terraform.gradient.faint.stop}", + "$type": "color", + "$value": "#f4ecff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.terraform-50}", + "group": "branding", + "key": "{color.terraform.gradient.faint.stop}" + }, + "name": "token-color-terraform-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "terraform", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vagrant.brand}", + "$type": "color", + "$value": "#1868f2", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-brand}", + "group": "branding", + "key": "{color.vagrant.brand}" + }, + "name": "token-color-vagrant-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "brand" + ] + }, + { + "key": "{color.vagrant.foreground}", + "$type": "color", + "$value": "#1c61d8", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-500}", + "group": "branding", + "key": "{color.vagrant.foreground}" + }, + "name": "token-color-vagrant-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "foreground" + ] + }, + { + "key": "{color.vagrant.surface}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.surface}" + }, + "name": "token-color-vagrant-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "surface" + ] + }, + { + "key": "{color.vagrant.border}", + "$type": "color", + "$value": "#c7dbfc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-100}", + "group": "branding", + "key": "{color.vagrant.border}" + }, + "name": "token-color-vagrant-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "border" + ] + }, + { + "key": "{color.vagrant.gradient.primary.start}", + "$type": "color", + "$value": "#639cff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-300}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.start}" + }, + "name": "token-color-vagrant-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.primary.stop}", + "$type": "color", + "$value": "#2e71e5", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-400}", + "group": "branding", + "key": "{color.vagrant.gradient.primary.stop}" + }, + "name": "token-color-vagrant-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vagrant.gradient.faint.start}", + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f4faff", + "group": "branding", + "comment": "this is the 'vagrant-50' value at 25% opacity on white", + "key": "{color.vagrant.gradient.faint.start}" + }, + "name": "token-color-vagrant-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vagrant.gradient.faint.stop}", + "$type": "color", + "$value": "#d6ebff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vagrant-50}", + "group": "branding", + "key": "{color.vagrant.gradient.faint.stop}" + }, + "name": "token-color-vagrant-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vagrant", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-radar.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-brand}", + "group": "branding", + "key": "{color.vault-radar.brand}" + }, + "name": "token-color-vault-radar-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand" + ] + }, + { + "key": "{color.vault-radar.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work", + "key": "{color.vault-radar.brand-alt}" + }, + "name": "token-color-vault-radar-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "brand-alt" + ] + }, + { + "key": "{color.vault-radar.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-500}", + "group": "branding", + "key": "{color.vault-radar.foreground}" + }, + "name": "token-color-vault-radar-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "foreground" + ] + }, + { + "key": "{color.vault-radar.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.surface}" + }, + "name": "token-color-vault-radar-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "surface" + ] + }, + { + "key": "{color.vault-radar.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.border}" + }, + "name": "token-color-vault-radar-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "border" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-100}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.start}" + }, + "name": "token-color-vault-radar-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-200}", + "group": "branding", + "key": "{color.vault-radar.gradient.primary.stop}" + }, + "name": "token-color-vault-radar-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-radar-50' value at 25% opacity on white", + "key": "{color.vault-radar.gradient.faint.start}" + }, + "name": "token-color-vault-radar-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-radar.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-radar-50}", + "group": "branding", + "key": "{color.vault-radar.gradient.faint.stop}" + }, + "name": "token-color-vault-radar-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-radar", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault-secrets.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-brand}", + "group": "branding", + "key": "{color.vault-secrets.brand}" + }, + "name": "token-color-vault-secrets-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand" + ] + }, + { + "key": "{color.vault-secrets.brand-alt}", + "group": "branding", + "$type": "color", + "$value": "#000000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "original": { + "group": "branding", + "$type": "color", + "$value": "#000", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work", + "key": "{color.vault-secrets.brand-alt}" + }, + "name": "token-color-vault-secrets-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "brand-alt" + ] + }, + { + "key": "{color.vault-secrets.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-500}", + "group": "branding", + "key": "{color.vault-secrets.foreground}" + }, + "name": "token-color-vault-secrets-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "foreground" + ] + }, + { + "key": "{color.vault-secrets.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.surface}" + }, + "name": "token-color-vault-secrets-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "surface" + ] + }, + { + "key": "{color.vault-secrets.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.border}" + }, + "name": "token-color-vault-secrets-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "border" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-100}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.start}" + }, + "name": "token-color-vault-secrets-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-200}", + "group": "branding", + "key": "{color.vault-secrets.gradient.primary.stop}" + }, + "name": "token-color-vault-secrets-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-secrets-50' value at 25% opacity on white", + "key": "{color.vault-secrets.gradient.faint.start}" + }, + "name": "token-color-vault-secrets-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault-secrets.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-secrets-50}", + "group": "branding", + "key": "{color.vault-secrets.gradient.faint.stop}" + }, + "name": "token-color-vault-secrets-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault-secrets", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.vault.brand}", + "$type": "color", + "$value": "#ffcf25", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-brand}", + "group": "branding", + "key": "{color.vault.brand}" + }, + "name": "token-color-vault-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand" + ] + }, + { + "key": "{color.vault.brand-alt}", + "$type": "color", + "$value": "#000000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "original": { + "$type": "color", + "$value": "#000", + "group": "branding", + "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work", + "key": "{color.vault.brand-alt}" + }, + "name": "token-color-vault-brand-alt", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "brand-alt" + ] + }, + { + "key": "{color.vault.foreground}", + "$type": "color", + "$value": "#9a6f00", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-500}", + "group": "branding", + "key": "{color.vault.foreground}" + }, + "name": "token-color-vault-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "foreground" + ] + }, + { + "key": "{color.vault.surface}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.surface}" + }, + "name": "token-color-vault-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "surface" + ] + }, + { + "key": "{color.vault.border}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.border}" + }, + "name": "token-color-vault-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "border" + ] + }, + { + "key": "{color.vault.gradient.primary.start}", + "$type": "color", + "$value": "#feec7b", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-100}", + "group": "branding", + "key": "{color.vault.gradient.primary.start}" + }, + "name": "token-color-vault-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.vault.gradient.primary.stop}", + "$type": "color", + "$value": "#ffe543", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-200}", + "group": "branding", + "key": "{color.vault.gradient.primary.stop}" + }, + "name": "token-color-vault-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.vault.gradient.faint.start}", + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#fffdf2", + "group": "branding", + "comment": "this is the 'vault-50' value at 25% opacity on white", + "key": "{color.vault.gradient.faint.start}" + }, + "name": "token-color-vault-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.vault.gradient.faint.stop}", + "$type": "color", + "$value": "#fff9cf", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.vault-50}", + "group": "branding", + "key": "{color.vault.gradient.faint.stop}" + }, + "name": "token-color-vault-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "vault", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{color.waypoint.brand}", + "$type": "color", + "$value": "#14c6cb", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-brand}", + "group": "branding", + "key": "{color.waypoint.brand}" + }, + "name": "token-color-waypoint-brand", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "brand" + ] + }, + { + "key": "{color.waypoint.foreground}", + "$type": "color", + "$value": "#008196", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-500}", + "group": "branding", + "key": "{color.waypoint.foreground}" + }, + "name": "token-color-waypoint-foreground", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "foreground" + ] + }, + { + "key": "{color.waypoint.surface}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.surface}" + }, + "name": "token-color-waypoint-surface", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "surface" + ] + }, + { + "key": "{color.waypoint.border}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.border}" + }, + "name": "token-color-waypoint-border", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "border" + ] + }, + { + "key": "{color.waypoint.gradient.primary.start}", + "$type": "color", + "$value": "#cbf1f3", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-100}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.start}" + }, + "name": "token-color-waypoint-gradient-primary-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.primary.stop}", + "$type": "color", + "$value": "#62d4dc", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-200}", + "group": "branding", + "key": "{color.waypoint.gradient.primary.stop}" + }, + "name": "token-color-waypoint-gradient-primary-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "primary", + "stop" + ] + }, + { + "key": "{color.waypoint.gradient.faint.start}", + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "original": { + "$type": "color", + "$value": "#f6feff", + "group": "branding", + "comment": "this is the 'waypoint-50' value at 25% opacity on white", + "key": "{color.waypoint.gradient.faint.start}" + }, + "name": "token-color-waypoint-gradient-faint-start", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "start" + ] + }, + { + "key": "{color.waypoint.gradient.faint.stop}", + "$type": "color", + "$value": "#e0fcff", + "group": "branding", + "original": { + "$type": "color", + "$value": "{color.palette.waypoint-50}", + "group": "branding", + "key": "{color.waypoint.gradient.faint.stop}" + }, + "name": "token-color-waypoint-gradient-faint-stop", + "attributes": { + "category": "color" + }, + "path": [ + "color", + "waypoint", + "gradient", + "faint", + "stop" + ] + }, + { + "key": "{elevation.inset.box-shadow}", + "$value": "inset 0px 1px 2px 1px #656a761a", + "original": { + "$value": "{elevation.inset.box-shadow-01}", + "key": "{elevation.inset.box-shadow}" + }, + "name": "token-elevation-inset-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "inset", + "box-shadow" + ] + }, + { + "key": "{elevation.low.box-shadow}", + "$value": "0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d", + "original": { + "$value": "{elevation.low.box-shadow-01}, {elevation.low.box-shadow-02}", + "key": "{elevation.low.box-shadow}" + }, + "name": "token-elevation-low-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "low", + "box-shadow" + ] + }, + { + "key": "{elevation.mid.box-shadow}", + "$value": "0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633", + "original": { + "$value": "{elevation.mid.box-shadow-01}, {elevation.mid.box-shadow-02}", + "key": "{elevation.mid.box-shadow}" + }, + "name": "token-elevation-mid-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "mid", + "box-shadow" + ] + }, + { + "key": "{elevation.high.box-shadow}", + "$value": "0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633", + "original": { + "$value": "{elevation.high.box-shadow-01}, {elevation.high.box-shadow-02}", + "key": "{elevation.high.box-shadow}" + }, + "name": "token-elevation-high-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "high", + "box-shadow" + ] + }, + { + "key": "{elevation.higher.box-shadow}", + "$value": "0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640", + "original": { + "$value": "{elevation.higher.box-shadow-01}, {elevation.higher.box-shadow-02}", + "key": "{elevation.higher.box-shadow}" + }, + "name": "token-elevation-higher-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "higher", + "box-shadow" + ] + }, + { + "key": "{elevation.overlay.box-shadow}", + "$value": "0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559", + "original": { + "$value": "{elevation.overlay.box-shadow-01}, {elevation.overlay.box-shadow-02}", + "key": "{elevation.overlay.box-shadow}" + }, + "name": "token-elevation-overlay-box-shadow", + "attributes": { + "category": "elevation" + }, + "path": [ + "elevation", + "overlay", + "box-shadow" + ] + }, + { + "key": "{surface.inset.box-shadow}", + "$value": "inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a", + "original": { + "$value": "{elevation.inset.box-shadow-border}, {elevation.inset.box-shadow}", + "key": "{surface.inset.box-shadow}" + }, + "name": "token-surface-inset-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "inset", + "box-shadow" + ] + }, + { + "key": "{surface.base.box-shadow}", + "$value": "0 0 0 1px #656a7633", + "original": { + "$value": "{elevation.base.box-shadow-border}", + "key": "{surface.base.box-shadow}" + }, + "name": "token-surface-base-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "base", + "box-shadow" + ] + }, + { + "key": "{surface.low.box-shadow}", + "$value": "0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d", + "original": { + "$value": "{elevation.low.box-shadow-border}, {elevation.low.box-shadow}", + "key": "{surface.low.box-shadow}" + }, + "name": "token-surface-low-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "low", + "box-shadow" + ] + }, + { + "key": "{surface.mid.box-shadow}", + "$value": "0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633", + "original": { + "$value": "{elevation.mid.box-shadow-border}, {elevation.mid.box-shadow}", + "key": "{surface.mid.box-shadow}" + }, + "name": "token-surface-mid-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "mid", + "box-shadow" + ] + }, + { + "key": "{surface.high.box-shadow}", + "$value": "0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633", + "original": { + "$value": "{elevation.high.box-shadow-border}, {elevation.high.box-shadow}", + "key": "{surface.high.box-shadow}" + }, + "name": "token-surface-high-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "high", + "box-shadow" + ] + }, + { + "key": "{surface.higher.box-shadow}", + "$value": "0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640", + "original": { + "$value": "{elevation.higher.box-shadow-border}, {elevation.higher.box-shadow}", + "key": "{surface.higher.box-shadow}" + }, + "name": "token-surface-higher-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "higher", + "box-shadow" + ] + }, + { + "key": "{surface.overlay.box-shadow}", + "$value": "0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559", + "original": { + "$value": "{elevation.overlay.box-shadow-border}, {elevation.overlay.box-shadow}", + "key": "{surface.overlay.box-shadow}" + }, + "name": "token-surface-overlay-box-shadow", + "attributes": { + "category": "surface" + }, + "path": [ + "surface", + "overlay", + "box-shadow" + ] + }, + { + "key": "{focus-ring.action.box-shadow}", + "$value": "inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff", + "original": { + "$value": "{focus-ring.action.internal-box-shadow}, {focus-ring.action.external-box-shadow}", + "key": "{focus-ring.action.box-shadow}" + }, + "name": "token-focus-ring-action-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "action", + "box-shadow" + ] + }, + { + "key": "{focus-ring.critical.box-shadow}", + "$value": "inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578", + "original": { + "$value": "{focus-ring.critical.internal-box-shadow}, {focus-ring.critical.external-box-shadow}", + "key": "{focus-ring.critical.box-shadow}" + }, + "name": "token-focus-ring-critical-box-shadow", + "attributes": { + "category": "focus-ring" + }, + "path": [ + "focus-ring", + "critical", + "box-shadow" + ] + }, + { + "key": "{app-header.height}", + "$type": "dimension", + "$value": "60px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "60", + "unit": "px", + "key": "{app-header.height}" + }, + "name": "token-app-header-height", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "height" + ] + }, + { + "key": "{app-header.home-link.size}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-header.home-link.size}" + }, + "name": "token-app-header-home-link-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "home-link", + "size" + ] + }, + { + "key": "{app-header.logo.size}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "key": "{app-header.logo.size}" + }, + "name": "token-app-header-logo-size", + "attributes": { + "category": "app-header" + }, + "path": [ + "app-header", + "logo", + "size" + ] + }, + { + "key": "{app-side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{app-side-nav.wrapper.border.width}" + }, + "name": "token-app-side-nav-wrapper-border-width", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{app-side-nav.wrapper.border.color}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-200)", + "group": "components", + "key": "{app-side-nav.wrapper.border.color}" + }, + "name": "token-app-side-nav-wrapper-border-color", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{app-side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{app-side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-app-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{app-side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.toggle-button.border.radius}" + }, + "name": "token-app-side-nav-toggle-button-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{app-side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.header.home-link.padding}" + }, + "name": "token-app-side-nav-header-home-link-padding", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size}" + }, + "name": "token-app-side-nav-header-home-link-logo-size", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{app-side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{app-side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-app-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{app-side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.header.actions.spacing}" + }, + "name": "token-app-side-nav-header-actions-spacing", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{app-side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{app-side-nav.body.list.margin-vertical}" + }, + "name": "token-app-side-nav-body-list-margin-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{app-side-nav.body.list-item.height}" + }, + "name": "token-app-side-nav-body-list-item-height", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-app-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{app-side-nav.body.list-item.padding.vertical}" + }, + "name": "token-app-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{app-side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-app-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{app-side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-app-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{app-side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{app-side-nav.body.list-item.border-radius}" + }, + "name": "token-app-side-nav-body-list-item-border-radius", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{app-side-nav.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.primary}" + }, + "name": "token-app-side-nav-color-foreground-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{app-side-nav.color.foreground.strong}", + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-primary)", + "group": "components", + "key": "{app-side-nav.color.foreground.strong}" + }, + "name": "token-app-side-nav-color-foreground-strong", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{app-side-nav.color.foreground.faint}", + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-faint)", + "group": "components", + "key": "{app-side-nav.color.foreground.faint}" + }, + "name": "token-app-side-nav-color-foreground-faint", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{app-side-nav.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-faint)", + "group": "components", + "key": "{app-side-nav.color.surface.primary}" + }, + "name": "token-app-side-nav-color-surface-primary", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-surface-interactive-hover)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-hover}" + }, + "name": "token-app-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{app-side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-300)", + "group": "semantic", + "key": "{app-side-nav.color.surface.interactive-active}" + }, + "name": "token-app-side-nav-color-surface-interactive-active", + "attributes": { + "category": "app-side-nav" + }, + "path": [ + "app-side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" + }, + "name": "token-badge-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "small" + ] + }, + { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + }, + { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#7b00db", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-400}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#a737ff", + "$modes": { + "default": "#a737ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.highlight}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#006619", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-400}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#008a22", + "$modes": { + "default": "#008a22", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.success}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#803d00", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#803d00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-400}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#bb5a00", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.warning}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#940004", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#940004", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#e52228", + "$modes": { + "default": "#e52228", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-200}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#656a76", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#656a76", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#ead2fe", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-100}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#a737ff", + "$modes": { + "default": "#a737ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-200}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#cceeda", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-100}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#008a22", + "$modes": { + "default": "#008a22", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-200}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#fbeabf", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-100}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#bb5a00", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-200}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#fbd4d4", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-100}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#e52228", + "$modes": { + "default": "#e52228", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-200}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "11px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "19px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "19", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "11px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{button.gap}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action-hover}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action-active}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "#8c909c", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#fff5f5", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#fff5f5", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "$modes": { + "default": "#5990ff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "$modes": { + "default": "#5990ff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#3b3d4566", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#3b3d4566", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.critical.internal}", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#dd7578", + "$modes": { + "default": "#dd7578", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.critical.external}", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#656a7633", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + { + "key": "{form.label.color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + { + "key": "{form.error.color}", + "$type": "color", + "$value": "#c00005", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "width" + ] + }, + { + "key": "{form.checkbox.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.checkbox.background-image.size}" + }, + "name": "token-form-checkbox-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "size" + ] + }, + { + "key": "{form.checkbox.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url}" + }, + "name": "token-form-checkbox-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dash' color is hardcoded here!", + "key": "{form.checkbox.background-image.data-url-indeterminate-disabled}" + }, + "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "background-image", + "data-url-indeterminate-disabled" + ] + }, + { + "key": "{form.control.base.foreground.value-color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.control.base.foreground.value-color}" + }, + "name": "token-form-control-base-foreground-value-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "value-color" + ] + }, + { + "key": "{form.control.base.foreground.placeholder-color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.control.base.foreground.placeholder-color}" + }, + "name": "token-form-control-base-foreground-placeholder-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "foreground", + "placeholder-color" + ] + }, + { + "key": "{form.control.base.surface-color.default}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive}", + "group": "components", + "key": "{form.control.base.surface-color.default}" + }, + "name": "token-form-control-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.base.surface-color.hover}", + "$type": "color", + "$value": "#f1f2f3", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-hover}", + "group": "components", + "key": "{form.control.base.surface-color.hover}" + }, + "name": "token-form-control-base-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.base.border-color.default}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-400}", + "group": "components", + "key": "{form.control.base.border-color.default}" + }, + "name": "token-form-control-base-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "default" + ] + }, + { + "key": "{form.control.base.border-color.hover}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "group": "components", + "key": "{form.control.base.border-color.hover}" + }, + "name": "token-form-control-base-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "base", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.checked.foreground-color}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "group": "components", + "key": "{form.control.checked.foreground-color}" + }, + "name": "token-form-control-checked-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "foreground-color" + ] + }, + { + "key": "{form.control.checked.surface-color.default}", + "$type": "color", + "$value": "#1060ff", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "group": "components", + "key": "{form.control.checked.surface-color.default}" + }, + "name": "token-form-control-checked-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "default" + ] + }, + { + "key": "{form.control.checked.surface-color.hover}", + "$type": "color", + "$value": "#0c56e9", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.surface-color.hover}" + }, + "name": "token-form-control-checked-surface-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "surface-color", + "hover" + ] + }, + { + "key": "{form.control.checked.border-color.default}", + "$type": "color", + "$value": "#0c56e9", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "group": "components", + "key": "{form.control.checked.border-color.default}" + }, + "name": "token-form-control-checked-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "default" + ] + }, + { + "key": "{form.control.checked.border-color.hover}", + "$type": "color", + "$value": "#0046d1", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "group": "components", + "key": "{form.control.checked.border-color.hover}" + }, + "name": "token-form-control-checked-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "checked", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.invalid.border-color.default}", + "$type": "color", + "$value": "#c00005", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.control.invalid.border-color.default}" + }, + "name": "token-form-control-invalid-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "default" + ] + }, + { + "key": "{form.control.invalid.border-color.hover}", + "$type": "color", + "$value": "#940004", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "group": "components", + "key": "{form.control.invalid.border-color.hover}" + }, + "name": "token-form-control-invalid-border-color-hover", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "invalid", + "border-color", + "hover" + ] + }, + { + "key": "{form.control.readonly.foreground-color}", + "$type": "color", + "$value": "#3b3d45", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "group": "components", + "key": "{form.control.readonly.foreground-color}" + }, + "name": "token-form-control-readonly-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "foreground-color" + ] + }, + { + "key": "{form.control.readonly.surface-color}", + "$type": "color", + "$value": "#f1f2f3", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "key": "{form.control.readonly.surface-color}" + }, + "name": "token-form-control-readonly-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "surface-color" + ] + }, + { + "key": "{form.control.readonly.border-color}", + "$type": "color", + "$value": "#656a761a", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.faint}", + "group": "components", + "key": "{form.control.readonly.border-color}" + }, + "name": "token-form-control-readonly-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "readonly", + "border-color" + ] + }, + { + "key": "{form.control.disabled.foreground-color}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "group": "components", + "key": "{form.control.disabled.foreground-color}" + }, + "name": "token-form-control-disabled-foreground-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "foreground-color" + ] + }, + { + "key": "{form.control.disabled.surface-color}", + "$type": "color", + "$value": "#fafafa", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.surface.interactive-disabled}", + "group": "components", + "key": "{form.control.disabled.surface-color}" + }, + "name": "token-form-control-disabled-surface-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "surface-color" + ] + }, + { + "key": "{form.control.disabled.border-color}", + "$type": "color", + "$value": "#656a7633", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "group": "components", + "key": "{form.control.disabled.border-color}" + }, + "name": "token-form-control-disabled-border-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "disabled", + "border-color" + ] + }, + { + "key": "{form.control.padding}", + "$type": "dimension", + "$value": "7px", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "original": { + "$type": "dimension", + "$value": "7", + "unit": "px", + "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.", + "key": "{form.control.padding}" + }, + "name": "token-form-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "padding" + ] + }, + { + "key": "{form.control.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{form.control.border.radius}" + }, + "name": "token-form-control-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "radius" + ] + }, + { + "key": "{form.control.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.control.border.width}" + }, + "name": "token-form-control-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "control", + "border", + "width" + ] + }, + { + "key": "{form.radio.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radio.size}" + }, + "name": "token-form-radio-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "size" + ] + }, + { + "key": "{form.radio.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radio.border.width}" + }, + "name": "token-form-radio-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "border", + "width" + ] + }, + { + "key": "{form.radio.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.radio.background-image.size}" + }, + "name": "token-form-radio-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "size" + ] + }, + { + "key": "{form.radio.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url}" + }, + "name": "token-form-radio-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url" + ] + }, + { + "key": "{form.radio.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'dot' color is hardcoded here!", + "key": "{form.radio.background-image.data-url-disabled}" + }, + "name": "token-form-radio-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radio", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.radiocard-group.gap}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.radiocard-group.gap}" + }, + "name": "token-form-radiocard-group-gap", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard-group", + "gap" + ] + }, + { + "key": "{form.radiocard.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.radiocard.border.width}" + }, + "name": "token-form-radiocard-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "width" + ] + }, + { + "key": "{form.radiocard.border.radius}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{form.radiocard.border.radius}" + }, + "name": "token-form-radiocard-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "radius" + ] + }, + { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, + { + "key": "{form.radiocard.content-padding}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{form.radiocard.content-padding}" + }, + "name": "token-form-radiocard-content-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "content-padding" + ] + }, + { + "key": "{form.radiocard.control-padding}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{form.radiocard.control-padding}" + }, + "name": "token-form-radiocard-control-padding", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "control-padding" + ] + }, + { + "key": "{form.radiocard.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.radiocard.transition.duration}" + }, + "name": "token-form-radiocard-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "transition", + "duration" + ] + }, + { + "key": "{form.select.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.select.background-image.size}" + }, + "name": "token-form-select-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "size" + ] + }, + { + "key": "{form.select.background-image.position-right-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.select.background-image.position-right-x}" + }, + "name": "token-form-select-background-image-position-right-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-right-x" + ] + }, + { + "key": "{form.select.background-image.position-top-y}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "key": "{form.select.background-image.position-top-y}" + }, + "name": "token-form-select-background-image-position-top-y", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "position-top-y" + ] + }, + { + "key": "{form.select.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url}" + }, + "name": "token-form-select-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url" + ] + }, + { + "key": "{form.select.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")", + "comment": "notice: the 'caret' color is hardcoded here!", + "key": "{form.select.background-image.data-url-disabled}" + }, + "name": "token-form-select-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "select", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.text-input.background-image.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.text-input.background-image.size}" + }, + "name": "token-form-text-input-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "size" + ] + }, + { + "key": "{form.text-input.background-image.position-x}", + "$type": "dimension", + "$value": "7px", + "original": { + "$type": "dimension", + "$value": "{form.control.padding}", + "key": "{form.text-input.background-image.position-x}" + }, + "name": "token-form-text-input-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "position-x" + ] + }, + { + "key": "{form.text-input.background-image.data-url-date}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-date}" + }, + "name": "token-form-text-input-background-image-data-url-date", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-date" + ] + }, + { + "key": "{form.text-input.background-image.data-url-time}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-time}" + }, + "name": "token-form-text-input-background-image-data-url-time", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-time" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search}" + }, + "name": "token-form-text-input-background-image-data-url-search", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-cancel}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")", + "comment": "notice: the icon color is hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-cancel}" + }, + "name": "token-form-text-input-background-image-data-url-search-cancel", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-cancel" + ] + }, + { + "key": "{form.text-input.background-image.data-url-search-loading}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")", + "comment": "notice: the icon color and animation are hardcoded here!", + "key": "{form.text-input.background-image.data-url-search-loading}" + }, + "name": "token-form-text-input-background-image-data-url-search-loading", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "text-input", + "background-image", + "data-url-search-loading" + ] + }, + { + "key": "{form.toggle.width}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{form.toggle.width}" + }, + "name": "token-form-toggle-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "width" + ] + }, + { + "key": "{form.toggle.height}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.toggle.height}" + }, + "name": "token-form-toggle-height", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "height" + ] + }, + { + "key": "{form.toggle.base.surface-color.default}", + "$type": "color", + "$value": "#f1f2f3", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "original": { + "$type": "color", + "$value": "{color.surface.strong}", + "group": "components", + "comment": "the toggle has a different base surface color, compared to the other controls", + "key": "{form.toggle.base.surface-color.default}" + }, + "name": "token-form-toggle-base-surface-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "base", + "surface-color", + "default" + ] + }, + { + "key": "{form.toggle.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.toggle.border.radius}" + }, + "name": "token-form-toggle-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "radius" + ] + }, + { + "key": "{form.toggle.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.toggle.border.width}" + }, + "name": "token-form-toggle-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "border", + "width" + ] + }, + { + "key": "{form.toggle.background-image.size}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{form.toggle.background-image.size}" + }, + "name": "token-form-toggle-background-image-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "size" + ] + }, + { + "key": "{form.toggle.background-image.position-x}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{form.toggle.background-image.position-x}" + }, + "name": "token-form-toggle-background-image-position-x", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "position-x" + ] + }, + { + "key": "{form.toggle.background-image.data-url}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url}" + }, + "name": "token-form-toggle-background-image-data-url", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url" + ] + }, + { + "key": "{form.toggle.background-image.data-url-disabled}", + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "original": { + "$value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")", + "comment": "notice: the 'tick' color is hardcoded here!", + "key": "{form.toggle.background-image.data-url-disabled}" + }, + "name": "token-form-toggle-background-image-data-url-disabled", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "background-image", + "data-url-disabled" + ] + }, + { + "key": "{form.toggle.transition.duration}", + "$type": "duration", + "$value": "0.2s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.2", + "unit": "s", + "key": "{form.toggle.transition.duration}" + }, + "name": "token-form-toggle-transition-duration", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "duration" + ] + }, + { + "key": "{form.toggle.transition.timing-function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.68, + -0.2, + 0.265, + 1.15 + ], + "key": "{form.toggle.transition.timing-function}" + }, + "name": "token-form-toggle-transition-timing-function", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "transition", + "timing-function" + ] + }, + { + "key": "{form.toggle.thumb-size}", + "$type": "dimension", + "$value": "16px", + "original": { + "$type": "dimension", + "$value": "{form.toggle.height}", + "key": "{form.toggle.thumb-size}" + }, + "name": "token-form-toggle-thumb-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "toggle", + "thumb-size" + ] + }, + { + "key": "{pagination.nav.control.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{pagination.nav.control.height}" + }, + "name": "token-pagination-nav-control-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "height" + ] + }, + { + "key": "{pagination.nav.control.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{pagination.nav.control.padding.horizontal}" + }, + "name": "token-pagination-nav-control-padding-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "padding", + "horizontal" + ] + }, + { + "key": "{pagination.nav.control.focus-inset}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{pagination.nav.control.focus-inset}" + }, + "name": "token-pagination-nav-control-focus-inset", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "focus-inset" + ] + }, + { + "key": "{pagination.nav.control.icon-spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.control.icon-spacing}" + }, + "name": "token-pagination-nav-control-icon-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "control", + "icon-spacing" + ] + }, + { + "key": "{pagination.nav.indicator.height}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{pagination.nav.indicator.height}" + }, + "name": "token-pagination-nav-indicator-height", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "height" + ] + }, + { + "key": "{pagination.nav.indicator.spacing}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{pagination.nav.indicator.spacing}" + }, + "name": "token-pagination-nav-indicator-spacing", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "nav", + "indicator", + "spacing" + ] + }, + { + "key": "{pagination.child.spacing.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{pagination.child.spacing.vertical}" + }, + "name": "token-pagination-child-spacing-vertical", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "vertical" + ] + }, + { + "key": "{pagination.child.spacing.horizontal}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{pagination.child.spacing.horizontal}" + }, + "name": "token-pagination-child-spacing-horizontal", + "attributes": { + "category": "pagination" + }, + "path": [ + "pagination", + "child", + "spacing", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{side-nav.wrapper.border.width}" + }, + "name": "token-side-nav-wrapper-border-width", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "width" + ] + }, + { + "key": "{side-nav.wrapper.border.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "components", + "key": "{side-nav.wrapper.border.color}" + }, + "name": "token-side-nav-wrapper-border-color", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "border", + "color" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal}" + }, + "name": "token-side-nav-wrapper-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical}" + }, + "name": "token-side-nav-wrapper-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.wrapper.padding.horizontal-minimized}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.wrapper.padding.horizontal-minimized}" + }, + "name": "token-side-nav-wrapper-padding-horizontal-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "horizontal-minimized" + ] + }, + { + "key": "{side-nav.wrapper.padding.vertical-minimized}", + "$type": "dimension", + "$value": "22px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "22", + "unit": "px", + "key": "{side-nav.wrapper.padding.vertical-minimized}" + }, + "name": "token-side-nav-wrapper-padding-vertical-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "wrapper", + "padding", + "vertical-minimized" + ] + }, + { + "key": "{side-nav.toggle-button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.toggle-button.border.radius}" + }, + "name": "token-side-nav-toggle-button-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "toggle-button", + "border", + "radius" + ] + }, + { + "key": "{side-nav.header.home-link.padding}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.header.home-link.padding}" + }, + "name": "token-side-nav-header-home-link-padding", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "padding" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size}" + }, + "name": "token-side-nav-header-home-link-logo-size", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size" + ] + }, + { + "key": "{side-nav.header.home-link.logo-size-minimized}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{side-nav.header.home-link.logo-size-minimized}" + }, + "name": "token-side-nav-header-home-link-logo-size-minimized", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "home-link", + "logo-size-minimized" + ] + }, + { + "key": "{side-nav.header.actions.spacing}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.header.actions.spacing}" + }, + "name": "token-side-nav-header-actions-spacing", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "header", + "actions", + "spacing" + ] + }, + { + "key": "{side-nav.body.list.margin-vertical}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{side-nav.body.list.margin-vertical}" + }, + "name": "token-side-nav-body-list-margin-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list", + "margin-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.height}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{side-nav.body.list-item.height}" + }, + "name": "token-side-nav-body-list-item-height", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "height" + ] + }, + { + "key": "{side-nav.body.list-item.padding.horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.padding.horizontal}" + }, + "name": "token-side-nav-body-list-item-padding-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.padding.vertical}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{side-nav.body.list-item.padding.vertical}" + }, + "name": "token-side-nav-body-list-item-padding-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "padding", + "vertical" + ] + }, + { + "key": "{side-nav.body.list-item.spacing-vertical}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{side-nav.body.list-item.spacing-vertical}" + }, + "name": "token-side-nav-body-list-item-spacing-vertical", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "spacing-vertical" + ] + }, + { + "key": "{side-nav.body.list-item.content-spacing-horizontal}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{side-nav.body.list-item.content-spacing-horizontal}" + }, + "name": "token-side-nav-body-list-item-content-spacing-horizontal", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "content-spacing-horizontal" + ] + }, + { + "key": "{side-nav.body.list-item.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{side-nav.body.list-item.border-radius}" + }, + "name": "token-side-nav-body-list-item-border-radius", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "body", + "list-item", + "border-radius" + ] + }, + { + "key": "{side-nav.color.foreground.primary}", + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "original": { + "$type": "color", + "$value": "#dedfe3", + "group": "components", + "key": "{side-nav.color.foreground.primary}" + }, + "name": "token-side-nav-color-foreground-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{side-nav.color.foreground.strong}", + "$type": "color", + "$value": "#ffffff", + "group": "components", + "original": { + "$type": "color", + "$value": "#fff", + "group": "components", + "key": "{side-nav.color.foreground.strong}" + }, + "name": "token-side-nav-color-foreground-strong", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "strong" + ] + }, + { + "key": "{side-nav.color.foreground.faint}", + "$type": "color", + "$value": "#8c909c", + "group": "components", + "original": { + "$type": "color", + "$value": "#8c909c", + "group": "components", + "key": "{side-nav.color.foreground.faint}" + }, + "name": "token-side-nav-color-foreground-faint", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "foreground", + "faint" + ] + }, + { + "key": "{side-nav.color.surface.primary}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "key": "{side-nav.color.surface.primary}" + }, + "name": "token-side-nav-color-surface-primary", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "primary" + ] + }, + { + "key": "{side-nav.color.surface.interactive-hover}", + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#3b3d45", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-hover}" + }, + "name": "token-side-nav-color-surface-interactive-hover", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-hover" + ] + }, + { + "key": "{side-nav.color.surface.interactive-active}", + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "original": { + "$type": "color", + "$value": "#656a76", + "group": "semantic", + "key": "{side-nav.color.surface.interactive-active}" + }, + "name": "token-side-nav-color-surface-interactive-active", + "attributes": { + "category": "side-nav" + }, + "path": [ + "side-nav", + "color", + "surface", + "interactive-active" + ] + }, + { + "key": "{tabs.tab.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "key": "{tabs.tab.height.medium}" + }, + "name": "token-tabs-tab-height-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "medium" + ] + }, + { + "key": "{tabs.tab.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "key": "{tabs.tab.height.large}" + }, + "name": "token-tabs-tab-height-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "height", + "large" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.medium}" + }, + "name": "token-tabs-tab-padding-horizontal-medium", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{tabs.tab.padding.horizontal.large}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{tabs.tab.padding.horizontal.large}" + }, + "name": "token-tabs-tab-padding-horizontal-large", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{tabs.tab.padding.vertical}", + "$type": "dimension", + "$value": "0px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "0", + "unit": "px", + "key": "{tabs.tab.padding.vertical}" + }, + "name": "token-tabs-tab-padding-vertical", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "padding", + "vertical" + ] + }, + { + "key": "{tabs.tab.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tabs.tab.border-radius}" + }, + "name": "token-tabs-tab-border-radius", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "border-radius" + ] + }, + { + "key": "{tabs.tab.focus-inset}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.focus-inset}" + }, + "name": "token-tabs-tab-focus-inset", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "focus-inset" + ] + }, + { + "key": "{tabs.tab.gutter}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "key": "{tabs.tab.gutter}" + }, + "name": "token-tabs-tab-gutter", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "tab", + "gutter" + ] + }, + { + "key": "{tabs.indicator.height}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{tabs.indicator.height}" + }, + "name": "token-tabs-indicator-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "height" + ] + }, + { + "key": "{tabs.indicator.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.5, 1, 0.89, 1)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.5, + 1, + 0.89, + 1 + ], + "key": "{tabs.indicator.transition.function}" + }, + "name": "token-tabs-indicator-transition-function", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "function" + ] + }, + { + "key": "{tabs.indicator.transition.duration}", + "$type": "duration", + "$value": "0.6s", + "unit": "s", + "original": { + "$type": "duration", + "$value": "0.6", + "unit": "s", + "key": "{tabs.indicator.transition.duration}" + }, + "name": "token-tabs-indicator-transition-duration", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "indicator", + "transition", + "duration" + ] + }, + { + "key": "{tabs.divider.height}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{tabs.divider.height}" + }, + "name": "token-tabs-divider-height", + "attributes": { + "category": "tabs" + }, + "path": [ + "tabs", + "divider", + "height" + ] + }, + { + "key": "{tooltip.border-radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "5", + "unit": "px", + "key": "{tooltip.border-radius}" + }, + "name": "token-tooltip-border-radius", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "border-radius" + ] + }, + { + "key": "{tooltip.color.foreground.primary}", + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-foreground-high-contrast)", + "group": "components", + "key": "{tooltip.color.foreground.primary}" + }, + "name": "token-tooltip-color-foreground-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "foreground", + "primary" + ] + }, + { + "key": "{tooltip.color.surface.primary}", + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "original": { + "$type": "color", + "$value": "var(--token-color-palette-neutral-700)", + "group": "components", + "key": "{tooltip.color.surface.primary}" + }, + "name": "token-tooltip-color-surface-primary", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "color", + "surface", + "primary" + ] + }, + { + "key": "{tooltip.focus-offset}", + "$type": "dimension", + "$value": "-2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "-2", + "unit": "px", + "key": "{tooltip.focus-offset}" + }, + "name": "token-tooltip-focus-offset", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "focus-offset" + ] + }, + { + "key": "{tooltip.max-width}", + "$type": "dimension", + "$value": "280px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "280", + "unit": "px", + "key": "{tooltip.max-width}" + }, + "name": "token-tooltip-max-width", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "max-width" + ] + }, + { + "key": "{tooltip.padding.horizontal}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{tooltip.padding.horizontal}" + }, + "name": "token-tooltip-padding-horizontal", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "horizontal" + ] + }, + { + "key": "{tooltip.padding.vertical}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "key": "{tooltip.padding.vertical}" + }, + "name": "token-tooltip-padding-vertical", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "padding", + "vertical" + ] + }, + { + "key": "{tooltip.transition.function}", + "$type": "cubicBezier", + "$value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)", + "original": { + "$type": "cubicBezier", + "$value": [ + 0.54, + 1.5, + 0.38, + 1.11 + ], + "key": "{tooltip.transition.function}" + }, + "name": "token-tooltip-transition-function", + "attributes": { + "category": "tooltip" + }, + "path": [ + "tooltip", + "transition", + "function" + ] + }, + { + "key": "{typography.font-stack.display}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.sans.display.combined}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.display}" + }, + "name": "token-typography-font-stack-display", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "display" + ] + }, + { + "key": "{typography.font-stack.text}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.sans.text.combined}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.font-stack.text}" + }, + "name": "token-typography-font-stack-text", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "text" + ] + }, + { + "key": "{typography.font-stack.code}", + "$type": "font-family", + "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.monospace.code.combined}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.font-stack.code}" + }, + "name": "token-typography-font-stack-code", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-stack", + "code" + ] + }, + { + "key": "{typography.font-weight.regular}", + "$type": "font-weight", + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.regular}" + }, + "name": "token-typography-font-weight-regular", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "regular" + ] + }, + { + "key": "{typography.font-weight.medium}", + "$type": "font-weight", + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, + "original": { + "$type": "font-weight", + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, + "key": "{typography.font-weight.medium}" + }, + "name": "token-typography-font-weight-medium", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "medium" + ] + }, + { + "key": "{typography.font-weight.semibold}", + "$type": "font-weight", + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.semibold}" + }, + "name": "token-typography-font-weight-semibold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "semibold" + ] + }, + { + "key": "{typography.font-weight.bold}", + "$type": "font-weight", + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, + "original": { + "$type": "font-weight", + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, + "key": "{typography.font-weight.bold}" + }, + "name": "token-typography-font-weight-bold", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "font-weight", + "bold" + ] + }, + { + "key": "{typography.display-500.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-500.font-family}" + }, + "name": "token-typography-display-500-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-family" + ] + }, + { + "key": "{typography.display-500.font-size}", + "$type": "font-size", + "$value": "1.875rem", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, + "original": { + "$type": "font-size", + "$value": "30", + "unit": "px", + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, + "key": "{typography.display-500.font-size}" + }, + "name": "token-typography-display-500-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "font-size" + ] + }, + { + "key": "{typography.display-500.line-height}", + "$type": "number", + "$value": 1.2666, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, + "original": { + "$type": "number", + "$value": 1.2666, + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, + "key": "{typography.display-500.line-height}" + }, + "name": "token-typography-display-500-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "line-height" + ] + }, + { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "-0.5px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, + { + "key": "{typography.display-400.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-400.font-family}" + }, + "name": "token-typography-display-400-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-family" + ] + }, + { + "key": "{typography.display-400.font-size}", + "$type": "font-size", + "$value": "1.5rem", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, + "original": { + "$type": "font-size", + "$value": "24", + "unit": "px", + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, + "key": "{typography.display-400.font-size}" + }, + "name": "token-typography-display-400-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "font-size" + ] + }, + { + "key": "{typography.display-400.line-height}", + "$type": "number", + "$value": 1.3333, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": 1.3333, + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, + "key": "{typography.display-400.line-height}" + }, + "name": "token-typography-display-400-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "line-height" + ] + }, + { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, + { + "key": "{typography.display-300.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-300.font-family}" + }, + "name": "token-typography-display-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-family" + ] + }, + { + "key": "{typography.display-300.font-size}", + "$type": "font-size", + "$value": "1.125rem", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, + "original": { + "$type": "font-size", + "$value": "18", + "unit": "px", + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, + "key": "{typography.display-300.font-size}" + }, + "name": "token-typography-display-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "font-size" + ] + }, + { + "key": "{typography.display-300.line-height}", + "$type": "number", + "$value": 1.3333, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, + "original": { + "$type": "number", + "$value": 1.3333, + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, + "key": "{typography.display-300.line-height}" + }, + "name": "token-typography-display-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "line-height" + ] + }, + { + "key": "{typography.display-300.letter-spacing}", + "$type": "letter-spacing", + "$value": "-0.5px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, + "key": "{typography.display-300.letter-spacing}" + }, + "name": "token-typography-display-300-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-300", + "letter-spacing" + ] + }, + { + "key": "{typography.display-200.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-200.font-family}" + }, + "name": "token-typography-display-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-family" + ] + }, + { + "key": "{typography.display-200.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, + "key": "{typography.display-200.font-size}" + }, + "name": "token-typography-display-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "font-size" + ] + }, + { + "key": "{typography.display-200.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, + "key": "{typography.display-200.line-height}" + }, + "name": "token-typography-display-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "line-height" + ] + }, + { + "key": "{typography.display-200.letter-spacing}", + "$type": "letter-spacing", + "$value": "-0.5px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, + "key": "{typography.display-200.letter-spacing}" + }, + "name": "token-typography-display-200-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-200", + "letter-spacing" + ] + }, + { + "key": "{typography.display-100.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.display-100.font-family}" + }, + "name": "token-typography-display-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-family" + ] + }, + { + "key": "{typography.display-100.font-size}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, + "key": "{typography.display-100.font-size}" + }, + "name": "token-typography-display-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "font-size" + ] + }, + { + "key": "{typography.display-100.line-height}", + "$type": "number", + "$value": 1.3846, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": 1.3846, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, + "key": "{typography.display-100.line-height}" + }, + "name": "token-typography-display-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "line-height" + ] + }, + { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, + { + "key": "{typography.body-300.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-300.font-family}" + }, + "name": "token-typography-body-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-family" + ] + }, + { + "key": "{typography.body-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, + "key": "{typography.body-300.font-size}" + }, + "name": "token-typography-body-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "font-size" + ] + }, + { + "key": "{typography.body-300.line-height}", + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, + "key": "{typography.body-300.line-height}" + }, + "name": "token-typography-body-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-300", + "line-height" + ] + }, + { + "key": "{typography.body-200.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-200.font-family}" + }, + "name": "token-typography-body-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-family" + ] + }, + { + "key": "{typography.body-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, + "key": "{typography.body-200.font-size}" + }, + "name": "token-typography-body-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "font-size" + ] + }, + { + "key": "{typography.body-200.line-height}", + "$type": "number", + "$value": 1.4286, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": 1.4286, + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, + "key": "{typography.body-200.line-height}" + }, + "name": "token-typography-body-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-200", + "line-height" + ] + }, + { + "key": "{typography.body-100.font-family}", + "$type": "font-family", + "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, + "key": "{typography.body-100.font-family}" + }, + "name": "token-typography-body-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-family" + ] + }, + { + "key": "{typography.body-100.font-size}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, + "key": "{typography.body-100.font-size}" + }, + "name": "token-typography-body-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "font-size" + ] + }, + { + "key": "{typography.body-100.line-height}", + "$type": "number", + "$value": 1.3846, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, + "original": { + "$type": "number", + "$value": 1.3846, + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, + "key": "{typography.body-100.line-height}" + }, + "name": "token-typography-body-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "body-100", + "line-height" + ] + }, + { + "key": "{typography.code-300.font-family}", + "$type": "font-family", + "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" + }, + "name": "token-typography-code-300-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-family" + ] + }, + { + "key": "{typography.code-300.font-size}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" + }, + "name": "token-typography-code-300-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "font-size" + ] + }, + { + "key": "{typography.code-300.line-height}", + "$type": "number", + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" + }, + "name": "token-typography-code-300-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-300", + "line-height" + ] + }, + { + "key": "{typography.code-200.font-family}", + "$type": "font-family", + "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-200.font-family}" + }, + "name": "token-typography-code-200-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-family" + ] + }, + { + "key": "{typography.code-200.font-size}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-200.font-size}" + }, + "name": "token-typography-code-200-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "font-size" + ] + }, + { + "key": "{typography.code-200.line-height}", + "$type": "number", + "$value": 1.125, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, + "original": { + "$type": "number", + "$value": 1.125, + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-200.line-height}" + }, + "name": "token-typography-code-200-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-200", + "line-height" + ] + }, + { + "key": "{typography.code-100.font-family}", + "$type": "font-family", + "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, + "original": { + "$type": "font-family", + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" + }, + "name": "token-typography-code-100-font-family", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-family" + ] + }, + { + "key": "{typography.code-100.font-size}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" + }, + "name": "token-typography-code-100-font-size", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "font-size" + ] + }, + { + "key": "{typography.code-100.line-height}", + "$type": "number", + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, + "original": { + "$type": "number", + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" + }, + "name": "token-typography-code-100-line-height", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "code-100", + "line-height" + ] + } +] \ No newline at end of file diff --git a/packages/tokens/dist/docs/products/tokens.json b/packages/tokens/dist/docs/products/tokens.json index 42700c3efb9..66083335c8c 100644 --- a/packages/tokens/dist/docs/products/tokens.json +++ b/packages/tokens/dist/docs/products/tokens.json @@ -4,10 +4,24 @@ "$type": "dimension", "$value": "3px", "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "original": { "$type": "dimension", "$value": "3", "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{border.radius.x-small}" }, "name": "token-border-radius-x-small", @@ -25,10 +39,24 @@ "$type": "dimension", "$value": "5px", "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "original": { "$type": "dimension", "$value": "5", "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{border.radius.small}" }, "name": "token-border-radius-small", @@ -46,10 +74,24 @@ "$type": "dimension", "$value": "6px", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "original": { "$type": "dimension", "$value": "6", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{border.radius.medium}" }, "name": "token-border-radius-medium", @@ -67,10 +109,24 @@ "$type": "dimension", "$value": "8px", "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "original": { "$type": "dimension", "$value": "8", "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{border.radius.large}" }, "name": "token-border-radius-large", @@ -88,10 +144,24 @@ "$type": "color", "$value": "#1c345f", "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, "original": { "$type": "color", "$value": "#1c345f", "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, "key": "{color.palette.blue-500}" }, "name": "token-color-palette-blue-500", @@ -109,10 +179,24 @@ "$type": "color", "$value": "#0046d1", "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, "original": { "$type": "color", "$value": "#0046d1", "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, "key": "{color.palette.blue-400}" }, "name": "token-color-palette-blue-400", @@ -130,10 +214,24 @@ "$type": "color", "$value": "#0c56e9", "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, "original": { "$type": "color", "$value": "#0c56e9", "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, "key": "{color.palette.blue-300}" }, "name": "token-color-palette-blue-300", @@ -151,10 +249,24 @@ "$type": "color", "$value": "#1060ff", "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, "original": { "$type": "color", "$value": "#1060ff", "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, "key": "{color.palette.blue-200}" }, "name": "token-color-palette-blue-200", @@ -172,10 +284,24 @@ "$type": "color", "$value": "#cce3fe", "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, "original": { "$type": "color", "$value": "#cce3fe", "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, "key": "{color.palette.blue-100}" }, "name": "token-color-palette-blue-100", @@ -193,10 +319,24 @@ "$type": "color", "$value": "#f2f8ff", "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, "original": { "$type": "color", "$value": "#f2f8ff", "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, "key": "{color.palette.blue-50}" }, "name": "token-color-palette-blue-50", @@ -214,10 +354,24 @@ "$type": "color", "$value": "#42215b", "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, "original": { "$type": "color", "$value": "#42215b", "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, "key": "{color.palette.purple-500}" }, "name": "token-color-palette-purple-500", @@ -235,10 +389,24 @@ "$type": "color", "$value": "#7b00db", "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, "original": { "$type": "color", "$value": "#7b00db", "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, "key": "{color.palette.purple-400}" }, "name": "token-color-palette-purple-400", @@ -256,10 +424,24 @@ "$type": "color", "$value": "#911ced", "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, "original": { "$type": "color", "$value": "#911ced", "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, "key": "{color.palette.purple-300}" }, "name": "token-color-palette-purple-300", @@ -277,10 +459,24 @@ "$type": "color", "$value": "#a737ff", "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, "original": { "$type": "color", "$value": "#a737ff", "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, "key": "{color.palette.purple-200}" }, "name": "token-color-palette-purple-200", @@ -298,10 +494,24 @@ "$type": "color", "$value": "#ead2fe", "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, "original": { "$type": "color", "$value": "#ead2fe", "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, "key": "{color.palette.purple-100}" }, "name": "token-color-palette-purple-100", @@ -319,10 +529,24 @@ "$type": "color", "$value": "#f9f2ff", "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, "original": { "$type": "color", "$value": "#f9f2ff", "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, "key": "{color.palette.purple-50}" }, "name": "token-color-palette-purple-50", @@ -340,10 +564,24 @@ "$type": "color", "$value": "#054220", "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, "original": { "$type": "color", "$value": "#054220", "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, "key": "{color.palette.green-500}" }, "name": "token-color-palette-green-500", @@ -361,10 +599,24 @@ "$type": "color", "$value": "#006619", "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, "original": { "$type": "color", "$value": "#006619", "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, "key": "{color.palette.green-400}" }, "name": "token-color-palette-green-400", @@ -382,10 +634,24 @@ "$type": "color", "$value": "#00781e", "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, "original": { "$type": "color", "$value": "#00781e", "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, "key": "{color.palette.green-300}" }, "name": "token-color-palette-green-300", @@ -403,10 +669,24 @@ "$type": "color", "$value": "#008a22", "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, "original": { "$type": "color", "$value": "#008a22", "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, "key": "{color.palette.green-200}" }, "name": "token-color-palette-green-200", @@ -424,10 +704,24 @@ "$type": "color", "$value": "#cceeda", "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, "original": { "$type": "color", "$value": "#cceeda", "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, "key": "{color.palette.green-100}" }, "name": "token-color-palette-green-100", @@ -445,10 +739,24 @@ "$type": "color", "$value": "#f2fbf6", "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, "original": { "$type": "color", "$value": "#f2fbf6", "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, "key": "{color.palette.green-50}" }, "name": "token-color-palette-green-50", @@ -466,10 +774,24 @@ "$type": "color", "$value": "#542800", "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, "original": { "$type": "color", "$value": "#542800", "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, "key": "{color.palette.amber-500}" }, "name": "token-color-palette-amber-500", @@ -487,10 +809,24 @@ "$type": "color", "$value": "#803d00", "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, "original": { "$type": "color", "$value": "#803d00", "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, "key": "{color.palette.amber-400}" }, "name": "token-color-palette-amber-400", @@ -508,10 +844,24 @@ "$type": "color", "$value": "#9e4b00", "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, "original": { "$type": "color", "$value": "#9e4b00", "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, "key": "{color.palette.amber-300}" }, "name": "token-color-palette-amber-300", @@ -529,10 +879,24 @@ "$type": "color", "$value": "#bb5a00", "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, "original": { "$type": "color", "$value": "#bb5a00", "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, "key": "{color.palette.amber-200}" }, "name": "token-color-palette-amber-200", @@ -550,10 +914,24 @@ "$type": "color", "$value": "#fbeabf", "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, "original": { "$type": "color", "$value": "#fbeabf", "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, "key": "{color.palette.amber-100}" }, "name": "token-color-palette-amber-100", @@ -571,10 +949,24 @@ "$type": "color", "$value": "#fff9e8", "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, "original": { "$type": "color", "$value": "#fff9e8", "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, "key": "{color.palette.amber-50}" }, "name": "token-color-palette-amber-50", @@ -592,10 +984,24 @@ "$type": "color", "$value": "#51130a", "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, "original": { "$type": "color", "$value": "#51130a", "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, "key": "{color.palette.red-500}" }, "name": "token-color-palette-red-500", @@ -613,10 +1019,24 @@ "$type": "color", "$value": "#940004", "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, "original": { "$type": "color", "$value": "#940004", "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, "key": "{color.palette.red-400}" }, "name": "token-color-palette-red-400", @@ -634,10 +1054,24 @@ "$type": "color", "$value": "#c00005", "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, "original": { "$type": "color", "$value": "#c00005", "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, "key": "{color.palette.red-300}" }, "name": "token-color-palette-red-300", @@ -655,10 +1089,24 @@ "$type": "color", "$value": "#e52228", "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, "original": { "$type": "color", "$value": "#e52228", "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, "key": "{color.palette.red-200}" }, "name": "token-color-palette-red-200", @@ -676,10 +1124,24 @@ "$type": "color", "$value": "#fbd4d4", "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, "original": { "$type": "color", "$value": "#fbd4d4", "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, "key": "{color.palette.red-100}" }, "name": "token-color-palette-red-100", @@ -697,10 +1159,24 @@ "$type": "color", "$value": "#fff5f5", "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, "original": { "$type": "color", "$value": "#fff5f5", "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, "key": "{color.palette.red-50}" }, "name": "token-color-palette-red-50", @@ -718,10 +1194,24 @@ "$type": "color", "$value": "#0c0c0e", "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, "original": { "$type": "color", "$value": "#0c0c0e", "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, "key": "{color.palette.neutral-700}" }, "name": "token-color-palette-neutral-700", @@ -739,10 +1229,24 @@ "$type": "color", "$value": "#3b3d45", "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, "original": { "$type": "color", "$value": "#3b3d45", "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, "key": "{color.palette.neutral-600}" }, "name": "token-color-palette-neutral-600", @@ -760,10 +1264,24 @@ "$type": "color", "$value": "#656a76", "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, "original": { "$type": "color", "$value": "#656a76", "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, "key": "{color.palette.neutral-500}" }, "name": "token-color-palette-neutral-500", @@ -781,10 +1299,24 @@ "$type": "color", "$value": "#8c909c", "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, "original": { "$type": "color", "$value": "#8c909c", "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, "key": "{color.palette.neutral-400}" }, "name": "token-color-palette-neutral-400", @@ -802,10 +1334,24 @@ "$type": "color", "$value": "#c2c5cb", "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, "original": { "$type": "color", "$value": "#c2c5cb", "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, "key": "{color.palette.neutral-300}" }, "name": "token-color-palette-neutral-300", @@ -823,10 +1369,24 @@ "$type": "color", "$value": "#dedfe3", "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, "original": { "$type": "color", "$value": "#dedfe3", "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, "key": "{color.palette.neutral-200}" }, "name": "token-color-palette-neutral-200", @@ -844,10 +1404,24 @@ "$type": "color", "$value": "#f1f2f3", "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, "original": { "$type": "color", "$value": "#f1f2f3", "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, "key": "{color.palette.neutral-100}" }, "name": "token-color-palette-neutral-100", @@ -865,10 +1439,24 @@ "$type": "color", "$value": "#fafafa", "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, "original": { "$type": "color", "$value": "#fafafa", "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, "key": "{color.palette.neutral-50}" }, "name": "token-color-palette-neutral-50", @@ -886,10 +1474,24 @@ "$type": "color", "$value": "#ffffff", "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, "original": { "$type": "color", "$value": "#ffffff", "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, "key": "{color.palette.neutral-0}" }, "name": "token-color-palette-neutral-0", @@ -976,10 +1578,24 @@ "$type": "color", "$value": "#656a7633", "group": "semantic", + "$modes": { + "default": "#656a7633", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, "original": { "$type": "color", "$value": "{color.palette.alpha-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, "key": "{color.border.primary}" }, "name": "token-color-border-primary", @@ -997,10 +1613,24 @@ "$type": "color", "$value": "#656a761a", "group": "semantic", + "$modes": { + "default": "#656a761a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, "original": { "$type": "color", "$value": "{color.palette.alpha-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, "key": "{color.border.faint}" }, "name": "token-color-border-faint", @@ -1018,10 +1648,24 @@ "$type": "color", "$value": "#3b3d4566", "group": "semantic", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, "original": { "$type": "color", "$value": "{color.palette.alpha-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, "key": "{color.border.strong}" }, "name": "token-color-border-strong", @@ -1039,10 +1683,24 @@ "$type": "color", "$value": "#cce3fe", "group": "semantic", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, "original": { "$type": "color", "$value": "{color.palette.blue-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, "key": "{color.border.action}" }, "name": "token-color-border-action", @@ -1060,10 +1718,24 @@ "$type": "color", "$value": "#ead2fe", "group": "semantic", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, "original": { "$type": "color", "$value": "{color.palette.purple-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, "key": "{color.border.highlight}" }, "name": "token-color-border-highlight", @@ -1081,10 +1753,24 @@ "$type": "color", "$value": "#cceeda", "group": "semantic", + "$modes": { + "default": "#cceeda", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, "original": { "$type": "color", "$value": "{color.palette.green-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, "key": "{color.border.success}" }, "name": "token-color-border-success", @@ -1102,10 +1788,24 @@ "$type": "color", "$value": "#fbeabf", "group": "semantic", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, "original": { "$type": "color", "$value": "{color.palette.amber-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, "key": "{color.border.warning}" }, "name": "token-color-border-warning", @@ -1123,10 +1823,24 @@ "$type": "color", "$value": "#fbd4d4", "group": "semantic", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, "original": { "$type": "color", "$value": "{color.palette.red-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, "key": "{color.border.critical}" }, "name": "token-color-border-critical", @@ -1144,10 +1858,24 @@ "$type": "color", "$value": "#0c56e9", "group": "semantic", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, "original": { "$type": "color", "$value": "{color.palette.blue-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, "key": "{color.focus.action.internal}" }, "name": "token-color-focus-action-internal", @@ -1167,11 +1895,25 @@ "$value": "#5990ff", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, "original": { "$type": "color", "$value": "#5990ff", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, "key": "{color.focus.action.external}" }, "name": "token-color-focus-action-external", @@ -1190,10 +1932,24 @@ "$type": "color", "$value": "#c00005", "group": "semantic", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, "original": { "$type": "color", "$value": "{color.palette.red-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, "key": "{color.focus.critical.internal}" }, "name": "token-color-focus-critical-internal", @@ -1213,11 +1969,25 @@ "$value": "#dd7578", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, "original": { "$type": "color", "$value": "#dd7578", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, "key": "{color.focus.critical.external}" }, "name": "token-color-focus-critical-external", @@ -1236,10 +2006,24 @@ "$type": "color", "$value": "#0c0c0e", "group": "semantic", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-700}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, "key": "{color.foreground.strong}" }, "name": "token-color-foreground-strong", @@ -1257,10 +2041,24 @@ "$type": "color", "$value": "#3b3d45", "group": "semantic", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-600}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, "key": "{color.foreground.primary}" }, "name": "token-color-foreground-primary", @@ -1278,10 +2076,24 @@ "$type": "color", "$value": "#656a76", "group": "semantic", + "$modes": { + "default": "#656a76", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, "key": "{color.foreground.faint}" }, "name": "token-color-foreground-faint", @@ -1299,10 +2111,24 @@ "$type": "color", "$value": "#ffffff", "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, "key": "{color.foreground.high-contrast}" }, "name": "token-color-foreground-high-contrast", @@ -1320,10 +2146,24 @@ "$type": "color", "$value": "#8c909c", "group": "semantic", + "$modes": { + "default": "#8c909c", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-400}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, "key": "{color.foreground.disabled}" }, "name": "token-color-foreground-disabled", @@ -1341,10 +2181,24 @@ "$type": "color", "$value": "#1060ff", "group": "semantic", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, "original": { "$type": "color", "$value": "{color.palette.blue-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, "key": "{color.foreground.action}" }, "name": "token-color-foreground-action", @@ -1362,10 +2216,24 @@ "$type": "color", "$value": "#0c56e9", "group": "semantic", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, "original": { "$type": "color", "$value": "{color.palette.blue-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, "key": "{color.foreground.action-hover}" }, "name": "token-color-foreground-action-hover", @@ -1383,10 +2251,24 @@ "$type": "color", "$value": "#0046d1", "group": "semantic", + "$modes": { + "default": "#0046d1", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, "original": { "$type": "color", "$value": "{color.palette.blue-400}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, "key": "{color.foreground.action-active}" }, "name": "token-color-foreground-action-active", @@ -1404,10 +2286,24 @@ "$type": "color", "$value": "#a737ff", "group": "semantic", + "$modes": { + "default": "#a737ff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, "original": { "$type": "color", "$value": "{color.palette.purple-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, "key": "{color.foreground.highlight}" }, "name": "token-color-foreground-highlight", @@ -1425,10 +2321,24 @@ "$type": "color", "$value": "#911ced", "group": "semantic", + "$modes": { + "default": "#911ced", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, "original": { "$type": "color", "$value": "{color.palette.purple-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, "key": "{color.foreground.highlight-on-surface}" }, "name": "token-color-foreground-highlight-on-surface", @@ -1446,10 +2356,24 @@ "$type": "color", "$value": "#42215b", "group": "semantic", + "$modes": { + "default": "#42215b", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, "original": { "$type": "color", "$value": "{color.palette.purple-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, "key": "{color.foreground.highlight-high-contrast}" }, "name": "token-color-foreground-highlight-high-contrast", @@ -1467,10 +2391,24 @@ "$type": "color", "$value": "#008a22", "group": "semantic", + "$modes": { + "default": "#008a22", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, "original": { "$type": "color", "$value": "{color.palette.green-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, "key": "{color.foreground.success}" }, "name": "token-color-foreground-success", @@ -1488,10 +2426,24 @@ "$type": "color", "$value": "#00781e", "group": "semantic", + "$modes": { + "default": "#00781e", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, "original": { "$type": "color", "$value": "{color.palette.green-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, "key": "{color.foreground.success-on-surface}" }, "name": "token-color-foreground-success-on-surface", @@ -1509,10 +2461,24 @@ "$type": "color", "$value": "#054220", "group": "semantic", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, "original": { "$type": "color", "$value": "{color.palette.green-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, "key": "{color.foreground.success-high-contrast}" }, "name": "token-color-foreground-success-high-contrast", @@ -1530,10 +2496,24 @@ "$type": "color", "$value": "#bb5a00", "group": "semantic", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, "original": { "$type": "color", "$value": "{color.palette.amber-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, "key": "{color.foreground.warning}" }, "name": "token-color-foreground-warning", @@ -1551,10 +2531,24 @@ "$type": "color", "$value": "#9e4b00", "group": "semantic", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, "original": { "$type": "color", "$value": "{color.palette.amber-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, "key": "{color.foreground.warning-on-surface}" }, "name": "token-color-foreground-warning-on-surface", @@ -1572,10 +2566,24 @@ "$type": "color", "$value": "#542800", "group": "semantic", + "$modes": { + "default": "#542800", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, "original": { "$type": "color", "$value": "{color.palette.amber-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, "key": "{color.foreground.warning-high-contrast}" }, "name": "token-color-foreground-warning-high-contrast", @@ -1593,10 +2601,24 @@ "$type": "color", "$value": "#e52228", "group": "semantic", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, "original": { "$type": "color", "$value": "{color.palette.red-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, "key": "{color.foreground.critical}" }, "name": "token-color-foreground-critical", @@ -1614,10 +2636,24 @@ "$type": "color", "$value": "#c00005", "group": "semantic", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, "original": { "$type": "color", "$value": "{color.palette.red-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, "key": "{color.foreground.critical-on-surface}" }, "name": "token-color-foreground-critical-on-surface", @@ -1635,10 +2671,24 @@ "$type": "color", "$value": "#51130a", "group": "semantic", + "$modes": { + "default": "#51130a", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, "original": { "$type": "color", "$value": "{color.palette.red-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, "key": "{color.foreground.critical-high-contrast}" }, "name": "token-color-foreground-critical-high-contrast", @@ -1656,10 +2706,24 @@ "$type": "color", "$value": "#ffffff", "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, "key": "{color.page.primary}" }, "name": "token-color-page-primary", @@ -1677,10 +2741,24 @@ "$type": "color", "$value": "#fafafa", "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, "key": "{color.page.faint}" }, "name": "token-color-page-faint", @@ -1698,10 +2776,24 @@ "$type": "color", "$value": "#ffffff", "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, "key": "{color.surface.primary}" }, "name": "token-color-surface-primary", @@ -1719,10 +2811,24 @@ "$type": "color", "$value": "#fafafa", "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, "key": "{color.surface.faint}" }, "name": "token-color-surface-faint", @@ -1740,10 +2846,24 @@ "$type": "color", "$value": "#f1f2f3", "group": "semantic", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, "key": "{color.surface.strong}" }, "name": "token-color-surface-strong", @@ -1761,10 +2881,24 @@ "$type": "color", "$value": "#ffffff", "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, "key": "{color.surface.interactive}" }, "name": "token-color-surface-interactive", @@ -1782,10 +2916,24 @@ "$type": "color", "$value": "#f1f2f3", "group": "semantic", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, "key": "{color.surface.interactive-hover}" }, "name": "token-color-surface-interactive-hover", @@ -1803,10 +2951,24 @@ "$type": "color", "$value": "#dedfe3", "group": "semantic", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, "key": "{color.surface.interactive-active}" }, "name": "token-color-surface-interactive-active", @@ -1824,10 +2986,24 @@ "$type": "color", "$value": "#fafafa", "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, "key": "{color.surface.interactive-disabled}" }, "name": "token-color-surface-interactive-disabled", @@ -1845,10 +3021,24 @@ "$type": "color", "$value": "#f2f8ff", "group": "semantic", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, "original": { "$type": "color", "$value": "{color.palette.blue-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, "key": "{color.surface.action}" }, "name": "token-color-surface-action", @@ -1866,10 +3056,24 @@ "$type": "color", "$value": "#f9f2ff", "group": "semantic", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, "original": { "$type": "color", "$value": "{color.palette.purple-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, "key": "{color.surface.highlight}" }, "name": "token-color-surface-highlight", @@ -1887,10 +3091,24 @@ "$type": "color", "$value": "#f2fbf6", "group": "semantic", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, "original": { "$type": "color", "$value": "{color.palette.green-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, "key": "{color.surface.success}" }, "name": "token-color-surface-success", @@ -1908,10 +3126,24 @@ "$type": "color", "$value": "#fff9e8", "group": "semantic", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, "original": { "$type": "color", "$value": "{color.palette.amber-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, "key": "{color.surface.warning}" }, "name": "token-color-surface-warning", @@ -1929,10 +3161,24 @@ "$type": "color", "$value": "#fff5f5", "group": "semantic", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, "original": { "$type": "color", "$value": "{color.palette.red-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, "key": "{color.surface.critical}" }, "name": "token-color-surface-critical", @@ -4707,193 +5953,4669 @@ ] }, { - "key": "{form.label.color}", - "$type": "color", - "$value": "#0c0c0e", - "group": "components", + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, "original": { - "$type": "color", - "$value": "{color.foreground.strong}", - "group": "components", - "key": "{form.label.color}" + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" }, - "name": "token-form-label-color", + "name": "token-badge-count-padding-horizontal-small", "attributes": { - "category": "form" + "category": "badge-count" }, "path": [ - "form", - "label", - "color" + "badge-count", + "padding", + "horizontal", + "small" ] }, { - "key": "{form.legend.color}", - "$type": "color", - "$value": "#0c0c0e", - "group": "components", + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, "original": { - "$type": "color", - "$value": "{form.label.color}", - "group": "components", - "key": "{form.legend.color}" + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" }, - "name": "token-form-legend-color", + "name": "token-badge-count-padding-horizontal-medium", "attributes": { - "category": "form" + "category": "badge-count" }, "path": [ - "form", - "legend", - "color" + "badge-count", + "padding", + "horizontal", + "medium" ] }, { - "key": "{form.helper-text.color}", - "$type": "color", - "$value": "#656a76", - "group": "components", + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, "original": { - "$type": "color", - "$value": "{color.foreground.faint}", - "group": "components", - "key": "{form.helper-text.color}" + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" }, - "name": "token-form-helper-text-color", + "name": "token-badge-count-padding-horizontal-large", "attributes": { - "category": "form" + "category": "badge-count" }, "path": [ - "form", - "helper-text", - "color" + "badge-count", + "padding", + "horizontal", + "large" ] }, { - "key": "{form.indicator.optional.color}", - "$type": "color", - "$value": "#656a76", - "group": "components", + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", "original": { - "$type": "color", - "$value": "{color.foreground.faint}", - "group": "components", - "key": "{form.indicator.optional.color}" + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" }, - "name": "token-form-indicator-optional-color", + "name": "token-badge-height-small", "attributes": { - "category": "form" + "category": "badge" }, "path": [ - "form", - "indicator", - "optional", - "color" + "badge", + "height", + "small" ] }, { - "key": "{form.error.color}", - "$type": "color", - "$value": "#c00005", - "group": "components", + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", "original": { - "$type": "color", - "$value": "{color.palette.red-300}", - "group": "components", - "key": "{form.error.color}" + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" }, - "name": "token-form-error-color", + "name": "token-badge-height-medium", "attributes": { - "category": "form" + "category": "badge" }, "path": [ - "form", - "error", - "color" + "badge", + "height", + "medium" ] }, { - "key": "{form.error.icon-size}", + "key": "{badge.height.large}", "$type": "dimension", - "$value": "14px", + "$value": "32px", "unit": "px", "original": { "$type": "dimension", - "$value": "14", + "$value": "32", "unit": "px", - "key": "{form.error.icon-size}" + "key": "{badge.height.large}" }, - "name": "token-form-error-icon-size", + "name": "token-badge-height-large", "attributes": { - "category": "form" + "category": "badge" }, "path": [ - "form", - "error", - "icon-size" + "badge", + "height", + "large" ] }, { - "key": "{form.checkbox.size}", + "key": "{badge.padding.horizontal.small}", "$type": "dimension", - "$value": "16px", + "$value": "6px", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, "original": { "$type": "dimension", - "$value": "16", + "$value": "6", "unit": "px", - "key": "{form.checkbox.size}" + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" }, - "name": "token-form-checkbox-size", + "name": "token-badge-padding-horizontal-small", "attributes": { - "category": "form" + "category": "badge" }, "path": [ - "form", - "checkbox", - "size" + "badge", + "padding", + "horizontal", + "small" ] }, { - "key": "{form.checkbox.border.radius}", + "key": "{badge.padding.horizontal.medium}", "$type": "dimension", - "$value": "3px", + "$value": "8px", "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, "original": { "$type": "dimension", - "$value": "3", + "$value": "8", "unit": "px", - "key": "{form.checkbox.border.radius}" + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" }, - "name": "token-form-checkbox-border-radius", + "name": "token-badge-padding-horizontal-medium", "attributes": { - "category": "form" + "category": "badge" }, "path": [ - "form", - "checkbox", - "border", - "radius" + "badge", + "padding", + "horizontal", + "medium" ] }, { - "key": "{form.checkbox.border.width}", + "key": "{badge.padding.horizontal.large}", "$type": "dimension", - "$value": "1px", + "$value": "8px", "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, "original": { "$type": "dimension", - "$value": "1", + "$value": "8", "unit": "px", - "key": "{form.checkbox.border.width}" + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" }, - "name": "token-form-checkbox-border-width", + "name": "token-badge-padding-horizontal-large", "attributes": { - "category": "form" + "category": "badge" }, "path": [ - "form", - "checkbox", + "badge", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + }, + { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#ffffff", + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#7b00db", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-400}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#a737ff", + "$modes": { + "default": "#a737ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.highlight}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#006619", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-400}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#008a22", + "$modes": { + "default": "#008a22", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.success}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#803d00", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#803d00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-400}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#bb5a00", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.warning}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + }, + { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#940004", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#940004", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#e52228", + "$modes": { + "default": "#e52228", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + }, + { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-200}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#656a76", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#656a76", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#ead2fe", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-100}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#a737ff", + "$modes": { + "default": "#a737ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "original": { + "$type": "color", + "$value": "{color.palette.purple-200}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + }, + { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#cceeda", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-100}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#008a22", + "$modes": { + "default": "#008a22", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "original": { + "$type": "color", + "$value": "{color.palette.green-200}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + }, + { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#fbeabf", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-100}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#bb5a00", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "original": { + "$type": "color", + "$value": "{color.palette.amber-200}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + }, + { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#fbd4d4", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-100}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#e52228", + "$modes": { + "default": "#e52228", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-200}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + }, + { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + }, + { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + }, + { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + }, + { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "11px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "19px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "19", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + }, + { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "11px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "original": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + }, + { + "key": "{button.gap}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + }, + { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + }, + { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action-hover}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.action-active}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "#8c909c", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + }, + { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "original": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "original": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#fff5f5", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#fff5f5", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "original": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + }, + { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "$modes": { + "default": "#5990ff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + }, + { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "$modes": { + "default": "#5990ff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + }, + { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#3b3d4566", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#3b3d4566", + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + }, + { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.critical.internal}", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#dd7578", + "$modes": { + "default": "#dd7578", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "original": { + "$type": "color", + "$value": "{color.focus.critical.external}", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + }, + { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + }, + { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#656a7633", + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + }, + { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + }, + { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + }, + { + "key": "{form.label.color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" + ] + }, + { + "key": "{form.legend.color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "original": { + "$type": "color", + "$value": "{form.label.color}", + "group": "components", + "key": "{form.legend.color}" + }, + "name": "token-form-legend-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "legend", + "color" + ] + }, + { + "key": "{form.helper-text.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.helper-text.color}" + }, + "name": "token-form-helper-text-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "helper-text", + "color" + ] + }, + { + "key": "{form.indicator.optional.color}", + "$type": "color", + "$value": "#656a76", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.foreground.faint}", + "group": "components", + "key": "{form.indicator.optional.color}" + }, + "name": "token-form-indicator-optional-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "indicator", + "optional", + "color" + ] + }, + { + "key": "{form.error.color}", + "$type": "color", + "$value": "#c00005", + "group": "components", + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "group": "components", + "key": "{form.error.color}" + }, + "name": "token-form-error-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "color" + ] + }, + { + "key": "{form.error.icon-size}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "key": "{form.error.icon-size}" + }, + "name": "token-form-error-icon-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "error", + "icon-size" + ] + }, + { + "key": "{form.checkbox.size}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{form.checkbox.size}" + }, + "name": "token-form-checkbox-size", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "size" + ] + }, + { + "key": "{form.checkbox.border.radius}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{form.checkbox.border.radius}" + }, + "name": "token-form-checkbox-border-radius", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", + "border", + "radius" + ] + }, + { + "key": "{form.checkbox.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{form.checkbox.border.width}" + }, + "name": "token-form-checkbox-border-width", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "checkbox", "border", "width" ] @@ -5650,10 +11372,24 @@ "$type": "dimension", "$value": "6px", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "original": { "$type": "dimension", "$value": "6", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{form.radiocard.border.radius}" }, "name": "token-form-radiocard-border-radius", @@ -5667,6 +11403,111 @@ "radius" ] }, + { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + }, { "key": "{form.radiocard.content-padding}", "$type": "dimension", @@ -7383,14 +13224,23 @@ "key": "{typography.font-stack.display}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", - "$value": [ - "{typography.font-stack.sans.display.macOS}", - "{typography.font-stack.sans.display.windows}", - "{typography.font-stack.sans.display.sans}", - "{typography.font-stack.sans.display.emoji}" - ], + "$value": "{typography.font-stack.sans.display.combined}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.font-stack.display}" }, "name": "token-typography-font-stack-display", @@ -7407,14 +13257,23 @@ "key": "{typography.font-stack.text}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", - "$value": [ - "{typography.font-stack.sans.text.macOS}", - "{typography.font-stack.sans.text.windows}", - "{typography.font-stack.sans.display.sans}", - "{typography.font-stack.sans.text.emoji}" - ], + "$value": "{typography.font-stack.sans.text.combined}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.font-stack.text}" }, "name": "token-typography-font-stack-text", @@ -7431,13 +13290,23 @@ "key": "{typography.font-stack.code}", "$type": "font-family", "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, "original": { "$type": "font-family", - "$value": [ - "{typography.font-stack.monospace.code.macOS}", - "{typography.font-stack.monospace.code.windows}", - "monospace" - ], + "$value": "{typography.font-stack.monospace.code.combined}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, "key": "{typography.font-stack.code}" }, "name": "token-typography-font-stack-code", @@ -7453,10 +13322,24 @@ { "key": "{typography.font-weight.regular}", "$type": "font-weight", - "$value": 400, + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, "original": { "$type": "font-weight", - "$value": 400, + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, "key": "{typography.font-weight.regular}" }, "name": "token-typography-font-weight-regular", @@ -7472,10 +13355,24 @@ { "key": "{typography.font-weight.medium}", "$type": "font-weight", - "$value": 500, + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, "original": { "$type": "font-weight", - "$value": 500, + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, "key": "{typography.font-weight.medium}" }, "name": "token-typography-font-weight-medium", @@ -7491,10 +13388,24 @@ { "key": "{typography.font-weight.semibold}", "$type": "font-weight", - "$value": 600, + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, "original": { "$type": "font-weight", - "$value": 600, + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, "key": "{typography.font-weight.semibold}" }, "name": "token-typography-font-weight-semibold", @@ -7510,10 +13421,24 @@ { "key": "{typography.font-weight.bold}", "$type": "font-weight", - "$value": 700, + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, "original": { "$type": "font-weight", - "$value": 700, + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, "key": "{typography.font-weight.bold}" }, "name": "token-typography-font-weight-bold", @@ -7530,9 +13455,23 @@ "key": "{typography.display-500.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-500.font-family}" }, "name": "token-typography-display-500-font-family", @@ -7551,11 +13490,25 @@ "$value": "1.875rem", "unit": "px", "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, "original": { "$type": "font-size", "$value": "30", "unit": "px", "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, "key": "{typography.display-500.font-size}" }, "name": "token-typography-display-500-font-size", @@ -7573,10 +13526,24 @@ "$type": "number", "$value": 1.2666, "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, "original": { "$type": "number", "$value": 1.2666, "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, "key": "{typography.display-500.line-height}" }, "name": "token-typography-display-500-line-height", @@ -7589,13 +13556,64 @@ "line-height" ] }, + { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "-0.5px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] + }, { "key": "{typography.display-400.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-400.font-family}" }, "name": "token-typography-display-400-font-family", @@ -7614,11 +13632,25 @@ "$value": "1.5rem", "unit": "px", "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, "original": { "$type": "font-size", "$value": "24", "unit": "px", "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, "key": "{typography.display-400.font-size}" }, "name": "token-typography-display-400-font-size", @@ -7636,10 +13668,24 @@ "$type": "number", "$value": 1.3333, "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, "original": { "$type": "number", "$value": 1.3333, "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, "key": "{typography.display-400.line-height}" }, "name": "token-typography-display-400-line-height", @@ -7652,13 +13698,64 @@ "line-height" ] }, + { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "original": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] + }, { "key": "{typography.display-300.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-300.font-family}" }, "name": "token-typography-display-300-font-family", @@ -7677,11 +13774,25 @@ "$value": "1.125rem", "unit": "px", "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, "original": { "$type": "font-size", "$value": "18", "unit": "px", "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, "key": "{typography.display-300.font-size}" }, "name": "token-typography-display-300-font-size", @@ -7699,10 +13810,24 @@ "$type": "number", "$value": 1.3333, "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, "original": { "$type": "number", "$value": 1.3333, "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, "key": "{typography.display-300.line-height}" }, "name": "token-typography-display-300-line-height", @@ -7721,11 +13846,25 @@ "$value": "-0.5px", "unit": "px", "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, "original": { "$type": "letter-spacing", "$value": -0.5, "unit": "px", "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, "key": "{typography.display-300.letter-spacing}" }, "name": "token-typography-display-300-letter-spacing", @@ -7742,9 +13881,23 @@ "key": "{typography.display-200.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-200.font-family}" }, "name": "token-typography-display-200-font-family", @@ -7763,11 +13916,25 @@ "$value": "1rem", "unit": "px", "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, "original": { "$type": "font-size", "$value": "16", "unit": "px", "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, "key": "{typography.display-200.font-size}" }, "name": "token-typography-display-200-font-size", @@ -7785,10 +13952,24 @@ "$type": "number", "$value": 1.5, "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, "original": { "$type": "number", "$value": 1.5, "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, "key": "{typography.display-200.line-height}" }, "name": "token-typography-display-200-line-height", @@ -7807,11 +13988,25 @@ "$value": "-0.5px", "unit": "px", "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, "original": { "$type": "letter-spacing", "$value": -0.5, "unit": "px", "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, "key": "{typography.display-200.letter-spacing}" }, "name": "token-typography-display-200-letter-spacing", @@ -7828,9 +14023,23 @@ "key": "{typography.display-100.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", - "$value": "{typography.font-stack.text}", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-100.font-family}" }, "name": "token-typography-display-100-font-family", @@ -7849,11 +14058,25 @@ "$value": "0.8125rem", "unit": "px", "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "original": { "$type": "font-size", "$value": "13", "unit": "px", "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, "key": "{typography.display-100.font-size}" }, "name": "token-typography-display-100-font-size", @@ -7871,10 +14094,24 @@ "$type": "number", "$value": 1.3846, "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, "original": { "$type": "number", "$value": 1.3846, "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, "key": "{typography.display-100.line-height}" }, "name": "token-typography-display-100-line-height", @@ -7887,13 +14124,64 @@ "line-height" ] }, + { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "original": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] + }, { "key": "{typography.body-300.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.body-300.font-family}" }, "name": "token-typography-body-300-font-family", @@ -7912,11 +14200,25 @@ "$value": "1rem", "unit": "px", "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, "original": { "$type": "font-size", "$value": "16", "unit": "px", "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, "key": "{typography.body-300.font-size}" }, "name": "token-typography-body-300-font-size", @@ -7934,10 +14236,24 @@ "$type": "number", "$value": 1.5, "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, "original": { "$type": "number", "$value": 1.5, "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, "key": "{typography.body-300.line-height}" }, "name": "token-typography-body-300-line-height", @@ -7954,9 +14270,23 @@ "key": "{typography.body-200.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.body-200.font-family}" }, "name": "token-typography-body-200-font-family", @@ -7975,11 +14305,25 @@ "$value": "0.875rem", "unit": "px", "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "original": { "$type": "font-size", "$value": "14", "unit": "px", "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, "key": "{typography.body-200.font-size}" }, "name": "token-typography-body-200-font-size", @@ -7997,10 +14341,24 @@ "$type": "number", "$value": 1.4286, "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, "original": { "$type": "number", "$value": 1.4286, "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, "key": "{typography.body-200.line-height}" }, "name": "token-typography-body-200-line-height", @@ -8017,9 +14375,23 @@ "key": "{typography.body-100.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.body-100.font-family}" }, "name": "token-typography-body-100-font-family", @@ -8038,11 +14410,25 @@ "$value": "0.8125rem", "unit": "px", "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "original": { "$type": "font-size", "$value": "13", "unit": "px", "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, "key": "{typography.body-100.font-size}" }, "name": "token-typography-body-100-font-size", @@ -8060,10 +14446,24 @@ "$type": "number", "$value": 1.3846, "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, "original": { "$type": "number", "$value": 1.3846, "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, "key": "{typography.body-100.line-height}" }, "name": "token-typography-body-100-line-height", @@ -8077,65 +14477,107 @@ ] }, { - "key": "{typography.code-100.font-family}", + "key": "{typography.code-300.font-family}", "$type": "font-family", "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.code}", - "key": "{typography.code-100.font-family}" + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" }, - "name": "token-typography-code-100-font-family", + "name": "token-typography-code-300-font-family", "attributes": { "category": "typography" }, "path": [ "typography", - "code-100", + "code-300", "font-family" ] }, { - "key": "{typography.code-100.font-size}", + "key": "{typography.code-300.font-size}", "$type": "font-size", - "$value": "0.8125rem", + "$value": "1rem", "unit": "px", - "comment": "13px/0.8125rem", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "original": { "$type": "font-size", - "$value": "13", + "$value": "16", "unit": "px", - "comment": "13px/0.8125rem", - "key": "{typography.code-100.font-size}" + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" }, - "name": "token-typography-code-100-font-size", + "name": "token-typography-code-300-font-size", "attributes": { "category": "typography" }, "path": [ "typography", - "code-100", + "code-300", "font-size" ] }, { - "key": "{typography.code-100.line-height}", + "key": "{typography.code-300.line-height}", "$type": "number", - "$value": 1.23, - "comment": "16px", + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, "original": { "$type": "number", - "$value": 1.23, - "comment": "16px", - "key": "{typography.code-100.line-height}" + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" }, - "name": "token-typography-code-100-line-height", + "name": "token-typography-code-300-line-height", "attributes": { "category": "typography" }, "path": [ "typography", - "code-100", + "code-300", "line-height" ] }, @@ -8143,9 +14585,23 @@ "key": "{typography.code-200.font-family}", "$type": "font-family", "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, "key": "{typography.code-200.font-family}" }, "name": "token-typography-code-200-font-family", @@ -8164,11 +14620,25 @@ "$value": "0.875rem", "unit": "px", "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "original": { "$type": "font-size", "$value": "14", "unit": "px", "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, "key": "{typography.code-200.font-size}" }, "name": "token-typography-code-200-font-size", @@ -8186,10 +14656,24 @@ "$type": "number", "$value": 1.125, "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, "original": { "$type": "number", "$value": 1.125, "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, "key": "{typography.code-200.line-height}" }, "name": "token-typography-code-200-line-height", @@ -8203,65 +14687,107 @@ ] }, { - "key": "{typography.code-300.font-family}", + "key": "{typography.code-100.font-family}", "$type": "font-family", "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, "original": { "$type": "font-family", "$value": "{typography.font-stack.code}", - "key": "{typography.code-300.font-family}" + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" }, - "name": "token-typography-code-300-font-family", + "name": "token-typography-code-100-font-family", "attributes": { "category": "typography" }, "path": [ "typography", - "code-300", + "code-100", "font-family" ] }, { - "key": "{typography.code-300.font-size}", + "key": "{typography.code-100.font-size}", "$type": "font-size", - "$value": "1rem", + "$value": "0.8125rem", "unit": "px", - "comment": "16px/1rem", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "original": { "$type": "font-size", - "$value": "16", + "$value": "13", "unit": "px", - "comment": "16px/1rem", - "key": "{typography.code-300.font-size}" + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" }, - "name": "token-typography-code-300-font-size", + "name": "token-typography-code-100-font-size", "attributes": { "category": "typography" }, "path": [ "typography", - "code-300", + "code-100", "font-size" ] }, { - "key": "{typography.code-300.line-height}", + "key": "{typography.code-100.line-height}", "$type": "number", - "$value": 1.25, - "comment": "20px", + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, "original": { "$type": "number", - "$value": 1.25, - "comment": "20px", - "key": "{typography.code-300.line-height}" + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" }, - "name": "token-typography-code-300-line-height", + "name": "token-typography-code-100-line-height", "attributes": { "category": "typography" }, "path": [ "typography", - "code-300", + "code-100", "line-height" ] } diff --git a/packages/tokens/dist/marketing/css/helpers/typography.css b/packages/tokens/dist/marketing/css/helpers/typography.css index 393b8900901..63dd3021863 100644 --- a/packages/tokens/dist/marketing/css/helpers/typography.css +++ b/packages/tokens/dist/marketing/css/helpers/typography.css @@ -5,10 +5,10 @@ .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); } .hds-font-family-sans-text { font-family: var(--token-typography-font-stack-text); } .hds-font-family-mono-code { font-family: var(--token-typography-font-stack-code); } -.hds-font-weight-regular { font-weight: 400; } -.hds-font-weight-medium { font-weight: 500; } -.hds-font-weight-semibold { font-weight: 600; } -.hds-font-weight-bold { font-weight: 700; } +.hds-font-weight-regular { font-weight: var(--token-typography-font-weight-regular); } +.hds-font-weight-medium { font-weight: var(--token-typography-font-weight-medium); } +.hds-font-weight-semibold { font-weight: var(--token-typography-font-weight-semibold); } +.hds-font-weight-bold { font-weight: var(--token-typography-font-weight-bold); } .hds-typography-display-500 { font-family: var(--token-typography-display-500-font-family); font-size: var(--token-typography-display-500-font-size); line-height: var(--token-typography-display-500-line-height); margin: 0; padding: 0; } .hds-typography-display-400 { font-family: var(--token-typography-display-400-font-family); font-size: var(--token-typography-display-400-font-size); line-height: var(--token-typography-display-400-line-height); margin: 0; padding: 0; } .hds-typography-display-300 { font-family: var(--token-typography-display-300-font-family); font-size: var(--token-typography-display-300-font-size); line-height: var(--token-typography-display-300-line-height); margin: 0; padding: 0; } @@ -17,6 +17,6 @@ .hds-typography-body-300 { font-family: var(--token-typography-body-300-font-family); font-size: var(--token-typography-body-300-font-size); line-height: var(--token-typography-body-300-line-height); margin: 0; padding: 0; } .hds-typography-body-200 { font-family: var(--token-typography-body-200-font-family); font-size: var(--token-typography-body-200-font-size); line-height: var(--token-typography-body-200-line-height); margin: 0; padding: 0; } .hds-typography-body-100 { font-family: var(--token-typography-body-100-font-family); font-size: var(--token-typography-body-100-font-size); line-height: var(--token-typography-body-100-line-height); margin: 0; padding: 0; } -.hds-typography-code-100 { font-family: var(--token-typography-code-100-font-family); font-size: var(--token-typography-code-100-font-size); line-height: var(--token-typography-code-100-line-height); margin: 0; padding: 0; } -.hds-typography-code-200 { font-family: var(--token-typography-code-200-font-family); font-size: var(--token-typography-code-200-font-size); line-height: var(--token-typography-code-200-line-height); margin: 0; padding: 0; } .hds-typography-code-300 { font-family: var(--token-typography-code-300-font-family); font-size: var(--token-typography-code-300-font-size); line-height: var(--token-typography-code-300-line-height); margin: 0; padding: 0; } +.hds-typography-code-200 { font-family: var(--token-typography-code-200-font-family); font-size: var(--token-typography-code-200-font-size); line-height: var(--token-typography-code-200-line-height); margin: 0; padding: 0; } +.hds-typography-code-100 { font-family: var(--token-typography-code-100-font-family); font-size: var(--token-typography-code-100-font-size); line-height: var(--token-typography-code-100-line-height); margin: 0; padding: 0; } diff --git a/packages/tokens/dist/marketing/css/tokens.css b/packages/tokens/dist/marketing/css/tokens.css index 4a887e3ae51..b0e7369e2ce 100644 --- a/packages/tokens/dist/marketing/css/tokens.css +++ b/packages/tokens/dist/marketing/css/tokens.css @@ -223,6 +223,141 @@ --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover); --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300); + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 12px; + --token-badge-count-padding-horizontal-large: 14px; + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-horizontal-small: 6px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 8px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 6px; + --token-badge-typography-font-size-small: 0.8125rem; + --token-badge-typography-font-size-medium: 0.8125rem; + --token-badge-typography-font-size-large: 1rem; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #3b3d45; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #a737ff; + --token-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #008a22; + --token-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #bb5a00; + --token-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #e52228; + --token-badge-surface-color-neutral-filled: #dedfe3; + --token-badge-surface-color-neutral-inverted: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-surface-color-neutral-dark-mode-inverted: #fafafa; + --token-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #a737ff; + --token-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #008a22; + --token-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #bb5a00; + --token-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #e52228; + --token-badge-border-width: 1px; + --token-badge-border-radius-small: 5px; + --token-badge-border-radius-medium: 5px; + --token-badge-border-radius-large: 5px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-height-small: 28px; + --token-button-height-medium: 36px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 11px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 19px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 9px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 11px; /** here we're taking into account the 1px border */ + --token-button-gap: 6px; + --token-button-typography-font-size-small: 0.8125rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 1rem; + --token-button-typography-line-height-small: 0.9286; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.1429; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #3b3d45; + --token-button-foreground-color-secondary-hover: #3b3d45; + --token-button-foreground-color-secondary-focus: #3b3d45; + --token-button-foreground-color-secondary-active: #3b3d45; + --token-button-foreground-color-tertiary-default: #1060ff; + --token-button-foreground-color-tertiary-hover: #0c56e9; + --token-button-foreground-color-tertiary-focus: #1060ff; + --token-button-foreground-color-tertiary-active: #0046d1; + --token-button-foreground-color-critical-default: #c00005; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #c00005; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8c909c; + --token-button-surface-color-primary-default: #1060ff; + --token-button-surface-color-primary-hover: #0c56e9; + --token-button-surface-color-primary-focus: #1060ff; + --token-button-surface-color-primary-active: #0046d1; + --token-button-surface-color-secondary-default: #fafafa; + --token-button-surface-color-secondary-hover: #ffffff; + --token-button-surface-color-secondary-focus: #fafafa; + --token-button-surface-color-secondary-active: #dedfe3; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-hover: #ffffff; + --token-button-surface-color-tertiary-focus: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-active: #dedfe3; + --token-button-surface-color-critical-default: #fff5f5; + --token-button-surface-color-critical-hover: #c00005; + --token-button-surface-color-critical-focus: #fff5f5; + --token-button-surface-color-critical-active: #940004; + --token-button-surface-color-disabled: #fafafa; + --token-button-border-width: 1px; + --token-button-border-radius: 5px; + --token-button-border-color-primary-default: #0c56e9; + --token-button-border-color-primary-hover: #0c56e9; + --token-button-border-color-primary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: #0046d1; + --token-button-border-color-secondary-default: #3b3d4566; + --token-button-border-color-secondary-hover: #3b3d4566; + --token-button-border-color-secondary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: #3b3d4566; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #3b3d4566; + --token-button-border-color-tertiary-focus-internal: #0c56e9; + --token-button-border-color-tertiary-focus-external: #5990ff; + --token-button-border-color-tertiary-active: #3b3d4566; + --token-button-border-color-critical-default: #c00005; + --token-button-border-color-critical-hover: #940004; + --token-button-border-color-critical-focus-internal: #c00005; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #dd7578; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: #940004; + --token-button-border-color-disabled: #656a7633; + --token-button-focus-border-width: 3px; + --token-button-icon-size-small: 12px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 24px; --token-form-label-color: #0c0c0e; --token-form-legend-color: #0c0c0e; --token-form-helper-text-color: #656a76; @@ -267,6 +402,9 @@ --token-form-radiocard-group-gap: 16px; --token-form-radiocard-border-width: 1px; --token-form-radiocard-border-radius: 6px; + --token-form-radiocard-border-color-default: #ffffff; + --token-form-radiocard-border-color-focus: #0c56e9; + --token-form-radiocard-border-color-default-checked: #0c56e9; --token-form-radiocard-content-padding: 24px; --token-form-radiocard-control-padding: 8px; --token-form-radiocard-transition-duration: 0.2s; @@ -356,9 +494,11 @@ --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */ --token-typography-display-500-line-height: 1.2666; /** 38px */ + --token-typography-display-500-letter-spacing: -0.5px; /** this is `tracking` */ --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */ --token-typography-display-400-line-height: 1.3333; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */ --token-typography-display-300-line-height: 1.3333; /** 24px */ @@ -370,6 +510,7 @@ --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */ --token-typography-display-100-line-height: 1.3846; /** 18px */ + --token-typography-display-100-letter-spacing: 0px; /** this is `tracking` */ --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ --token-typography-body-300-line-height: 1.5; /** 24px */ @@ -379,13 +520,13 @@ --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */ --token-typography-body-100-line-height: 1.3846; /** 18px */ - --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; - --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ - --token-typography-code-100-line-height: 1.23; /** 16px */ - --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; - --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ - --token-typography-code-200-line-height: 1.125; /** 18px */ --token-typography-code-300-font-family: ui-monospace, Menlo, Consolas, monospace; --token-typography-code-300-font-size: 1rem; /** 16px/1rem */ --token-typography-code-300-line-height: 1.25; /** 20px */ + --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.125; /** 18px */ + --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.23; /** 16px */ } diff --git a/packages/tokens/dist/marketing/tokens.json b/packages/tokens/dist/marketing/tokens.json index 705017893fe..3518e71f542 100644 --- a/packages/tokens/dist/marketing/tokens.json +++ b/packages/tokens/dist/marketing/tokens.json @@ -6,12 +6,26 @@ "$type": "dimension", "$value": "3px", "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "filePath": "src/global/border/radius.json", "isSource": true, "original": { "$type": "dimension", "$value": "3", "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{border.radius.x-small}" }, "name": "token-border-radius-x-small", @@ -29,12 +43,26 @@ "$type": "dimension", "$value": "5px", "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "filePath": "src/global/border/radius.json", "isSource": true, "original": { "$type": "dimension", "$value": "5", "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{border.radius.small}" }, "name": "token-border-radius-small", @@ -52,12 +80,26 @@ "$type": "dimension", "$value": "6px", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "filePath": "src/global/border/radius.json", "isSource": true, "original": { "$type": "dimension", "$value": "6", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{border.radius.medium}" }, "name": "token-border-radius-medium", @@ -75,12 +117,26 @@ "$type": "dimension", "$value": "8px", "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "filePath": "src/global/border/radius.json", "isSource": true, "original": { "$type": "dimension", "$value": "8", "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{border.radius.large}" }, "name": "token-border-radius-large", @@ -102,12 +158,26 @@ "$type": "color", "$value": "#1c345f", "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "#001141", + "cds-g10": "#001141", + "cds-g90": "#001141", + "cds-g100": "#001141" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#1c345f", "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + }, "key": "{color.palette.blue-500}" }, "name": "token-color-palette-blue-500", @@ -125,12 +195,26 @@ "$type": "color", "$value": "#0046d1", "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#0046d1", "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + }, "key": "{color.palette.blue-400}" }, "name": "token-color-palette-blue-400", @@ -148,12 +232,26 @@ "$type": "color", "$value": "#0c56e9", "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#0c56e9", "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, "key": "{color.palette.blue-300}" }, "name": "token-color-palette-blue-300", @@ -171,12 +269,26 @@ "$type": "color", "$value": "#1060ff", "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#1060ff", "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + }, "key": "{color.palette.blue-200}" }, "name": "token-color-palette-blue-200", @@ -194,12 +306,26 @@ "$type": "color", "$value": "#cce3fe", "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#d0e2ff", + "cds-g100": "#d0e2ff" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#cce3fe", "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + }, "key": "{color.palette.blue-100}" }, "name": "token-color-palette-blue-100", @@ -217,12 +343,26 @@ "$type": "color", "$value": "#f2f8ff", "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#edf5ff", + "cds-g10": "#edf5ff", + "cds-g90": "#edf5ff", + "cds-g100": "#edf5ff" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#f2f8ff", "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + }, "key": "{color.palette.blue-50}" }, "name": "token-color-palette-blue-50", @@ -240,12 +380,26 @@ "$type": "color", "$value": "#42215b", "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "#31135e", + "cds-g10": "#31135e", + "cds-g90": "#31135e", + "cds-g100": "#31135e" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#42215b", "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + }, "key": "{color.palette.purple-500}" }, "name": "token-color-palette-purple-500", @@ -263,12 +417,26 @@ "$type": "color", "$value": "#7b00db", "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#7b00db", "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, "key": "{color.palette.purple-400}" }, "name": "token-color-palette-purple-400", @@ -286,12 +454,26 @@ "$type": "color", "$value": "#911ced", "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#8a3ffc", + "cds-g100": "#8a3ffc" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#911ced", "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + }, "key": "{color.palette.purple-300}" }, "name": "token-color-palette-purple-300", @@ -309,12 +491,26 @@ "$type": "color", "$value": "#a737ff", "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "#a56eff", + "cds-g10": "#a56eff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#a737ff", "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, "key": "{color.palette.purple-200}" }, "name": "token-color-palette-purple-200", @@ -332,12 +528,26 @@ "$type": "color", "$value": "#ead2fe", "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#ead2fe", "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + }, "key": "{color.palette.purple-100}" }, "name": "token-color-palette-purple-100", @@ -355,12 +565,26 @@ "$type": "color", "$value": "#f9f2ff", "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#f6f2ff", + "cds-g10": "#f6f2ff", + "cds-g90": "#f6f2ff", + "cds-g100": "#f6f2ff" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#f9f2ff", "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + }, "key": "{color.palette.purple-50}" }, "name": "token-color-palette-purple-50", @@ -378,12 +602,26 @@ "$type": "color", "$value": "#054220", "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#044317", + "cds-g100": "#044317" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#054220", "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + }, "key": "{color.palette.green-500}" }, "name": "token-color-palette-green-500", @@ -401,12 +639,26 @@ "$type": "color", "$value": "#006619", "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#006619", "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, "key": "{color.palette.green-400}" }, "name": "token-color-palette-green-400", @@ -424,12 +676,26 @@ "$type": "color", "$value": "#00781e", "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#198038", + "cds-g100": "#198038" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#00781e", "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + }, "key": "{color.palette.green-300}" }, "name": "token-color-palette-green-300", @@ -447,12 +713,26 @@ "$type": "color", "$value": "#008a22", "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "#24a148", + "cds-g10": "#24a148", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#008a22", "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, "key": "{color.palette.green-200}" }, "name": "token-color-palette-green-200", @@ -470,12 +750,26 @@ "$type": "color", "$value": "#cceeda", "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#cceeda", "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, "key": "{color.palette.green-100}" }, "name": "token-color-palette-green-100", @@ -493,12 +787,26 @@ "$type": "color", "$value": "#f2fbf6", "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#defbe6", + "cds-g10": "#defbe6", + "cds-g90": "#defbe6", + "cds-g100": "#defbe6" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#f2fbf6", "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + }, "key": "{color.palette.green-50}" }, "name": "token-color-palette-green-50", @@ -516,12 +824,26 @@ "$type": "color", "$value": "#542800", "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "#302400", + "cds-g10": "#302400", + "cds-g90": "#302400", + "cds-g100": "#302400" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#542800", "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + }, "key": "{color.palette.amber-500}" }, "name": "token-color-palette-amber-500", @@ -539,12 +861,26 @@ "$type": "color", "$value": "#803d00", "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "#483700", + "cds-g10": "#483700", + "cds-g90": "#483700", + "cds-g100": "#483700" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#803d00", "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + }, "key": "{color.palette.amber-400}" }, "name": "token-color-palette-amber-400", @@ -562,12 +898,26 @@ "$type": "color", "$value": "#9e4b00", "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8e6a00", + "cds-g10": "#8e6a00", + "cds-g90": "#8e6a00", + "cds-g100": "#8e6a00" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#9e4b00", "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + }, "key": "{color.palette.amber-300}" }, "name": "token-color-palette-amber-300", @@ -585,12 +935,26 @@ "$type": "color", "$value": "#bb5a00", "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#d2a106", + "cds-g10": "#d2a106", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#bb5a00", "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, "key": "{color.palette.amber-200}" }, "name": "token-color-palette-amber-200", @@ -608,12 +972,26 @@ "$type": "color", "$value": "#fbeabf", "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#fbeabf", "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, "key": "{color.palette.amber-100}" }, "name": "token-color-palette-amber-100", @@ -631,12 +1009,26 @@ "$type": "color", "$value": "#fff9e8", "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#fcf4d6", + "cds-g10": "#fcf4d6", + "cds-g90": "#fcf4d6", + "cds-g100": "#fcf4d6" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#fff9e8", "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + }, "key": "{color.palette.amber-50}" }, "name": "token-color-palette-amber-50", @@ -654,12 +1046,26 @@ "$type": "color", "$value": "#51130a", "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "#520408", + "cds-g10": "#520408", + "cds-g90": "#520408", + "cds-g100": "#520408" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#51130a", "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + }, "key": "{color.palette.red-500}" }, "name": "token-color-palette-red-500", @@ -677,12 +1083,26 @@ "$type": "color", "$value": "#940004", "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#940004", "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + }, "key": "{color.palette.red-400}" }, "name": "token-color-palette-red-400", @@ -700,12 +1120,26 @@ "$type": "color", "$value": "#c00005", "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#c00005", "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, "key": "{color.palette.red-300}" }, "name": "token-color-palette-red-300", @@ -723,12 +1157,26 @@ "$type": "color", "$value": "#e52228", "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#e52228", "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + }, "key": "{color.palette.red-200}" }, "name": "token-color-palette-red-200", @@ -746,12 +1194,26 @@ "$type": "color", "$value": "#fbd4d4", "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#fbd4d4", "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, "key": "{color.palette.red-100}" }, "name": "token-color-palette-red-100", @@ -769,12 +1231,26 @@ "$type": "color", "$value": "#fff5f5", "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#fff1f1", + "cds-g10": "#fff1f1", + "cds-g90": "#fff1f1", + "cds-g100": "#fff1f1" + }, "filePath": "src/global/color/palette-accents.json", "isSource": true, "original": { "$type": "color", "$value": "#fff5f5", "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + }, "key": "{color.palette.red-50}" }, "name": "token-color-palette-red-50", @@ -792,12 +1268,26 @@ "$type": "color", "$value": "#0c0c0e", "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#0c0c0e", "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + }, "key": "{color.palette.neutral-700}" }, "name": "token-color-palette-neutral-700", @@ -815,12 +1305,26 @@ "$type": "color", "$value": "#3b3d45", "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#3b3d45", "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + }, "key": "{color.palette.neutral-600}" }, "name": "token-color-palette-neutral-600", @@ -838,12 +1342,26 @@ "$type": "color", "$value": "#656a76", "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "#525252", + "cds-g10": "#525252", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#656a76", "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, "key": "{color.palette.neutral-500}" }, "name": "token-color-palette-neutral-500", @@ -861,12 +1379,26 @@ "$type": "color", "$value": "#8c909c", "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#8c909c", "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + }, "key": "{color.palette.neutral-400}" }, "name": "token-color-palette-neutral-400", @@ -884,12 +1416,26 @@ "$type": "color", "$value": "#c2c5cb", "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "#a8a8a8", + "cds-g10": "#a8a8a8", + "cds-g90": "#a8a8a8", + "cds-g100": "#a8a8a8" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#c2c5cb", "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + }, "key": "{color.palette.neutral-300}" }, "name": "token-color-palette-neutral-300", @@ -907,12 +1453,26 @@ "$type": "color", "$value": "#dedfe3", "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#dedfe3", "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + }, "key": "{color.palette.neutral-200}" }, "name": "token-color-palette-neutral-200", @@ -930,12 +1490,26 @@ "$type": "color", "$value": "#f1f2f3", "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#e0e0e0", + "cds-g100": "#e0e0e0" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#f1f2f3", "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + }, "key": "{color.palette.neutral-100}" }, "name": "token-color-palette-neutral-100", @@ -953,12 +1527,26 @@ "$type": "color", "$value": "#fafafa", "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#f4f4f4", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#fafafa", "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + }, "key": "{color.palette.neutral-50}" }, "name": "token-color-palette-neutral-50", @@ -976,12 +1564,26 @@ "$type": "color", "$value": "#ffffff", "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, "filePath": "src/global/color/palette-neutrals.json", "isSource": true, "original": { "$type": "color", "$value": "#ffffff", "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + }, "key": "{color.palette.neutral-0}" }, "name": "token-color-palette-neutral-0", @@ -1076,12 +1678,26 @@ "$type": "color", "$value": "#656a7633", "group": "semantic", + "$modes": { + "default": "#656a7633", + "cds-g0": "#c6c6c6", + "cds-g10": "#e0e0e0", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, "filePath": "src/global/color/semantic-border.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.alpha-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + }, "key": "{color.border.primary}" }, "name": "token-color-border-primary", @@ -1099,12 +1715,26 @@ "$type": "color", "$value": "#656a761a", "group": "semantic", + "$modes": { + "default": "#656a761a", + "cds-g0": "#e0e0e0", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#393939" + }, "filePath": "src/global/color/semantic-border.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.alpha-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + }, "key": "{color.border.faint}" }, "name": "token-color-border-faint", @@ -1122,12 +1752,26 @@ "$type": "color", "$value": "#3b3d4566", "group": "semantic", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "#8d8d8d", + "cds-g100": "#6f6f6f" + }, "filePath": "src/global/color/semantic-border.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.alpha-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + }, "key": "{color.border.strong}" }, "name": "token-color-border-strong", @@ -1145,12 +1789,26 @@ "$type": "color", "$value": "#cce3fe", "group": "semantic", + "$modes": { + "default": "#cce3fe", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#4589ff", + "cds-g100": "#4589ff" + }, "filePath": "src/global/color/semantic-border.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.blue-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + }, "key": "{color.border.action}" }, "name": "token-color-border-action", @@ -1168,12 +1826,26 @@ "$type": "color", "$value": "#ead2fe", "group": "semantic", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#be95ff", + "cds-g10": "#be95ff", + "cds-g90": "#a56eff", + "cds-g100": "#a56eff" + }, "filePath": "src/global/color/semantic-border.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.purple-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + }, "key": "{color.border.highlight}" }, "name": "token-color-border-highlight", @@ -1191,12 +1863,26 @@ "$type": "color", "$value": "#cceeda", "group": "semantic", + "$modes": { + "default": "#cceeda", + "cds-g0": "#42be65", + "cds-g10": "#42be65", + "cds-g90": "#24a148", + "cds-g100": "#24a148" + }, "filePath": "src/global/color/semantic-border.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.green-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + }, "key": "{color.border.success}" }, "name": "token-color-border-success", @@ -1214,12 +1900,26 @@ "$type": "color", "$value": "#fbeabf", "group": "semantic", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#ff832b", + "cds-g10": "#ff832b", + "cds-g90": "#eb6200", + "cds-g100": "#eb6200" + }, "filePath": "src/global/color/semantic-border.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.amber-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + }, "key": "{color.border.warning}" }, "name": "token-color-border-warning", @@ -1237,12 +1937,26 @@ "$type": "color", "$value": "#fbd4d4", "group": "semantic", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ff8389", + "cds-g10": "#ff8389", + "cds-g90": "#fa4d56", + "cds-g100": "#fa4d56" + }, "filePath": "src/global/color/semantic-border.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.red-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + }, "key": "{color.border.critical}" }, "name": "token-color-border-critical", @@ -1263,12 +1977,26 @@ "$type": "color", "$value": "#0c56e9", "group": "semantic", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, "filePath": "src/global/color/semantic-focus.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.blue-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, "key": "{color.focus.action.internal}" }, "name": "token-color-focus-action-internal", @@ -1288,6 +2016,13 @@ "$value": "#5990ff", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, "filePath": "src/global/color/semantic-focus.json", "isSource": true, "original": { @@ -1295,6 +2030,13 @@ "$value": "#5990ff", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, "key": "{color.focus.action.external}" }, "name": "token-color-focus-action-external", @@ -1315,12 +2057,26 @@ "$type": "color", "$value": "#c00005", "group": "semantic", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, "filePath": "src/global/color/semantic-focus.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.red-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + }, "key": "{color.focus.critical.internal}" }, "name": "token-color-focus-critical-internal", @@ -1340,6 +2096,13 @@ "$value": "#dd7578", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, "filePath": "src/global/color/semantic-focus.json", "isSource": true, "original": { @@ -1347,6 +2110,13 @@ "$value": "#dd7578", "group": "semantic", "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + }, "key": "{color.focus.critical.external}" }, "name": "token-color-focus-critical-external", @@ -1368,12 +2138,26 @@ "$type": "color", "$value": "#0c0c0e", "group": "semantic", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-700}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, "key": "{color.foreground.strong}" }, "name": "token-color-foreground-strong", @@ -1391,12 +2175,26 @@ "$type": "color", "$value": "#3b3d45", "group": "semantic", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-600}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, "key": "{color.foreground.primary}" }, "name": "token-color-foreground-primary", @@ -1414,12 +2212,26 @@ "$type": "color", "$value": "#656a76", "group": "semantic", + "$modes": { + "default": "#656a76", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + }, "key": "{color.foreground.faint}" }, "name": "token-color-foreground-faint", @@ -1437,12 +2249,26 @@ "$type": "color", "$value": "#ffffff", "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, "key": "{color.foreground.high-contrast}" }, "name": "token-color-foreground-high-contrast", @@ -1460,12 +2286,26 @@ "$type": "color", "$value": "#8c909c", "group": "semantic", + "$modes": { + "default": "#8c909c", + "cds-g0": "rgba(22, 22, 22, 0.25)", + "cds-g10": "rgba(22, 22, 22, 0.25)", + "cds-g90": "rgba(244, 244, 244, 0.25)", + "cds-g100": "rgba(244, 244, 244, 0.25)" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-400}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + }, "key": "{color.foreground.disabled}" }, "name": "token-color-foreground-disabled", @@ -1483,12 +2323,26 @@ "$type": "color", "$value": "#1060ff", "group": "semantic", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#78a9ff", + "cds-g100": "#78a9ff" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.blue-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + }, "key": "{color.foreground.action}" }, "name": "token-color-foreground-action", @@ -1506,12 +2360,26 @@ "$type": "color", "$value": "#0c56e9", "group": "semantic", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.blue-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, "key": "{color.foreground.action-hover}" }, "name": "token-color-foreground-action-hover", @@ -1529,12 +2397,26 @@ "$type": "color", "$value": "#0046d1", "group": "semantic", + "$modes": { + "default": "#0046d1", + "cds-g0": "#0043ce", + "cds-g10": "#0043ce", + "cds-g90": "#a6c8ff", + "cds-g100": "#a6c8ff" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.blue-400}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + }, "key": "{color.foreground.action-active}" }, "name": "token-color-foreground-action-active", @@ -1552,12 +2434,26 @@ "$type": "color", "$value": "#a737ff", "group": "semantic", + "$modes": { + "default": "#a737ff", + "cds-g0": "#8a3ffc", + "cds-g10": "#8a3ffc", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.purple-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, "key": "{color.foreground.highlight}" }, "name": "token-color-foreground-highlight", @@ -1575,12 +2471,26 @@ "$type": "color", "$value": "#911ced", "group": "semantic", + "$modes": { + "default": "#911ced", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#d4bbff", + "cds-g100": "#d4bbff" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.purple-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + }, "key": "{color.foreground.highlight-on-surface}" }, "name": "token-color-foreground-highlight-on-surface", @@ -1598,12 +2508,26 @@ "$type": "color", "$value": "#42215b", "group": "semantic", + "$modes": { + "default": "#42215b", + "cds-g0": "#491d8b", + "cds-g10": "#491d8b", + "cds-g90": "#e8daff", + "cds-g100": "#d4bbff" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.purple-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + }, "key": "{color.foreground.highlight-high-contrast}" }, "name": "token-color-foreground-highlight-high-contrast", @@ -1621,12 +2545,26 @@ "$type": "color", "$value": "#008a22", "group": "semantic", + "$modes": { + "default": "#008a22", + "cds-g0": "#198038", + "cds-g10": "#198038", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.green-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, "key": "{color.foreground.success}" }, "name": "token-color-foreground-success", @@ -1644,12 +2582,26 @@ "$type": "color", "$value": "#00781e", "group": "semantic", + "$modes": { + "default": "#00781e", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#6fdc8c", + "cds-g100": "#6fdc8c" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.green-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + }, "key": "{color.foreground.success-on-surface}" }, "name": "token-color-foreground-success-on-surface", @@ -1667,12 +2619,26 @@ "$type": "color", "$value": "#054220", "group": "semantic", + "$modes": { + "default": "#054220", + "cds-g0": "#044317", + "cds-g10": "#044317", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.green-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + }, "key": "{color.foreground.success-high-contrast}" }, "name": "token-color-foreground-success-high-contrast", @@ -1690,12 +2656,26 @@ "$type": "color", "$value": "#bb5a00", "group": "semantic", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#ba4e00", + "cds-g10": "#ba4e00", + "cds-g90": "#ff832b", + "cds-g100": "#ff832b" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.amber-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + }, "key": "{color.foreground.warning}" }, "name": "token-color-foreground-warning", @@ -1713,12 +2693,26 @@ "$type": "color", "$value": "#9e4b00", "group": "semantic", + "$modes": { + "default": "#9e4b00", + "cds-g0": "#8a3800", + "cds-g10": "#8a3800", + "cds-g90": "#ffb784", + "cds-g100": "#ffb784" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.amber-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + }, "key": "{color.foreground.warning-on-surface}" }, "name": "token-color-foreground-warning-on-surface", @@ -1736,12 +2730,26 @@ "$type": "color", "$value": "#542800", "group": "semantic", + "$modes": { + "default": "#542800", + "cds-g0": "#5e2900", + "cds-g10": "#5e2900", + "cds-g90": "#ffd9be", + "cds-g100": "#ffd9be" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.amber-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + }, "key": "{color.foreground.warning-high-contrast}" }, "name": "token-color-foreground-warning-high-contrast", @@ -1759,12 +2767,26 @@ "$type": "color", "$value": "#e52228", "group": "semantic", + "$modes": { + "default": "#e52228", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.red-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, "key": "{color.foreground.critical}" }, "name": "token-color-foreground-critical", @@ -1782,12 +2804,26 @@ "$type": "color", "$value": "#c00005", "group": "semantic", + "$modes": { + "default": "#c00005", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffb3b8", + "cds-g100": "#ffb3b8" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.red-300}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + }, "key": "{color.foreground.critical-on-surface}" }, "name": "token-color-foreground-critical-on-surface", @@ -1805,12 +2841,26 @@ "$type": "color", "$value": "#51130a", "group": "semantic", + "$modes": { + "default": "#51130a", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, "filePath": "src/global/color/semantic-foreground.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.red-500}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + }, "key": "{color.foreground.critical-high-contrast}" }, "name": "token-color-foreground-critical-high-contrast", @@ -1830,12 +2880,26 @@ "$type": "color", "$value": "#ffffff", "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, "filePath": "src/global/color/semantic-page.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, "key": "{color.page.primary}" }, "name": "token-color-page-primary", @@ -1853,12 +2917,26 @@ "$type": "color", "$value": "#fafafa", "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#ffffff", + "cds-g10": "#f4f4f4", + "cds-g90": "#262626", + "cds-g100": "#161616" + }, "filePath": "src/global/color/semantic-page.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + }, "key": "{color.page.faint}" }, "name": "token-color-page-faint", @@ -1878,12 +2956,26 @@ "$type": "color", "$value": "#ffffff", "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, "key": "{color.surface.primary}" }, "name": "token-color-surface-primary", @@ -1901,12 +2993,26 @@ "$type": "color", "$value": "#fafafa", "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, "key": "{color.surface.faint}" }, "name": "token-color-surface-faint", @@ -1924,12 +3030,26 @@ "$type": "color", "$value": "#f1f2f3", "group": "semantic", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, "key": "{color.surface.strong}" }, "name": "token-color-surface-strong", @@ -1947,12 +3067,26 @@ "$type": "color", "$value": "#ffffff", "group": "semantic", + "$modes": { + "default": "#ffffff", + "cds-g0": "#f4f4f4", + "cds-g10": "#ffffff", + "cds-g90": "#393939", + "cds-g100": "#262626" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-0}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + }, "key": "{color.surface.interactive}" }, "name": "token-color-surface-interactive", @@ -1970,12 +3104,26 @@ "$type": "color", "$value": "#f1f2f3", "group": "semantic", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "#e8e8e8", + "cds-g10": "#e8e8e8", + "cds-g90": "#474747", + "cds-g100": "#333333" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-100}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + }, "key": "{color.surface.interactive-hover}" }, "name": "token-color-surface-interactive-hover", @@ -1993,12 +3141,26 @@ "$type": "color", "$value": "#dedfe3", "group": "semantic", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#6f6f6f", + "cds-g100": "#525252" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-200}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + }, "key": "{color.surface.interactive-active}" }, "name": "token-color-surface-interactive-active", @@ -2016,12 +3178,26 @@ "$type": "color", "$value": "#fafafa", "group": "semantic", + "$modes": { + "default": "#fafafa", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.neutral-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + }, "key": "{color.surface.interactive-disabled}" }, "name": "token-color-surface-interactive-disabled", @@ -2039,12 +3215,26 @@ "$type": "color", "$value": "#f2f8ff", "group": "semantic", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "#d0e2ff", + "cds-g10": "#d0e2ff", + "cds-g90": "#0043ce", + "cds-g100": "#0043ce" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.blue-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + }, "key": "{color.surface.action}" }, "name": "token-color-surface-action", @@ -2062,12 +3252,26 @@ "$type": "color", "$value": "#f9f2ff", "group": "semantic", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.purple-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + }, "key": "{color.surface.highlight}" }, "name": "token-color-surface-highlight", @@ -2085,12 +3289,26 @@ "$type": "color", "$value": "#f2fbf6", "group": "semantic", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.green-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + }, "key": "{color.surface.success}" }, "name": "token-color-surface-success", @@ -2108,12 +3326,26 @@ "$type": "color", "$value": "#fff9e8", "group": "semantic", + "$modes": { + "default": "#fff9e8", + "cds-g0": "#ffd9be", + "cds-g10": "#ffd9be", + "cds-g90": "#8a3800", + "cds-g100": "#8a3800" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.amber-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + }, "key": "{color.surface.warning}" }, "name": "token-color-surface-warning", @@ -2131,12 +3363,26 @@ "$type": "color", "$value": "#fff5f5", "group": "semantic", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, "filePath": "src/global/color/semantic-surface.json", "isSource": true, "original": { "$type": "color", "$value": "{color.palette.red-50}", "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + }, "key": "{color.surface.critical}" }, "name": "token-color-surface-critical", @@ -5326,29 +6572,4907 @@ } } }, - "form": { - "label": { - "color": { - "key": "{form.label.color}", - "$type": "color", - "$value": "#0c0c0e", - "group": "components", - "filePath": "src/products/shared/form/base-elements.json", + "badge-count": { + "padding": { + "horizontal": { + "small": { + "key": "{badge-count.padding.horizontal.small}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "filePath": "src/products/shared/badge-count.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.small}" + }, + "name": "token-badge-count-padding-horizontal-small", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "small" + ] + }, + "medium": { + "key": "{badge-count.padding.horizontal.medium}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "filePath": "src/products/shared/badge-count.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge-count.padding.horizontal.medium}" + }, + "name": "token-badge-count-padding-horizontal-medium", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "medium" + ] + }, + "large": { + "key": "{badge-count.padding.horizontal.large}", + "$type": "dimension", + "$value": "14px", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "filePath": "src/products/shared/badge-count.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge-count.padding.horizontal.large}" + }, + "name": "token-badge-count-padding-horizontal-large", + "attributes": { + "category": "badge-count" + }, + "path": [ + "badge-count", + "padding", + "horizontal", + "large" + ] + } + } + } + }, + "badge": { + "height": { + "small": { + "key": "{badge.height.small}", + "$type": "dimension", + "$value": "20px", + "unit": "px", + "filePath": "src/products/shared/badge.json", "isSource": true, "original": { - "$type": "color", - "$value": "{color.foreground.strong}", - "group": "components", - "key": "{form.label.color}" + "$type": "dimension", + "$value": "20", + "unit": "px", + "key": "{badge.height.small}" }, - "name": "token-form-label-color", + "name": "token-badge-height-small", "attributes": { - "category": "form" + "category": "badge" }, "path": [ - "form", - "label", - "color" + "badge", + "height", + "small" + ] + }, + "medium": { + "key": "{badge.height.medium}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "key": "{badge.height.medium}" + }, + "name": "token-badge-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "medium" + ] + }, + "large": { + "key": "{badge.height.large}", + "$type": "dimension", + "$value": "32px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "32", + "unit": "px", + "key": "{badge.height.large}" + }, + "name": "token-badge-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "height", + "large" + ] + } + }, + "padding": { + "horizontal": { + "small": { + "key": "{badge.padding.horizontal.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.small}" + }, + "name": "token-badge-padding-horizontal-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "small" + ] + }, + "medium": { + "key": "{badge.padding.horizontal.medium}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.padding.horizontal.medium}" + }, + "name": "token-badge-padding-horizontal-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "medium" + ] + }, + "large": { + "key": "{badge.padding.horizontal.large}", + "$type": "dimension", + "$value": "8px", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.padding.horizontal.large}" + }, + "name": "token-badge-padding-horizontal-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "horizontal", + "large" + ] + } + }, + "vertical": { + "small": { + "key": "{badge.padding.vertical.small}", + "$type": "dimension", + "$value": "2px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "2", + "unit": "px", + "key": "{badge.padding.vertical.small}" + }, + "name": "token-badge-padding-vertical-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "small" + ] + }, + "medium": { + "key": "{badge.padding.vertical.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.medium}" + }, + "name": "token-badge-padding-vertical-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "medium" + ] + }, + "large": { + "key": "{badge.padding.vertical.large}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "key": "{badge.padding.vertical.large}" + }, + "name": "token-badge-padding-vertical-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "padding", + "vertical", + "large" + ] + } + } + }, + "gap": { + "small": { + "key": "{badge.gap.small}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.small}" + }, + "name": "token-badge-gap-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "small" + ] + }, + "medium": { + "key": "{badge.gap.medium}", + "$type": "dimension", + "$value": "4px", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.medium}" + }, + "name": "token-badge-gap-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "medium" + ] + }, + "large": { + "key": "{badge.gap.large}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + }, + "key": "{badge.gap.large}" + }, + "name": "token-badge-gap-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "gap", + "large" + ] + } + }, + "typography": { + "font-size": { + "small": { + "key": "{badge.typography.font-size.small}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.small}" + }, + "name": "token-badge-typography-font-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "small" + ] + }, + "medium": { + "key": "{badge.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.medium}" + }, + "name": "token-badge-typography-font-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "medium" + ] + }, + "large": { + "key": "{badge.typography.font-size.large}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.typography.font-size.large}" + }, + "name": "token-badge-typography-font-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "font-size", + "large" + ] + } + }, + "line-height": { + "small": { + "key": "{badge.typography.line-height.small}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.small}" + }, + "name": "token-badge-typography-line-height-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "small" + ] + }, + "medium": { + "key": "{badge.typography.line-height.medium}", + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308", + "key": "{badge.typography.line-height.medium}" + }, + "name": "token-badge-typography-line-height-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "medium" + ] + }, + "large": { + "key": "{badge.typography.line-height.large}", + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + }, + "key": "{badge.typography.line-height.large}" + }, + "name": "token-badge-typography-line-height-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "typography", + "line-height", + "large" + ] + } + } + }, + "foreground": { + "color": { + "neutral": { + "filled": { + "key": "{badge.foreground.color.neutral.filled}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.filled}" + }, + "name": "token-badge-foreground-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "filled" + ] + }, + "inverted": { + "key": "{badge.foreground.color.neutral.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)", + "key": "{badge.foreground.color.neutral.inverted}" + }, + "name": "token-badge-foreground-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "inverted" + ] + }, + "outlined": { + "key": "{badge.foreground.color.neutral.outlined}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral.outlined}" + }, + "name": "token-badge-foreground-color-neutral-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral", + "outlined" + ] + } + }, + "neutral-dark-mode": { + "filled": { + "key": "{badge.foreground.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#ffffff", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "key": "{badge.foreground.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "inverted": { + "key": "{badge.foreground.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#161616", + "cds-g10": "#161616", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "inverted" + ] + }, + "outlined": { + "key": "{badge.foreground.color.neutral-dark-mode.outlined}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.neutral-dark-mode.outlined}" + }, + "name": "token-badge-foreground-color-neutral-dark-mode-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "neutral-dark-mode", + "outlined" + ] + } + }, + "highlight": { + "filled": { + "key": "{badge.foreground.color.highlight.filled}", + "$type": "color", + "$value": "#7b00db", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#7b00db", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.purple-400}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.filled}" + }, + "name": "token-badge-foreground-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "filled" + ] + }, + "inverted": { + "key": "{badge.foreground.color.highlight.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.highlight.inverted}" + }, + "name": "token-badge-foreground-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "inverted" + ] + }, + "outlined": { + "key": "{badge.foreground.color.highlight.outlined}", + "$type": "color", + "$value": "#a737ff", + "$modes": { + "default": "#a737ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#e8daff", + "cds-g100": "#e8daff" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.highlight}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + }, + "key": "{badge.foreground.color.highlight.outlined}" + }, + "name": "token-badge-foreground-color-highlight-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "highlight", + "outlined" + ] + } + }, + "success": { + "filled": { + "key": "{badge.foreground.color.success.filled}", + "$type": "color", + "$value": "#006619", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#006619", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.green-400}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.filled}" + }, + "name": "token-badge-foreground-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "filled" + ] + }, + "inverted": { + "key": "{badge.foreground.color.success.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.success.inverted}" + }, + "name": "token-badge-foreground-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "inverted" + ] + }, + "outlined": { + "key": "{badge.foreground.color.success.outlined}", + "$type": "color", + "$value": "#008a22", + "$modes": { + "default": "#008a22", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#a7f0ba", + "cds-g100": "#a7f0ba" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.success}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + }, + "key": "{badge.foreground.color.success.outlined}" + }, + "name": "token-badge-foreground-color-success-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "success", + "outlined" + ] + } + }, + "warning": { + "filled": { + "key": "{badge.foreground.color.warning.filled}", + "$type": "color", + "$value": "#803d00", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#803d00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.amber-400}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.filled}" + }, + "name": "token-badge-foreground-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "filled" + ] + }, + "inverted": { + "key": "{badge.foreground.color.warning.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.warning.inverted}" + }, + "name": "token-badge-foreground-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "inverted" + ] + }, + "outlined": { + "key": "{badge.foreground.color.warning.outlined}", + "$type": "color", + "$value": "#bb5a00", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#fddc69", + "cds-g100": "#fddc69" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.warning}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + }, + "key": "{badge.foreground.color.warning.outlined}" + }, + "name": "token-badge-foreground-color-warning-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "warning", + "outlined" + ] + } + }, + "critical": { + "filled": { + "key": "{badge.foreground.color.critical.filled}", + "$type": "color", + "$value": "#940004", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "#940004", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.filled}" + }, + "name": "token-badge-foreground-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "filled" + ] + }, + "inverted": { + "key": "{badge.foreground.color.critical.inverted}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{badge.foreground.color.critical.inverted}" + }, + "name": "token-badge-foreground-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "inverted" + ] + }, + "outlined": { + "key": "{badge.foreground.color.critical.outlined}", + "$type": "color", + "$value": "#e52228", + "$modes": { + "default": "#e52228", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ffd7d9", + "cds-g100": "#ffd7d9" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.critical}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + }, + "key": "{badge.foreground.color.critical.outlined}" + }, + "name": "token-badge-foreground-color-critical-outlined", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "foreground", + "color", + "critical", + "outlined" + ] + } + } + } + }, + "surface": { + "color": { + "neutral": { + "filled": { + "key": "{badge.surface.color.neutral.filled}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-200}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral.filled}" + }, + "name": "token-badge-surface-color-neutral-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "filled" + ] + }, + "inverted": { + "key": "{badge.surface.color.neutral.inverted}", + "$type": "color", + "$value": "#656a76", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted", + "key": "{badge.surface.color.neutral.inverted}" + }, + "name": "token-badge-surface-color-neutral-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral", + "inverted" + ] + } + }, + "neutral-dark-mode": { + "filled": { + "key": "{badge.surface.color.neutral-dark-mode.filled}", + "$type": "color", + "$value": "#656a76", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)", + "key": "{badge.surface.color.neutral-dark-mode.filled}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "filled" + ] + }, + "inverted": { + "key": "{badge.surface.color.neutral-dark-mode.inverted}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#e0e0e0", + "cds-g10": "#e0e0e0", + "cds-g90": "#525252", + "cds-g100": "#525252" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + }, + "key": "{badge.surface.color.neutral-dark-mode.inverted}" + }, + "name": "token-badge-surface-color-neutral-dark-mode-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "neutral-dark-mode", + "inverted" + ] + } + }, + "highlight": { + "filled": { + "key": "{badge.surface.color.highlight.filled}", + "$type": "color", + "$value": "#ead2fe", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "#ead2fe", + "cds-g0": "#e8daff", + "cds-g10": "#e8daff", + "cds-g90": "#6929c4", + "cds-g100": "#6929c4" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.purple-100}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + }, + "key": "{badge.surface.color.highlight.filled}" + }, + "name": "token-badge-surface-color-highlight-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "filled" + ] + }, + "inverted": { + "key": "{badge.surface.color.highlight.inverted}", + "$type": "color", + "$value": "#a737ff", + "$modes": { + "default": "#a737ff", + "cds-g0": "#6929c4", + "cds-g10": "#6929c4", + "cds-g90": "#be95ff", + "cds-g100": "#be95ff" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.purple-200}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + }, + "key": "{badge.surface.color.highlight.inverted}" + }, + "name": "token-badge-surface-color-highlight-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "highlight", + "inverted" + ] + } + }, + "success": { + "filled": { + "key": "{badge.surface.color.success.filled}", + "$type": "color", + "$value": "#cceeda", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "#cceeda", + "cds-g0": "#a7f0ba", + "cds-g10": "#a7f0ba", + "cds-g90": "#0e6027", + "cds-g100": "#0e6027" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.green-100}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + }, + "key": "{badge.surface.color.success.filled}" + }, + "name": "token-badge-surface-color-success-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "filled" + ] + }, + "inverted": { + "key": "{badge.surface.color.success.inverted}", + "$type": "color", + "$value": "#008a22", + "$modes": { + "default": "#008a22", + "cds-g0": "#0e6027", + "cds-g10": "#0e6027", + "cds-g90": "#42be65", + "cds-g100": "#42be65" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.green-200}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + }, + "key": "{badge.surface.color.success.inverted}" + }, + "name": "token-badge-surface-color-success-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "success", + "inverted" + ] + } + }, + "warning": { + "filled": { + "key": "{badge.surface.color.warning.filled}", + "$type": "color", + "$value": "#fbeabf", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "#fbeabf", + "cds-g0": "#fddc69", + "cds-g10": "#fddc69", + "cds-g90": "#684e00", + "cds-g100": "#684e00" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.amber-100}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + }, + "key": "{badge.surface.color.warning.filled}" + }, + "name": "token-badge-surface-color-warning-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "filled" + ] + }, + "inverted": { + "key": "{badge.surface.color.warning.inverted}", + "$type": "color", + "$value": "#bb5a00", + "$modes": { + "default": "#bb5a00", + "cds-g0": "#684e00", + "cds-g10": "#684e00", + "cds-g90": "#d2a106", + "cds-g100": "#d2a106" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.amber-200}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + }, + "key": "{badge.surface.color.warning.inverted}" + }, + "name": "token-badge-surface-color-warning-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "warning", + "inverted" + ] + } + }, + "critical": { + "filled": { + "key": "{badge.surface.color.critical.filled}", + "$type": "color", + "$value": "#fbd4d4", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "#ffd7d9", + "cds-g10": "#ffd7d9", + "cds-g90": "#a2191f", + "cds-g100": "#a2191f" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.red-100}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + }, + "key": "{badge.surface.color.critical.filled}" + }, + "name": "token-badge-surface-color-critical-filled", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "filled" + ] + }, + "inverted": { + "key": "{badge.surface.color.critical.inverted}", + "$type": "color", + "$value": "#e52228", + "$modes": { + "default": "#e52228", + "cds-g0": "#a2191f", + "cds-g10": "#a2191f", + "cds-g90": "#ff8389", + "cds-g100": "#ff8389" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.red-200}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + }, + "key": "{badge.surface.color.critical.inverted}" + }, + "name": "token-badge-surface-color-critical-inverted", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "surface", + "color", + "critical", + "inverted" + ] + } + } + } + }, + "border": { + "width": { + "key": "{badge.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{badge.border.width}" + }, + "name": "token-badge-border-width", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "width" + ] + }, + "radius": { + "small": { + "key": "{badge.border.radius.small}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + }, + "key": "{badge.border.radius.small}" + }, + "name": "token-badge-border-radius-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "small" + ] + }, + "medium": { + "key": "{badge.border.radius.medium}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + }, + "key": "{badge.border.radius.medium}" + }, + "name": "token-badge-border-radius-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "medium" + ] + }, + "large": { + "key": "{badge.border.radius.large}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{badge.border.radius.large}" + }, + "name": "token-badge-border-radius-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "border", + "radius", + "large" + ] + } + } + }, + "icon": { + "size": { + "small": { + "key": "{badge.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "key": "{badge.icon.size.small}" + }, + "name": "token-badge-icon-size-small", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "small" + ] + }, + "medium": { + "key": "{badge.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.medium}" + }, + "name": "token-badge-icon-size-medium", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "medium" + ] + }, + "large": { + "key": "{badge.icon.size.large}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "filePath": "src/products/shared/badge.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "key": "{badge.icon.size.large}" + }, + "name": "token-badge-icon-size-large", + "attributes": { + "category": "badge" + }, + "path": [ + "badge", + "icon", + "size", + "large" + ] + } + } + } + }, + "button": { + "height": { + "small": { + "key": "{button.height.small}", + "$type": "dimension", + "$value": "28px", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.height.small}" + }, + "name": "token-button-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "small" + ] + }, + "medium": { + "key": "{button.height.medium}", + "$type": "dimension", + "$value": "36px", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + }, + "key": "{button.height.medium}" + }, + "name": "token-button-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "medium" + ] + }, + "large": { + "key": "{button.height.large}", + "$type": "dimension", + "$value": "48px", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + }, + "key": "{button.height.large}" + }, + "name": "token-button-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "height", + "large" + ] + } + }, + "padding": { + "horizontal": { + "small": { + "key": "{button.padding.horizontal.small}", + "$type": "dimension", + "$value": "11px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.small}" + }, + "name": "token-button-padding-horizontal-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "small" + ] + }, + "medium": { + "key": "{button.padding.horizontal.medium}", + "$type": "dimension", + "$value": "15px", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.medium}" + }, + "name": "token-button-padding-horizontal-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "medium" + ] + }, + "large": { + "key": "{button.padding.horizontal.large}", + "$type": "dimension", + "$value": "19px", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "19", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.horizontal.large}" + }, + "name": "token-button-padding-horizontal-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "horizontal", + "large" + ] + } + }, + "vertical": { + "small": { + "key": "{button.padding.vertical.small}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.small}" + }, + "name": "token-button-padding-vertical-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "small" + ] + }, + "medium": { + "key": "{button.padding.vertical.medium}", + "$type": "dimension", + "$value": "9px", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.medium}" + }, + "name": "token-button-padding-vertical-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "medium" + ] + }, + "large": { + "key": "{button.padding.vertical.large}", + "$type": "dimension", + "$value": "11px", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border", + "key": "{button.padding.vertical.large}" + }, + "name": "token-button-padding-vertical-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "padding", + "vertical", + "large" + ] + } + } + }, + "gap": { + "key": "{button.gap}", + "$type": "dimension", + "$value": "6px", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + }, + "key": "{button.gap}" + }, + "name": "token-button-gap", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "gap" + ] + }, + "typography": { + "font-size": { + "small": { + "key": "{button.typography.font-size.small}", + "$type": "font-size", + "$value": "0.8125rem", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.small}" + }, + "name": "token-button-typography-font-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "small" + ] + }, + "medium": { + "key": "{button.typography.font-size.medium}", + "$type": "font-size", + "$value": "0.875rem", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.medium}" + }, + "name": "token-button-typography-font-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "medium" + ] + }, + "large": { + "key": "{button.typography.font-size.large}", + "$type": "font-size", + "$value": "1rem", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "key": "{button.typography.font-size.large}" + }, + "name": "token-button-typography-font-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "font-size", + "large" + ] + } + }, + "line-height": { + "small": { + "key": "{button.typography.line-height.small}", + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.small}" + }, + "name": "token-button-typography-line-height-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "small" + ] + }, + "medium": { + "key": "{button.typography.line-height.medium}", + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.medium}" + }, + "name": "token-button-typography-line-height-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "medium" + ] + }, + "large": { + "key": "{button.typography.line-height.large}", + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + }, + "key": "{button.typography.line-height.large}" + }, + "name": "token-button-typography-line-height-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "typography", + "line-height", + "large" + ] + } + } + }, + "foreground": { + "color": { + "primary": { + "default": { + "key": "{button.foreground.color.primary.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.default}" + }, + "name": "token-button-foreground-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "default" + ] + }, + "hover": { + "key": "{button.foreground.color.primary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.hover}" + }, + "name": "token-button-foreground-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "hover" + ] + }, + "focus": { + "key": "{button.foreground.color.primary.focus}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.focus}" + }, + "name": "token-button-foreground-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "focus" + ] + }, + "active": { + "key": "{button.foreground.color.primary.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.primary.active}" + }, + "name": "token-button-foreground-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "primary", + "active" + ] + } + }, + "secondary": { + "default": { + "key": "{button.foreground.color.secondary.default}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.default}" + }, + "name": "token-button-foreground-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "default" + ] + }, + "hover": { + "key": "{button.foreground.color.secondary.hover}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.hover}" + }, + "name": "token-button-foreground-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "hover" + ] + }, + "focus": { + "key": "{button.foreground.color.secondary.focus}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.focus}" + }, + "name": "token-button-foreground-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "focus" + ] + }, + "active": { + "key": "{button.foreground.color.secondary.active}", + "$type": "color", + "$value": "#3b3d45", + "$modes": { + "default": "#3b3d45", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.secondary.active}" + }, + "name": "token-button-foreground-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "secondary", + "active" + ] + } + }, + "tertiary": { + "default": { + "key": "{button.foreground.color.tertiary.default}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + }, + "key": "{button.foreground.color.tertiary.default}" + }, + "name": "token-button-foreground-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "default" + ] + }, + "hover": { + "key": "{button.foreground.color.tertiary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.action-hover}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.hover}" + }, + "name": "token-button-foreground-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "hover" + ] + }, + "focus": { + "key": "{button.foreground.color.tertiary.focus}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.focus}" + }, + "name": "token-button-foreground-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "focus" + ] + }, + "active": { + "key": "{button.foreground.color.tertiary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#161616", + "cds-g100": "#161616" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.action-active}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "key": "{button.foreground.color.tertiary.active}" + }, + "name": "token-button-foreground-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "tertiary", + "active" + ] + } + }, + "critical": { + "default": { + "key": "{button.foreground.color.critical.default}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.default}" + }, + "name": "token-button-foreground-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "default" + ] + }, + "hover": { + "key": "{button.foreground.color.critical.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.hover}" + }, + "name": "token-button-foreground-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "hover" + ] + }, + "focus": { + "key": "{button.foreground.color.critical.focus}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.focus}" + }, + "name": "token-button-foreground-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "focus" + ] + }, + "active": { + "key": "{button.foreground.color.critical.active}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#ffffff", + "cds-g10": "#ffffff", + "cds-g90": "#ffffff", + "cds-g100": "#ffffff" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + }, + "key": "{button.foreground.color.critical.active}" + }, + "name": "token-button-foreground-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "critical", + "active" + ] + } + }, + "disabled": { + "key": "{button.foreground.color.disabled}", + "$type": "color", + "$value": "#8c909c", + "$modes": { + "default": "#8c909c", + "cds-g0": "#8d8d8d", + "cds-g10": "#8d8d8d", + "cds-g90": "rgba(255, 255, 255, 0.25)", + "cds-g100": "rgba(255, 255, 255, 0.25)" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + }, + "key": "{button.foreground.color.disabled}" + }, + "name": "token-button-foreground-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "foreground", + "color", + "disabled" + ] + } + } + }, + "surface": { + "color": { + "primary": { + "default": { + "key": "{button.surface.color.primary.default}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.default}" + }, + "name": "token-button-surface-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "default" + ] + }, + "hover": { + "key": "{button.surface.color.primary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#0050e6", + "cds-g100": "#0050e6" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + }, + "key": "{button.surface.color.primary.hover}" + }, + "name": "token-button-surface-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "hover" + ] + }, + "focus": { + "key": "{button.surface.color.primary.focus}", + "$type": "color", + "$value": "#1060ff", + "$modes": { + "default": "#1060ff", + "cds-g0": "#0f62fe", + "cds-g10": "#0f62fe", + "cds-g90": "#0f62fe", + "cds-g100": "#0f62fe" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + }, + "key": "{button.surface.color.primary.focus}" + }, + "name": "token-button-surface-color-primary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "focus" + ] + }, + "active": { + "key": "{button.surface.color.primary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#002d9c", + "cds-g100": "#002d9c" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + }, + "key": "{button.surface.color.primary.active}" + }, + "name": "token-button-surface-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "primary", + "active" + ] + } + }, + "secondary": { + "default": { + "key": "{button.surface.color.secondary.default}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.default}" + }, + "name": "token-button-surface-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "default" + ] + }, + "hover": { + "key": "{button.surface.color.secondary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#474747", + "cds-g10": "#474747", + "cds-g90": "#5e5e5e", + "cds-g100": "#5e5e5e" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + }, + "key": "{button.surface.color.secondary.hover}" + }, + "name": "token-button-surface-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "hover" + ] + }, + "focus": { + "key": "{button.surface.color.secondary.focus}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#393939", + "cds-g10": "#393939", + "cds-g90": "#6f6f6f", + "cds-g100": "#6f6f6f" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + }, + "key": "{button.surface.color.secondary.focus}" + }, + "name": "token-button-surface-color-secondary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "focus" + ] + }, + "active": { + "key": "{button.surface.color.secondary.active}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#6f6f6f", + "cds-g10": "#6f6f6f", + "cds-g90": "#393939", + "cds-g100": "#393939" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + }, + "key": "{button.surface.color.secondary.active}" + }, + "name": "token-button-surface-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "secondary", + "active" + ] + } + }, + "tertiary": { + "default": { + "key": "{button.surface.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.surface.color.tertiary.default}" + }, + "name": "token-button-surface-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "default" + ] + }, + "hover": { + "key": "{button.surface.color.tertiary.hover}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.hover}" + }, + "name": "token-button-surface-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "hover" + ] + }, + "focus": { + "key": "{button.surface.color.tertiary.focus}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "$modes": { + "default": "transparent", + "cds-g0": "#0050e6", + "cds-g10": "#0050e6", + "cds-g90": "#f4f4f4", + "cds-g100": "#f4f4f4" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + }, + "key": "{button.surface.color.tertiary.focus}" + }, + "name": "token-button-surface-color-tertiary-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "focus" + ] + }, + "active": { + "key": "{button.surface.color.tertiary.active}", + "$type": "color", + "$value": "#dedfe3", + "$modes": { + "default": "#dedfe3", + "cds-g0": "#002d9c", + "cds-g10": "#002d9c", + "cds-g90": "#c6c6c6", + "cds-g100": "#c6c6c6" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + }, + "key": "{button.surface.color.tertiary.active}" + }, + "name": "token-button-surface-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "tertiary", + "active" + ] + } + }, + "critical": { + "default": { + "key": "{button.surface.color.critical.default}", + "$type": "color", + "$value": "#fff5f5", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.default}" + }, + "name": "token-button-surface-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "default" + ] + }, + "hover": { + "key": "{button.surface.color.critical.hover}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "#b81921", + "cds-g10": "#b81921", + "cds-g90": "#b81921", + "cds-g100": "#b81921" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.red-300}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + }, + "key": "{button.surface.color.critical.hover}" + }, + "name": "token-button-surface-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "hover" + ] + }, + "focus": { + "key": "{button.surface.color.critical.focus}", + "$type": "color", + "$value": "#fff5f5", + "$modes": { + "default": "#fff5f5", + "cds-g0": "#da1e28", + "cds-g10": "#da1e28", + "cds-g90": "#da1e28", + "cds-g100": "#da1e28" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + }, + "key": "{button.surface.color.critical.focus}" + }, + "name": "token-button-surface-color-critical-focus", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "focus" + ] + }, + "active": { + "key": "{button.surface.color.critical.active}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "#750e13", + "cds-g10": "#750e13", + "cds-g90": "#750e13", + "cds-g100": "#750e13" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + }, + "key": "{button.surface.color.critical.active}" + }, + "name": "token-button-surface-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "critical", + "active" + ] + } + }, + "disabled": { + "key": "{button.surface.color.disabled}", + "$type": "color", + "$value": "#fafafa", + "$modes": { + "default": "#fafafa", + "cds-g0": "#c6c6c6", + "cds-g10": "#c6c6c6", + "cds-g90": "#8d8d8d", + "cds-g100": "#8d8d8d" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + }, + "key": "{button.surface.color.disabled}" + }, + "name": "token-button-surface-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "surface", + "color", + "disabled" + ] + } + } + }, + "border": { + "width": { + "key": "{button.border.width}", + "$type": "dimension", + "$value": "1px", + "unit": "px", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "1", + "unit": "px", + "key": "{button.border.width}" + }, + "name": "token-button-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "width" + ] + }, + "radius": { + "key": "{button.border.radius}", + "$type": "dimension", + "$value": "5px", + "unit": "px", + "$modes": { + "default": "5px", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, + "key": "{button.border.radius}" + }, + "name": "token-button-border-radius", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "radius" + ] + }, + "color": { + "primary": { + "default": { + "key": "{button.border.color.primary.default}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.default}" + }, + "name": "token-button-border-color-primary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "default" + ] + }, + "hover": { + "key": "{button.border.color.primary.hover}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.hover}" + }, + "name": "token-button-border-color-primary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "hover" + ] + }, + "focus": { + "internal": { + "key": "{button.border.color.primary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.primary.focus.internal}" + }, + "name": "token-button-border-color-primary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "internal" + ] + }, + "external": { + "key": "{button.border.color.primary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "$modes": { + "default": "#5990ff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.primary.focus.external}" + }, + "name": "token-button-border-color-primary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "focus", + "external" + ] + } + }, + "active": { + "key": "{button.border.color.primary.active}", + "$type": "color", + "$value": "#0046d1", + "$modes": { + "default": "#0046d1", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.primary.active}" + }, + "name": "token-button-border-color-primary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "primary", + "active" + ] + } + }, + "secondary": { + "default": { + "key": "{button.border.color.secondary.default}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.default}" + }, + "name": "token-button-border-color-secondary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "default" + ] + }, + "hover": { + "key": "{button.border.color.secondary.hover}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.hover}" + }, + "name": "token-button-border-color-secondary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "hover" + ] + }, + "focus": { + "internal": { + "key": "{button.border.color.secondary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.secondary.focus.internal}" + }, + "name": "token-button-border-color-secondary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "internal" + ] + }, + "external": { + "key": "{button.border.color.secondary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "$modes": { + "default": "#5990ff", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.secondary.focus.external}" + }, + "name": "token-button-border-color-secondary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "focus", + "external" + ] + } + }, + "active": { + "key": "{button.border.color.secondary.active}", + "$type": "color", + "$value": "#3b3d4566", + "$modes": { + "default": "#3b3d4566", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.secondary.active}" + }, + "name": "token-button-border-color-secondary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "secondary", + "active" + ] + } + }, + "tertiary": { + "default": { + "key": "{button.border.color.tertiary.default}", + "$type": "color", + "$value": "rgba(0, 0, 0, 0)", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "transparent", + "key": "{button.border.color.tertiary.default}" + }, + "name": "token-button-border-color-tertiary-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "default" + ] + }, + "hover": { + "key": "{button.border.color.tertiary.hover}", + "$type": "color", + "$value": "#3b3d4566", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.hover}" + }, + "name": "token-button-border-color-tertiary-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "hover" + ] + }, + "focus": { + "internal": { + "key": "{button.border.color.tertiary.focus.internal}", + "$type": "color", + "$value": "#0c56e9", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "key": "{button.border.color.tertiary.focus.internal}" + }, + "name": "token-button-border-color-tertiary-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "internal" + ] + }, + "external": { + "key": "{button.border.color.tertiary.focus.external}", + "$type": "color", + "$value": "#5990ff", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.action.external}", + "key": "{button.border.color.tertiary.focus.external}" + }, + "name": "token-button-border-color-tertiary-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "focus", + "external" + ] + } + }, + "active": { + "key": "{button.border.color.tertiary.active}", + "$type": "color", + "$value": "#3b3d4566", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.border.strong}", + "key": "{button.border.color.tertiary.active}" + }, + "name": "token-button-border-color-tertiary-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "tertiary", + "active" + ] + } + }, + "critical": { + "default": { + "key": "{button.border.color.critical.default}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.default}" + }, + "name": "token-button-border-color-critical-default", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "default" + ] + }, + "hover": { + "key": "{button.border.color.critical.hover}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.hover}" + }, + "name": "token-button-border-color-critical-hover", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "hover" + ] + }, + "focus": { + "internal": { + "key": "{button.border.color.critical.focus.internal}", + "$type": "color", + "$value": "#c00005", + "$modes": { + "default": "#c00005", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.critical.internal}", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones", + "key": "{button.border.color.critical.focus.internal}" + }, + "name": "token-button-border-color-critical-focus-internal", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "internal" + ] + }, + "external": { + "key": "{button.border.color.critical.focus.external}", + "$type": "color", + "$value": "#dd7578", + "$modes": { + "default": "#dd7578", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.critical.external}", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones", + "key": "{button.border.color.critical.focus.external}" + }, + "name": "token-button-border-color-critical-focus-external", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "focus", + "external" + ] + } + }, + "active": { + "key": "{button.border.color.critical.active}", + "$type": "color", + "$value": "#940004", + "$modes": { + "default": "#940004", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{button.border.color.critical.active}" + }, + "name": "token-button-border-color-critical-active", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "critical", + "active" + ] + } + }, + "disabled": { + "key": "{button.border.color.disabled}", + "$type": "color", + "$value": "#656a7633", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.border.primary}", + "key": "{button.border.color.disabled}" + }, + "name": "token-button-border-color-disabled", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "border", + "color", + "disabled" + ] + } + } + }, + "focus": { + "border": { + "width": { + "key": "{button.focus.border.width}", + "$type": "dimension", + "$value": "3px", + "unit": "px", + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "3", + "unit": "px", + "key": "{button.focus.border.width}" + }, + "name": "token-button-focus-border-width", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "focus", + "border", + "width" + ] + } + } + }, + "icon": { + "size": { + "small": { + "key": "{button.icon.size.small}", + "$type": "dimension", + "$value": "12px", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.small}" + }, + "name": "token-button-icon-size-small", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "small" + ] + }, + "medium": { + "key": "{button.icon.size.medium}", + "$type": "dimension", + "$value": "16px", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.medium}" + }, + "name": "token-button-icon-size-medium", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "medium" + ] + }, + "large": { + "key": "{button.icon.size.large}", + "$type": "dimension", + "$value": "24px", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "filePath": "src/products/shared/button.json", + "isSource": true, + "original": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + }, + "key": "{button.icon.size.large}" + }, + "name": "token-button-icon-size-large", + "attributes": { + "category": "button" + }, + "path": [ + "button", + "icon", + "size", + "large" + ] + } + } + } + }, + "form": { + "label": { + "color": { + "key": "{form.label.color}", + "$type": "color", + "$value": "#0c0c0e", + "group": "components", + "filePath": "src/products/shared/form/base-elements.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.foreground.strong}", + "group": "components", + "key": "{form.label.color}" + }, + "name": "token-form-label-color", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "label", + "color" ] } }, @@ -6411,12 +12535,26 @@ "$type": "dimension", "$value": "6px", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "filePath": "src/products/shared/form/radiocard.json", "isSource": true, "original": { "$type": "dimension", "$value": "6", "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + }, "key": "{form.radiocard.border.radius}" }, "name": "token-form-radiocard-border-radius", @@ -6429,6 +12567,119 @@ "border", "radius" ] + }, + "color": { + "default": { + "key": "{form.radiocard.border.color.default}", + "$type": "color", + "$value": "#ffffff", + "$modes": { + "default": "#ffffff", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "filePath": "src/products/shared/form/radiocard.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + }, + "key": "{form.radiocard.border.color.default}" + }, + "name": "token-form-radiocard-border-color-default", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default" + ] + }, + "focus": { + "key": "{form.radiocard.border.color.focus}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "filePath": "src/products/shared/form/radiocard.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.focus}" + }, + "name": "token-form-radiocard-border-color-focus", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "focus" + ] + }, + "default-checked": { + "key": "{form.radiocard.border.color.default-checked}", + "$type": "color", + "$value": "#0c56e9", + "$modes": { + "default": "#0c56e9", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "filePath": "src/products/shared/form/radiocard.json", + "isSource": true, + "original": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "key": "{form.radiocard.border.color.default-checked}" + }, + "name": "token-form-radiocard-border-color-default-checked", + "attributes": { + "category": "form" + }, + "path": [ + "form", + "radiocard", + "border", + "color", + "default-checked" + ] + } } }, "content-padding": { @@ -8405,16 +14656,25 @@ "key": "{typography.font-stack.display}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", - "$value": [ - "{typography.font-stack.sans.display.macOS}", - "{typography.font-stack.sans.display.windows}", - "{typography.font-stack.sans.display.sans}", - "{typography.font-stack.sans.display.emoji}" - ], + "$value": "{typography.font-stack.sans.display.combined}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.font-stack.display}" }, "name": "token-typography-font-stack-display", @@ -8431,16 +14691,25 @@ "key": "{typography.font-stack.text}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", - "$value": [ - "{typography.font-stack.sans.text.macOS}", - "{typography.font-stack.sans.text.windows}", - "{typography.font-stack.sans.display.sans}", - "{typography.font-stack.sans.text.emoji}" - ], + "$value": "{typography.font-stack.sans.text.combined}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.font-stack.text}" }, "name": "token-typography-font-stack-text", @@ -8457,15 +14726,25 @@ "key": "{typography.font-stack.code}", "$type": "font-family", "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", - "$value": [ - "{typography.font-stack.monospace.code.macOS}", - "{typography.font-stack.monospace.code.windows}", - "monospace" - ], + "$value": "{typography.font-stack.monospace.code.combined}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, "key": "{typography.font-stack.code}" }, "name": "token-typography-font-stack-code", @@ -8483,12 +14762,26 @@ "regular": { "key": "{typography.font-weight.regular}", "$type": "font-weight", - "$value": 400, + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-weight", - "$value": 400, + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, "key": "{typography.font-weight.regular}" }, "name": "token-typography-font-weight-regular", @@ -8504,12 +14797,26 @@ "medium": { "key": "{typography.font-weight.medium}", "$type": "font-weight", - "$value": 500, + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": 400, + "cds-g10": 400, + "cds-g90": 400, + "cds-g100": 400 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-weight", - "$value": 500, + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + }, "key": "{typography.font-weight.medium}" }, "name": "token-typography-font-weight-medium", @@ -8525,12 +14832,26 @@ "semibold": { "key": "{typography.font-weight.semibold}", "$type": "font-weight", - "$value": 600, + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-weight", - "$value": 600, + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, "key": "{typography.font-weight.semibold}" }, "name": "token-typography-font-weight-semibold", @@ -8546,12 +14867,26 @@ "bold": { "key": "{typography.font-weight.bold}", "$type": "font-weight", - "$value": 700, + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": 600, + "cds-g10": 600, + "cds-g90": 600, + "cds-g100": 600 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-weight", - "$value": 700, + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + }, "key": "{typography.font-weight.bold}" }, "name": "token-typography-font-weight-bold", @@ -8570,11 +14905,25 @@ "key": "{typography.display-500.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-500.font-family}" }, "name": "token-typography-display-500-font-family", @@ -8593,6 +14942,13 @@ "$value": "1.875rem", "unit": "px", "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "2rem", + "cds-g10": "2rem", + "cds-g90": "2rem", + "cds-g100": "2rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -8600,6 +14956,13 @@ "$value": "30", "unit": "px", "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + }, "key": "{typography.display-500.font-size}" }, "name": "token-typography-display-500-font-size", @@ -8617,12 +14980,26 @@ "$type": "number", "$value": 1.2666, "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": 1.25, + "cds-g10": 1.25, + "cds-g90": 1.25, + "cds-g100": 1.25 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.2666, "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + }, "key": "{typography.display-500.line-height}" }, "name": "token-typography-display-500-line-height", @@ -8634,6 +15011,45 @@ "display-500", "line-height" ] + }, + "letter-spacing": { + "key": "{typography.display-500.letter-spacing}", + "$type": "letter-spacing", + "$value": "-0.5px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "filePath": "src/products/shared/typography.json", + "isSource": true, + "original": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + }, + "key": "{typography.display-500.letter-spacing}" + }, + "name": "token-typography-display-500-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-500", + "letter-spacing" + ] } }, "display-400": { @@ -8641,11 +15057,25 @@ "key": "{typography.display-400.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-400.font-family}" }, "name": "token-typography-display-400-font-family", @@ -8664,6 +15094,13 @@ "$value": "1.5rem", "unit": "px", "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "1.75rem", + "cds-g10": "1.75rem", + "cds-g90": "1.75rem", + "cds-g100": "1.75rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -8671,6 +15108,13 @@ "$value": "24", "unit": "px", "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + }, "key": "{typography.display-400.font-size}" }, "name": "token-typography-display-400-font-size", @@ -8688,12 +15132,26 @@ "$type": "number", "$value": 1.3333, "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.3333, "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + }, "key": "{typography.display-400.line-height}" }, "name": "token-typography-display-400-line-height", @@ -8705,6 +15163,45 @@ "display-400", "line-height" ] + }, + "letter-spacing": { + "key": "{typography.display-400.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, + "filePath": "src/products/shared/typography.json", + "isSource": true, + "original": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + }, + "key": "{typography.display-400.letter-spacing}" + }, + "name": "token-typography-display-400-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-400", + "letter-spacing" + ] } }, "display-300": { @@ -8712,11 +15209,25 @@ "key": "{typography.display-300.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-300.font-family}" }, "name": "token-typography-display-300-font-family", @@ -8735,6 +15246,13 @@ "$value": "1.125rem", "unit": "px", "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "1.25rem", + "cds-g10": "1.25rem", + "cds-g90": "1.25rem", + "cds-g100": "1.25rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -8742,6 +15260,13 @@ "$value": "18", "unit": "px", "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + }, "key": "{typography.display-300.font-size}" }, "name": "token-typography-display-300-font-size", @@ -8759,12 +15284,26 @@ "$type": "number", "$value": 1.3333, "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": 1.4, + "cds-g10": 1.4, + "cds-g90": 1.4, + "cds-g100": 1.4 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.3333, "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + }, "key": "{typography.display-300.line-height}" }, "name": "token-typography-display-300-line-height", @@ -8783,6 +15322,13 @@ "$value": "-0.5px", "unit": "px", "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -8790,6 +15336,13 @@ "$value": -0.5, "unit": "px", "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + }, "key": "{typography.display-300.letter-spacing}" }, "name": "token-typography-display-300-letter-spacing", @@ -8808,11 +15361,25 @@ "key": "{typography.display-200.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-200.font-family}" }, "name": "token-typography-display-200-font-family", @@ -8831,6 +15398,13 @@ "$value": "1rem", "unit": "px", "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -8838,6 +15412,13 @@ "$value": "16", "unit": "px", "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + }, "key": "{typography.display-200.font-size}" }, "name": "token-typography-display-200-font-size", @@ -8855,12 +15436,26 @@ "$type": "number", "$value": 1.5, "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.5, "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + }, "key": "{typography.display-200.line-height}" }, "name": "token-typography-display-200-line-height", @@ -8879,6 +15474,13 @@ "$value": "-0.5px", "unit": "px", "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "0px", + "cds-g10": "0px", + "cds-g90": "0px", + "cds-g100": "0px" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -8886,6 +15488,13 @@ "$value": -0.5, "unit": "px", "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + }, "key": "{typography.display-200.letter-spacing}" }, "name": "token-typography-display-200-letter-spacing", @@ -8904,11 +15513,25 @@ "key": "{typography.display-100.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", - "$value": "{typography.font-stack.text}", + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.display-100.font-family}" }, "name": "token-typography-display-100-font-family", @@ -8927,6 +15550,13 @@ "$value": "0.8125rem", "unit": "px", "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -8934,6 +15564,13 @@ "$value": "13", "unit": "px", "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + }, "key": "{typography.display-100.font-size}" }, "name": "token-typography-display-100-font-size", @@ -8951,12 +15588,26 @@ "$type": "number", "$value": 1.3846, "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.3846, "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + }, "key": "{typography.display-100.line-height}" }, "name": "token-typography-display-100-line-height", @@ -8968,6 +15619,45 @@ "display-100", "line-height" ] + }, + "letter-spacing": { + "key": "{typography.display-100.letter-spacing}", + "$type": "letter-spacing", + "$value": "0px", + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "0.16px", + "cds-g10": "0.16px", + "cds-g90": "0.16px", + "cds-g100": "0.16px" + }, + "filePath": "src/products/shared/typography.json", + "isSource": true, + "original": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + }, + "key": "{typography.display-100.letter-spacing}" + }, + "name": "token-typography-display-100-letter-spacing", + "attributes": { + "category": "typography" + }, + "path": [ + "typography", + "display-100", + "letter-spacing" + ] } }, "body-300": { @@ -8975,11 +15665,25 @@ "key": "{typography.body-300.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.body-300.font-family}" }, "name": "token-typography-body-300-font-family", @@ -8998,6 +15702,13 @@ "$value": "1rem", "unit": "px", "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "1rem", + "cds-g10": "1rem", + "cds-g90": "1rem", + "cds-g100": "1rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -9005,6 +15716,13 @@ "$value": "16", "unit": "px", "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + }, "key": "{typography.body-300.font-size}" }, "name": "token-typography-body-300-font-size", @@ -9022,12 +15740,26 @@ "$type": "number", "$value": 1.5, "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": 1.5, + "cds-g10": 1.5, + "cds-g90": 1.5, + "cds-g100": 1.5 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.5, "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + }, "key": "{typography.body-300.line-height}" }, "name": "token-typography-body-300-line-height", @@ -9046,11 +15778,25 @@ "key": "{typography.body-200.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.body-200.font-family}" }, "name": "token-typography-body-200-font-family", @@ -9069,6 +15815,13 @@ "$value": "0.875rem", "unit": "px", "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -9076,6 +15829,13 @@ "$value": "14", "unit": "px", "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + }, "key": "{typography.body-200.font-size}" }, "name": "token-typography-body-200-font-size", @@ -9093,12 +15853,26 @@ "$type": "number", "$value": 1.4286, "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.4286, "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + }, "key": "{typography.body-200.line-height}" }, "name": "token-typography-body-200-line-height", @@ -9117,11 +15891,25 @@ "key": "{typography.body-100.font-family}", "$type": "font-family", "$value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "$modes": { + "default": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", + "cds-g0": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g10": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g90": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif", + "cds-g100": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + }, "key": "{typography.body-100.font-family}" }, "name": "token-typography-body-100-font-family", @@ -9140,6 +15928,13 @@ "$value": "0.8125rem", "unit": "px", "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -9147,6 +15942,13 @@ "$value": "13", "unit": "px", "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + }, "key": "{typography.body-100.font-size}" }, "name": "token-typography-body-100-font-size", @@ -9164,12 +15966,26 @@ "$type": "number", "$value": 1.3846, "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": 1.28572, + "cds-g10": 1.28572, + "cds-g90": 1.28572, + "cds-g100": 1.28572 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.3846, "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + }, "key": "{typography.body-100.line-height}" }, "name": "token-typography-body-100-line-height", @@ -9183,73 +15999,115 @@ ] } }, - "code-100": { + "code-300": { "font-family": { - "key": "{typography.code-100.font-family}", + "key": "{typography.code-300.font-family}", "$type": "font-family", "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.code}", - "key": "{typography.code-100.font-family}" + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-300.font-family}" }, - "name": "token-typography-code-100-font-family", + "name": "token-typography-code-300-font-family", "attributes": { "category": "typography" }, "path": [ "typography", - "code-100", + "code-300", "font-family" ] }, "font-size": { - "key": "{typography.code-100.font-size}", + "key": "{typography.code-300.font-size}", "$type": "font-size", - "$value": "0.8125rem", + "$value": "1rem", "unit": "px", - "comment": "13px/0.8125rem", + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-size", - "$value": "13", + "$value": "16", "unit": "px", - "comment": "13px/0.8125rem", - "key": "{typography.code-100.font-size}" + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-300.font-size}" }, - "name": "token-typography-code-100-font-size", + "name": "token-typography-code-300-font-size", "attributes": { "category": "typography" }, "path": [ "typography", - "code-100", + "code-300", "font-size" ] }, "line-height": { - "key": "{typography.code-100.line-height}", + "key": "{typography.code-300.line-height}", "$type": "number", - "$value": 1.23, - "comment": "16px", + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", - "$value": 1.23, - "comment": "16px", - "key": "{typography.code-100.line-height}" + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, + "key": "{typography.code-300.line-height}" }, - "name": "token-typography-code-100-line-height", + "name": "token-typography-code-300-line-height", "attributes": { "category": "typography" }, "path": [ "typography", - "code-100", + "code-300", "line-height" ] } @@ -9259,11 +16117,25 @@ "key": "{typography.code-200.font-family}", "$type": "font-family", "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, "key": "{typography.code-200.font-family}" }, "name": "token-typography-code-200-font-family", @@ -9282,6 +16154,13 @@ "$value": "0.875rem", "unit": "px", "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { @@ -9289,6 +16168,13 @@ "$value": "14", "unit": "px", "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, "key": "{typography.code-200.font-size}" }, "name": "token-typography-code-200-font-size", @@ -9306,12 +16192,26 @@ "$type": "number", "$value": 1.125, "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": 1.42857, + "cds-g10": 1.42857, + "cds-g90": 1.42857, + "cds-g100": 1.42857 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", "$value": 1.125, "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + }, "key": "{typography.code-200.line-height}" }, "name": "token-typography-code-200-line-height", @@ -9325,73 +16225,115 @@ ] } }, - "code-300": { + "code-100": { "font-family": { - "key": "{typography.code-300.font-family}", + "key": "{typography.code-100.font-family}", "$type": "font-family", "$value": "ui-monospace, Menlo, Consolas, monospace", + "$modes": { + "default": "ui-monospace, Menlo, Consolas, monospace", + "cds-g0": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g10": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g90": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace", + "cds-g100": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-family", "$value": "{typography.font-stack.code}", - "key": "{typography.code-300.font-family}" + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + }, + "key": "{typography.code-100.font-family}" }, - "name": "token-typography-code-300-font-family", + "name": "token-typography-code-100-font-family", "attributes": { "category": "typography" }, "path": [ "typography", - "code-300", + "code-100", "font-family" ] }, "font-size": { - "key": "{typography.code-300.font-size}", + "key": "{typography.code-100.font-size}", "$type": "font-size", - "$value": "1rem", + "$value": "0.8125rem", "unit": "px", - "comment": "16px/1rem", + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "0.875rem", + "cds-g10": "0.875rem", + "cds-g90": "0.875rem", + "cds-g100": "0.875rem" + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "font-size", - "$value": "16", + "$value": "13", "unit": "px", - "comment": "16px/1rem", - "key": "{typography.code-300.font-size}" + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + }, + "key": "{typography.code-100.font-size}" }, - "name": "token-typography-code-300-font-size", + "name": "token-typography-code-100-font-size", "attributes": { "category": "typography" }, "path": [ "typography", - "code-300", + "code-100", "font-size" ] }, "line-height": { - "key": "{typography.code-300.line-height}", + "key": "{typography.code-100.line-height}", "$type": "number", - "$value": 1.25, - "comment": "20px", + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": 1.33333, + "cds-g10": 1.33333, + "cds-g90": 1.33333, + "cds-g100": 1.33333 + }, "filePath": "src/products/shared/typography.json", "isSource": true, "original": { "$type": "number", - "$value": 1.25, - "comment": "20px", - "key": "{typography.code-300.line-height}" + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + }, + "key": "{typography.code-100.line-height}" }, - "name": "token-typography-code-300-line-height", + "name": "token-typography-code-100-line-height", "attributes": { "category": "typography" }, "path": [ "typography", - "code-300", + "code-100", "line-height" ] } diff --git a/packages/tokens/dist/products/css/helpers/typography.css b/packages/tokens/dist/products/css/helpers/typography.css index 393b8900901..63dd3021863 100644 --- a/packages/tokens/dist/products/css/helpers/typography.css +++ b/packages/tokens/dist/products/css/helpers/typography.css @@ -5,10 +5,10 @@ .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); } .hds-font-family-sans-text { font-family: var(--token-typography-font-stack-text); } .hds-font-family-mono-code { font-family: var(--token-typography-font-stack-code); } -.hds-font-weight-regular { font-weight: 400; } -.hds-font-weight-medium { font-weight: 500; } -.hds-font-weight-semibold { font-weight: 600; } -.hds-font-weight-bold { font-weight: 700; } +.hds-font-weight-regular { font-weight: var(--token-typography-font-weight-regular); } +.hds-font-weight-medium { font-weight: var(--token-typography-font-weight-medium); } +.hds-font-weight-semibold { font-weight: var(--token-typography-font-weight-semibold); } +.hds-font-weight-bold { font-weight: var(--token-typography-font-weight-bold); } .hds-typography-display-500 { font-family: var(--token-typography-display-500-font-family); font-size: var(--token-typography-display-500-font-size); line-height: var(--token-typography-display-500-line-height); margin: 0; padding: 0; } .hds-typography-display-400 { font-family: var(--token-typography-display-400-font-family); font-size: var(--token-typography-display-400-font-size); line-height: var(--token-typography-display-400-line-height); margin: 0; padding: 0; } .hds-typography-display-300 { font-family: var(--token-typography-display-300-font-family); font-size: var(--token-typography-display-300-font-size); line-height: var(--token-typography-display-300-line-height); margin: 0; padding: 0; } @@ -17,6 +17,6 @@ .hds-typography-body-300 { font-family: var(--token-typography-body-300-font-family); font-size: var(--token-typography-body-300-font-size); line-height: var(--token-typography-body-300-line-height); margin: 0; padding: 0; } .hds-typography-body-200 { font-family: var(--token-typography-body-200-font-family); font-size: var(--token-typography-body-200-font-size); line-height: var(--token-typography-body-200-line-height); margin: 0; padding: 0; } .hds-typography-body-100 { font-family: var(--token-typography-body-100-font-family); font-size: var(--token-typography-body-100-font-size); line-height: var(--token-typography-body-100-line-height); margin: 0; padding: 0; } -.hds-typography-code-100 { font-family: var(--token-typography-code-100-font-family); font-size: var(--token-typography-code-100-font-size); line-height: var(--token-typography-code-100-line-height); margin: 0; padding: 0; } -.hds-typography-code-200 { font-family: var(--token-typography-code-200-font-family); font-size: var(--token-typography-code-200-font-size); line-height: var(--token-typography-code-200-line-height); margin: 0; padding: 0; } .hds-typography-code-300 { font-family: var(--token-typography-code-300-font-family); font-size: var(--token-typography-code-300-font-size); line-height: var(--token-typography-code-300-line-height); margin: 0; padding: 0; } +.hds-typography-code-200 { font-family: var(--token-typography-code-200-font-family); font-size: var(--token-typography-code-200-font-size); line-height: var(--token-typography-code-200-line-height); margin: 0; padding: 0; } +.hds-typography-code-100 { font-family: var(--token-typography-code-100-font-family); font-size: var(--token-typography-code-100-font-size); line-height: var(--token-typography-code-100-line-height); margin: 0; padding: 0; } diff --git a/packages/tokens/dist/products/css/themed-tokens/with-css-selectors--advanced/tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-css-selectors--advanced/tokens.css new file mode 100644 index 00000000000..f29404b3b8d --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-css-selectors--advanced/tokens.css @@ -0,0 +1,2305 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root, +.hds-theme-default { + --token-border-radius-x-small: 3px; + --token-border-radius-small: 5px; + --token-border-radius-medium: 6px; + --token-border-radius-large: 8px; + --token-color-palette-blue-500: #1c345f; + --token-color-palette-blue-400: #0046d1; + --token-color-palette-blue-300: #0c56e9; + --token-color-palette-blue-200: #1060ff; + --token-color-palette-blue-100: #cce3fe; + --token-color-palette-blue-50: #f2f8ff; + --token-color-palette-purple-500: #42215b; + --token-color-palette-purple-400: #7b00db; + --token-color-palette-purple-300: #911ced; + --token-color-palette-purple-200: #a737ff; + --token-color-palette-purple-100: #ead2fe; + --token-color-palette-purple-50: #f9f2ff; + --token-color-palette-green-500: #054220; + --token-color-palette-green-400: #006619; + --token-color-palette-green-300: #00781e; + --token-color-palette-green-200: #008a22; + --token-color-palette-green-100: #cceeda; + --token-color-palette-green-50: #f2fbf6; + --token-color-palette-amber-500: #542800; + --token-color-palette-amber-400: #803d00; + --token-color-palette-amber-300: #9e4b00; + --token-color-palette-amber-200: #bb5a00; + --token-color-palette-amber-100: #fbeabf; + --token-color-palette-amber-50: #fff9e8; + --token-color-palette-red-500: #51130a; + --token-color-palette-red-400: #940004; + --token-color-palette-red-300: #c00005; + --token-color-palette-red-200: #e52228; + --token-color-palette-red-100: #fbd4d4; + --token-color-palette-red-50: #fff5f5; + --token-color-palette-neutral-700: #0c0c0e; + --token-color-palette-neutral-600: #3b3d45; + --token-color-palette-neutral-500: #656a76; + --token-color-palette-neutral-400: #8c909c; + --token-color-palette-neutral-300: #c2c5cb; + --token-color-palette-neutral-200: #dedfe3; + --token-color-palette-neutral-100: #f1f2f3; + --token-color-palette-neutral-50: #fafafa; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #656a7633; + --token-color-border-faint: #656a761a; + --token-color-border-strong: #3b3d4566; + --token-color-border-action: #cce3fe; + --token-color-border-highlight: #ead2fe; + --token-color-border-success: #cceeda; + --token-color-border-warning: #fbeabf; + --token-color-border-critical: #fbd4d4; + --token-color-focus-action-internal: #0c56e9; + --token-color-focus-action-external: #5990ff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #c00005; + --token-color-focus-critical-external: #dd7578; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #0c0c0e; + --token-color-foreground-primary: #3b3d45; + --token-color-foreground-faint: #656a76; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: #8c909c; + --token-color-foreground-action: #1060ff; + --token-color-foreground-action-hover: #0c56e9; + --token-color-foreground-action-active: #0046d1; + --token-color-foreground-highlight: #a737ff; + --token-color-foreground-highlight-on-surface: #911ced; + --token-color-foreground-highlight-high-contrast: #42215b; + --token-color-foreground-success: #008a22; + --token-color-foreground-success-on-surface: #00781e; + --token-color-foreground-success-high-contrast: #054220; + --token-color-foreground-warning: #bb5a00; + --token-color-foreground-warning-on-surface: #9e4b00; + --token-color-foreground-warning-high-contrast: #542800; + --token-color-foreground-critical: #e52228; + --token-color-foreground-critical-on-surface: #c00005; + --token-color-foreground-critical-high-contrast: #51130a; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #fafafa; + --token-color-surface-primary: #ffffff; + --token-color-surface-faint: #fafafa; + --token-color-surface-strong: #f1f2f3; + --token-color-surface-interactive: #ffffff; + --token-color-surface-interactive-hover: #f1f2f3; + --token-color-surface-interactive-active: #dedfe3; + --token-color-surface-interactive-disabled: #fafafa; + --token-color-surface-action: #f2f8ff; + --token-color-surface-highlight: #f9f2ff; + --token-color-surface-success: #f2fbf6; + --token-color-surface-warning: #fff9e8; + --token-color-surface-critical: #fff5f5; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 12px; + --token-badge-count-padding-horizontal-large: 14px; + --token-badge-padding-horizontal-small: 6px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 8px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 6px; + --token-badge-typography-font-size-small: 0.8125rem; + --token-badge-typography-font-size-medium: 0.8125rem; + --token-badge-typography-font-size-large: 1rem; + --token-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #3b3d45; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #a737ff; + --token-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #008a22; + --token-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #bb5a00; + --token-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #e52228; + --token-badge-surface-color-neutral-filled: #dedfe3; + --token-badge-surface-color-neutral-dark-mode-inverted: #fafafa; + --token-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #a737ff; + --token-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #008a22; + --token-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #bb5a00; + --token-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #e52228; + --token-badge-border-radius-small: 5px; + --token-badge-border-radius-medium: 5px; + --token-badge-border-radius-large: 5px; + --token-button-height-small: 28px; + --token-button-height-medium: 36px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 11px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 19px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 9px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 11px; /** here we're taking into account the 1px border */ + --token-button-gap: 6px; + --token-button-typography-font-size-small: 0.8125rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 1rem; + --token-button-typography-line-height-small: 0.9286; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.1429; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #3b3d45; + --token-button-foreground-color-secondary-hover: #3b3d45; + --token-button-foreground-color-secondary-focus: #3b3d45; + --token-button-foreground-color-secondary-active: #3b3d45; + --token-button-foreground-color-tertiary-default: #1060ff; + --token-button-foreground-color-tertiary-hover: #0c56e9; + --token-button-foreground-color-tertiary-focus: #1060ff; + --token-button-foreground-color-tertiary-active: #0046d1; + --token-button-foreground-color-critical-default: #c00005; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #c00005; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8c909c; + --token-button-surface-color-primary-default: #1060ff; + --token-button-surface-color-primary-hover: #0c56e9; + --token-button-surface-color-primary-focus: #1060ff; + --token-button-surface-color-primary-active: #0046d1; + --token-button-surface-color-secondary-default: #fafafa; + --token-button-surface-color-secondary-hover: #ffffff; + --token-button-surface-color-secondary-focus: #fafafa; + --token-button-surface-color-secondary-active: #dedfe3; + --token-button-surface-color-tertiary-hover: #ffffff; + --token-button-surface-color-tertiary-focus: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-active: #dedfe3; + --token-button-surface-color-critical-default: #fff5f5; + --token-button-surface-color-critical-hover: #c00005; + --token-button-surface-color-critical-focus: #fff5f5; + --token-button-surface-color-critical-active: #940004; + --token-button-surface-color-disabled: #fafafa; + --token-button-border-radius: 5px; + --token-button-border-color-primary-default: #0c56e9; + --token-button-border-color-primary-hover: #0c56e9; + --token-button-border-color-primary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: #0046d1; + --token-button-border-color-secondary-default: #3b3d4566; + --token-button-border-color-secondary-hover: #3b3d4566; + --token-button-border-color-secondary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: #3b3d4566; + --token-button-border-color-critical-default: #c00005; + --token-button-border-color-critical-hover: #940004; + --token-button-border-color-critical-focus-internal: #c00005; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #dd7578; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: #940004; + --token-button-icon-size-small: 12px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 24px; + --token-form-radiocard-border-radius: 6px; + --token-form-radiocard-border-color-default: #ffffff; + --token-form-radiocard-border-color-focus: #0c56e9; + --token-form-radiocard-border-color-default-checked: #0c56e9; + --token-typography-font-stack-display: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-font-stack-text: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 500; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 700; + --token-typography-display-500-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.2666; /** 38px */ + --token-typography-display-500-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-400-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.3333; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.3333; /** 24px */ + --token-typography-display-300-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-200-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-100-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.3846; /** 18px */ + --token-typography-display-100-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-body-300-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.4286; /** 20px */ + --token-typography-body-100-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.3846; /** 18px */ + --token-typography-code-300-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.25; /** 20px */ + --token-typography-code-200-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.125; /** 18px */ + --token-typography-code-100-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.23; /** 16px */ +} + +@media (prefers-color-scheme: light) { + .hds-theme-system { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@media (prefers-color-scheme: dark) { + .hds-theme-system { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +.hds-theme-light, +.hds-mode-cds-g0 { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +.hds-theme-dark, +.hds-mode-cds-g100 { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +.hds-mode-cds-g10 { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #e0e0e0; + --token-color-border-faint: #c6c6c6; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #f4f4f4; + --token-color-page-faint: #f4f4f4; + --token-color-surface-primary: #ffffff; + --token-color-surface-faint: #ffffff; + --token-color-surface-strong: #ffffff; + --token-color-surface-interactive: #ffffff; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +.hds-mode-cds-g90 { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #8d8d8d; + --token-color-border-faint: #525252; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #e8daff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #262626; + --token-color-page-faint: #262626; + --token-color-surface-primary: #393939; + --token-color-surface-faint: #393939; + --token-color-surface-strong: #393939; + --token-color-surface-interactive: #393939; + --token-color-surface-interactive-hover: #474747; + --token-color-surface-interactive-active: #6f6f6f; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +/* + +WHY ARE ALL "COMPUTED" CSS VARIABLES REDECLARED IN EACH THEME SCOPE? + +CSS custom properties (variables) inherit from parent to child, but when a variable is defined +as a calculation or alias of another variable (e.g., `--alias-value: var(--source-value)`, its value is fixed +at the scope where it is declared—using whatever is visible at that level in the DOM (eg. `:root`). + +This block of "common/shared" CSS variables contains a lot of these aliases, so if we only declare these +"computed" variables at `:root` level, their values do not update in themed blocks that override +the "source" variables (e.g., `--source-value`) at a lower scope. +This results in _stale_ variables, where the computed value is always stuck on the `:root` value, +even inside a themed block where the source variable is assigned. + +To make sure every themed block/scoped context (eg. `.hds-theme-light`) correctly computes the aliased values, +we redeclare each "computed" variable in every theme scope where its "source" variable is overridden. + +*/ + +:root, +.hds-theme-default, +.hds-theme-system, +.hds-theme-light, +.hds-theme-dark, +.hds-mode-cds-g0, +.hds-mode-cds-g10, +.hds-mode-cds-g90, +.hds-mode-cds-g100 { + --token-color-palette-alpha-300: #3b3d4566; + --token-color-palette-alpha-200: #656a7633; + --token-color-palette-alpha-100: #656a761a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #656a761a; + --token-elevation-low-box-shadow: + 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-elevation-mid-box-shadow: + 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-elevation-high-box-shadow: + 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633; + --token-elevation-higher-box-shadow: + 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-elevation-overlay-box-shadow: + 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-surface-inset-box-shadow: + inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a; + --token-surface-base-box-shadow: 0 0 0 1px #656a7633; + --token-surface-low-box-shadow: + 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-surface-mid-box-shadow: + 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-surface-high-box-shadow: + 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, + 0px 16px 16px -10px #656a7633; + --token-surface-higher-box-shadow: + 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-surface-overlay-box-shadow: + 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-focus-ring-action-box-shadow: + inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff; + --token-focus-ring-critical-box-shadow: + inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var( + --token-color-palette-neutral-200 + ); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var( + --token-color-foreground-primary + ); + --token-app-side-nav-color-foreground-strong: var( + --token-color-foreground-primary + ); + --token-app-side-nav-color-foreground-faint: var( + --token-color-foreground-faint + ); + --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); + --token-app-side-nav-color-surface-interactive-hover: var( + --token-color-surface-interactive-hover + ); + --token-app-side-nav-color-surface-interactive-active: var( + --token-color-palette-neutral-300 + ); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-surface-color-neutral-inverted: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #3b3d4566; + --token-button-border-color-tertiary-focus-internal: #0c56e9; + --token-button-border-color-tertiary-focus-external: #5990ff; + --token-button-border-color-tertiary-active: #3b3d4566; + --token-button-border-color-disabled: #656a7633; + --token-button-focus-border-width: 3px; + --token-form-label-color: #0c0c0e; + --token-form-legend-color: #0c0c0e; + --token-form-helper-text-color: #656a76; + --token-form-indicator-optional-color: #656a76; + --token-form-error-color: #c00005; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #0c0c0e; + --token-form-control-base-foreground-placeholder-color: #656a76; + --token-form-control-base-surface-color-default: #ffffff; + --token-form-control-base-surface-color-hover: #f1f2f3; + --token-form-control-base-border-color-default: #8c909c; + --token-form-control-base-border-color-hover: #656a76; + --token-form-control-checked-foreground-color: #ffffff; + --token-form-control-checked-surface-color-default: #1060ff; + --token-form-control-checked-surface-color-hover: #0c56e9; + --token-form-control-checked-border-color-default: #0c56e9; + --token-form-control-checked-border-color-hover: #0046d1; + --token-form-control-invalid-border-color-default: #c00005; + --token-form-control-invalid-border-color-hover: #940004; + --token-form-control-readonly-foreground-color: #3b3d45; + --token-form-control-readonly-surface-color: #f1f2f3; + --token-form-control-readonly-border-color: #656a761a; + --token-form-control-disabled-foreground-color: #8c909c; + --token-form-control-disabled-surface-color: #fafafa; + --token-form-control-disabled-border-color: #656a7633; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #f1f2f3; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier( + 0.68, + -0.2, + 0.265, + 1.15 + ); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var( + --token-color-foreground-high-contrast + ); + --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-css-selectors--migration/tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-css-selectors--migration/tokens.css new file mode 100644 index 00000000000..1fc05a00863 --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-css-selectors--migration/tokens.css @@ -0,0 +1,1739 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root, +.hds-theme-default { + --token-border-radius-x-small: 3px; + --token-border-radius-small: 5px; + --token-border-radius-medium: 6px; + --token-border-radius-large: 8px; + --token-color-palette-blue-500: #1c345f; + --token-color-palette-blue-400: #0046d1; + --token-color-palette-blue-300: #0c56e9; + --token-color-palette-blue-200: #1060ff; + --token-color-palette-blue-100: #cce3fe; + --token-color-palette-blue-50: #f2f8ff; + --token-color-palette-purple-500: #42215b; + --token-color-palette-purple-400: #7b00db; + --token-color-palette-purple-300: #911ced; + --token-color-palette-purple-200: #a737ff; + --token-color-palette-purple-100: #ead2fe; + --token-color-palette-purple-50: #f9f2ff; + --token-color-palette-green-500: #054220; + --token-color-palette-green-400: #006619; + --token-color-palette-green-300: #00781e; + --token-color-palette-green-200: #008a22; + --token-color-palette-green-100: #cceeda; + --token-color-palette-green-50: #f2fbf6; + --token-color-palette-amber-500: #542800; + --token-color-palette-amber-400: #803d00; + --token-color-palette-amber-300: #9e4b00; + --token-color-palette-amber-200: #bb5a00; + --token-color-palette-amber-100: #fbeabf; + --token-color-palette-amber-50: #fff9e8; + --token-color-palette-red-500: #51130a; + --token-color-palette-red-400: #940004; + --token-color-palette-red-300: #c00005; + --token-color-palette-red-200: #e52228; + --token-color-palette-red-100: #fbd4d4; + --token-color-palette-red-50: #fff5f5; + --token-color-palette-neutral-700: #0c0c0e; + --token-color-palette-neutral-600: #3b3d45; + --token-color-palette-neutral-500: #656a76; + --token-color-palette-neutral-400: #8c909c; + --token-color-palette-neutral-300: #c2c5cb; + --token-color-palette-neutral-200: #dedfe3; + --token-color-palette-neutral-100: #f1f2f3; + --token-color-palette-neutral-50: #fafafa; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #656a7633; + --token-color-border-faint: #656a761a; + --token-color-border-strong: #3b3d4566; + --token-color-border-action: #cce3fe; + --token-color-border-highlight: #ead2fe; + --token-color-border-success: #cceeda; + --token-color-border-warning: #fbeabf; + --token-color-border-critical: #fbd4d4; + --token-color-focus-action-internal: #0c56e9; + --token-color-focus-action-external: #5990ff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #c00005; + --token-color-focus-critical-external: #dd7578; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #0c0c0e; + --token-color-foreground-primary: #3b3d45; + --token-color-foreground-faint: #656a76; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: #8c909c; + --token-color-foreground-action: #1060ff; + --token-color-foreground-action-hover: #0c56e9; + --token-color-foreground-action-active: #0046d1; + --token-color-foreground-highlight: #a737ff; + --token-color-foreground-highlight-on-surface: #911ced; + --token-color-foreground-highlight-high-contrast: #42215b; + --token-color-foreground-success: #008a22; + --token-color-foreground-success-on-surface: #00781e; + --token-color-foreground-success-high-contrast: #054220; + --token-color-foreground-warning: #bb5a00; + --token-color-foreground-warning-on-surface: #9e4b00; + --token-color-foreground-warning-high-contrast: #542800; + --token-color-foreground-critical: #e52228; + --token-color-foreground-critical-on-surface: #c00005; + --token-color-foreground-critical-high-contrast: #51130a; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #fafafa; + --token-color-surface-primary: #ffffff; + --token-color-surface-faint: #fafafa; + --token-color-surface-strong: #f1f2f3; + --token-color-surface-interactive: #ffffff; + --token-color-surface-interactive-hover: #f1f2f3; + --token-color-surface-interactive-active: #dedfe3; + --token-color-surface-interactive-disabled: #fafafa; + --token-color-surface-action: #f2f8ff; + --token-color-surface-highlight: #f9f2ff; + --token-color-surface-success: #f2fbf6; + --token-color-surface-warning: #fff9e8; + --token-color-surface-critical: #fff5f5; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 12px; + --token-badge-count-padding-horizontal-large: 14px; + --token-badge-padding-horizontal-small: 6px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 8px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 6px; + --token-badge-typography-font-size-small: 0.8125rem; + --token-badge-typography-font-size-medium: 0.8125rem; + --token-badge-typography-font-size-large: 1rem; + --token-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #3b3d45; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #a737ff; + --token-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #008a22; + --token-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #bb5a00; + --token-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #e52228; + --token-badge-surface-color-neutral-filled: #dedfe3; + --token-badge-surface-color-neutral-dark-mode-inverted: #fafafa; + --token-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #a737ff; + --token-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #008a22; + --token-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #bb5a00; + --token-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #e52228; + --token-badge-border-radius-small: 5px; + --token-badge-border-radius-medium: 5px; + --token-badge-border-radius-large: 5px; + --token-button-height-small: 28px; + --token-button-height-medium: 36px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 11px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 19px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 9px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 11px; /** here we're taking into account the 1px border */ + --token-button-gap: 6px; + --token-button-typography-font-size-small: 0.8125rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 1rem; + --token-button-typography-line-height-small: 0.9286; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.1429; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #3b3d45; + --token-button-foreground-color-secondary-hover: #3b3d45; + --token-button-foreground-color-secondary-focus: #3b3d45; + --token-button-foreground-color-secondary-active: #3b3d45; + --token-button-foreground-color-tertiary-default: #1060ff; + --token-button-foreground-color-tertiary-hover: #0c56e9; + --token-button-foreground-color-tertiary-focus: #1060ff; + --token-button-foreground-color-tertiary-active: #0046d1; + --token-button-foreground-color-critical-default: #c00005; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #c00005; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8c909c; + --token-button-surface-color-primary-default: #1060ff; + --token-button-surface-color-primary-hover: #0c56e9; + --token-button-surface-color-primary-focus: #1060ff; + --token-button-surface-color-primary-active: #0046d1; + --token-button-surface-color-secondary-default: #fafafa; + --token-button-surface-color-secondary-hover: #ffffff; + --token-button-surface-color-secondary-focus: #fafafa; + --token-button-surface-color-secondary-active: #dedfe3; + --token-button-surface-color-tertiary-hover: #ffffff; + --token-button-surface-color-tertiary-focus: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-active: #dedfe3; + --token-button-surface-color-critical-default: #fff5f5; + --token-button-surface-color-critical-hover: #c00005; + --token-button-surface-color-critical-focus: #fff5f5; + --token-button-surface-color-critical-active: #940004; + --token-button-surface-color-disabled: #fafafa; + --token-button-border-radius: 5px; + --token-button-border-color-primary-default: #0c56e9; + --token-button-border-color-primary-hover: #0c56e9; + --token-button-border-color-primary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: #0046d1; + --token-button-border-color-secondary-default: #3b3d4566; + --token-button-border-color-secondary-hover: #3b3d4566; + --token-button-border-color-secondary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: #3b3d4566; + --token-button-border-color-critical-default: #c00005; + --token-button-border-color-critical-hover: #940004; + --token-button-border-color-critical-focus-internal: #c00005; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #dd7578; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: #940004; + --token-button-icon-size-small: 12px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 24px; + --token-form-radiocard-border-radius: 6px; + --token-form-radiocard-border-color-default: #ffffff; + --token-form-radiocard-border-color-focus: #0c56e9; + --token-form-radiocard-border-color-default-checked: #0c56e9; + --token-typography-font-stack-display: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-font-stack-text: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 500; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 700; + --token-typography-display-500-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.2666; /** 38px */ + --token-typography-display-500-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-400-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.3333; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.3333; /** 24px */ + --token-typography-display-300-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-200-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-100-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.3846; /** 18px */ + --token-typography-display-100-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-body-300-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.4286; /** 20px */ + --token-typography-body-100-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.3846; /** 18px */ + --token-typography-code-300-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.25; /** 20px */ + --token-typography-code-200-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.125; /** 18px */ + --token-typography-code-100-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.23; /** 16px */ +} + +@media (prefers-color-scheme: light) { + .hds-theme-system { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@media (prefers-color-scheme: dark) { + .hds-theme-system { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +.hds-theme-light { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +.hds-theme-dark { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +/* + +WHY ARE ALL "COMPUTED" CSS VARIABLES REDECLARED IN EACH THEME SCOPE? + +CSS custom properties (variables) inherit from parent to child, but when a variable is defined +as a calculation or alias of another variable (e.g., `--alias-value: var(--source-value)`, its value is fixed +at the scope where it is declared—using whatever is visible at that level in the DOM (eg. `:root`). + +This block of "common/shared" CSS variables contains a lot of these aliases, so if we only declare these +"computed" variables at `:root` level, their values do not update in themed blocks that override +the "source" variables (e.g., `--source-value`) at a lower scope. +This results in _stale_ variables, where the computed value is always stuck on the `:root` value, +even inside a themed block where the source variable is assigned. + +To make sure every themed block/scoped context (eg. `.hds-theme-light`) correctly computes the aliased values, +we redeclare each "computed" variable in every theme scope where its "source" variable is overridden. + +*/ + +:root, +.hds-theme-default, +.hds-theme-system, +.hds-theme-light, +.hds-theme-dark { + --token-color-palette-alpha-300: #3b3d4566; + --token-color-palette-alpha-200: #656a7633; + --token-color-palette-alpha-100: #656a761a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #656a761a; + --token-elevation-low-box-shadow: + 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-elevation-mid-box-shadow: + 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-elevation-high-box-shadow: + 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633; + --token-elevation-higher-box-shadow: + 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-elevation-overlay-box-shadow: + 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-surface-inset-box-shadow: + inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a; + --token-surface-base-box-shadow: 0 0 0 1px #656a7633; + --token-surface-low-box-shadow: + 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-surface-mid-box-shadow: + 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-surface-high-box-shadow: + 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, + 0px 16px 16px -10px #656a7633; + --token-surface-higher-box-shadow: + 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-surface-overlay-box-shadow: + 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-focus-ring-action-box-shadow: + inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff; + --token-focus-ring-critical-box-shadow: + inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var( + --token-color-palette-neutral-200 + ); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var( + --token-color-foreground-primary + ); + --token-app-side-nav-color-foreground-strong: var( + --token-color-foreground-primary + ); + --token-app-side-nav-color-foreground-faint: var( + --token-color-foreground-faint + ); + --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); + --token-app-side-nav-color-surface-interactive-hover: var( + --token-color-surface-interactive-hover + ); + --token-app-side-nav-color-surface-interactive-active: var( + --token-color-palette-neutral-300 + ); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-surface-color-neutral-inverted: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #3b3d4566; + --token-button-border-color-tertiary-focus-internal: #0c56e9; + --token-button-border-color-tertiary-focus-external: #5990ff; + --token-button-border-color-tertiary-active: #3b3d4566; + --token-button-border-color-disabled: #656a7633; + --token-button-focus-border-width: 3px; + --token-form-label-color: #0c0c0e; + --token-form-legend-color: #0c0c0e; + --token-form-helper-text-color: #656a76; + --token-form-indicator-optional-color: #656a76; + --token-form-error-color: #c00005; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #0c0c0e; + --token-form-control-base-foreground-placeholder-color: #656a76; + --token-form-control-base-surface-color-default: #ffffff; + --token-form-control-base-surface-color-hover: #f1f2f3; + --token-form-control-base-border-color-default: #8c909c; + --token-form-control-base-border-color-hover: #656a76; + --token-form-control-checked-foreground-color: #ffffff; + --token-form-control-checked-surface-color-default: #1060ff; + --token-form-control-checked-surface-color-hover: #0c56e9; + --token-form-control-checked-border-color-default: #0c56e9; + --token-form-control-checked-border-color-hover: #0046d1; + --token-form-control-invalid-border-color-default: #c00005; + --token-form-control-invalid-border-color-hover: #940004; + --token-form-control-readonly-foreground-color: #3b3d45; + --token-form-control-readonly-surface-color: #f1f2f3; + --token-form-control-readonly-border-color: #656a761a; + --token-form-control-disabled-foreground-color: #8c909c; + --token-form-control-disabled-surface-color: #fafafa; + --token-form-control-disabled-border-color: #656a7633; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #f1f2f3; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier( + 0.68, + -0.2, + 0.265, + 1.15 + ); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var( + --token-color-foreground-high-contrast + ); + --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-css-selectors/tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-css-selectors/tokens.css new file mode 100644 index 00000000000..ae94cc24eef --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-css-selectors/tokens.css @@ -0,0 +1,1742 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +@media (prefers-color-scheme: light) { + .hds-theme-system { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@media (prefers-color-scheme: dark) { + .hds-theme-system { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +.hds-theme-light { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +.hds-theme-dark { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} + +/* + +WHY ARE ALL "COMPUTED" CSS VARIABLES REDECLARED IN EACH THEME SCOPE? + +CSS custom properties (variables) inherit from parent to child, but when a variable is defined +as a calculation or alias of another variable (e.g., `--alias-value: var(--source-value)`, its value is fixed +at the scope where it is declared—using whatever is visible at that level in the DOM (eg. `:root`). + +This block of "common/shared" CSS variables contains a lot of these aliases, so if we only declare these +"computed" variables at `:root` level, their values do not update in themed blocks that override +the "source" variables (e.g., `--source-value`) at a lower scope. +This results in _stale_ variables, where the computed value is always stuck on the `:root` value, +even inside a themed block where the source variable is assigned. + +To make sure every themed block/scoped context (eg. `.hds-theme-light`) correctly computes the aliased values, +we redeclare each "computed" variable in every theme scope where its "source" variable is overridden. + +*/ + +:root, +.hds-theme-system, +.hds-theme-light, +.hds-theme-dark { + --token-color-palette-alpha-300: #3b3d4566; + --token-color-palette-alpha-200: #656a7633; + --token-color-palette-alpha-100: #656a761a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #656a761a; + --token-elevation-low-box-shadow: + 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-elevation-mid-box-shadow: + 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-elevation-high-box-shadow: + 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633; + --token-elevation-higher-box-shadow: + 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-elevation-overlay-box-shadow: + 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-surface-inset-box-shadow: + inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a; + --token-surface-base-box-shadow: 0 0 0 1px #656a7633; + --token-surface-low-box-shadow: + 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-surface-mid-box-shadow: + 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-surface-high-box-shadow: + 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, + 0px 16px 16px -10px #656a7633; + --token-surface-higher-box-shadow: + 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-surface-overlay-box-shadow: + 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-focus-ring-action-box-shadow: + inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff; + --token-focus-ring-critical-box-shadow: + inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var( + --token-color-palette-neutral-200 + ); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var( + --token-color-foreground-primary + ); + --token-app-side-nav-color-foreground-strong: var( + --token-color-foreground-primary + ); + --token-app-side-nav-color-foreground-faint: var( + --token-color-foreground-faint + ); + --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); + --token-app-side-nav-color-surface-interactive-hover: var( + --token-color-surface-interactive-hover + ); + --token-app-side-nav-color-surface-interactive-active: var( + --token-color-palette-neutral-300 + ); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-surface-color-neutral-inverted: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #3b3d4566; + --token-button-border-color-tertiary-focus-internal: #0c56e9; + --token-button-border-color-tertiary-focus-external: #5990ff; + --token-button-border-color-tertiary-active: #3b3d4566; + --token-button-border-color-disabled: #656a7633; + --token-button-focus-border-width: 3px; + --token-form-label-color: #0c0c0e; + --token-form-legend-color: #0c0c0e; + --token-form-helper-text-color: #656a76; + --token-form-indicator-optional-color: #656a76; + --token-form-error-color: #c00005; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #0c0c0e; + --token-form-control-base-foreground-placeholder-color: #656a76; + --token-form-control-base-surface-color-default: #ffffff; + --token-form-control-base-surface-color-hover: #f1f2f3; + --token-form-control-base-border-color-default: #8c909c; + --token-form-control-base-border-color-hover: #656a76; + --token-form-control-checked-foreground-color: #ffffff; + --token-form-control-checked-surface-color-default: #1060ff; + --token-form-control-checked-surface-color-hover: #0c56e9; + --token-form-control-checked-border-color-default: #0c56e9; + --token-form-control-checked-border-color-hover: #0046d1; + --token-form-control-invalid-border-color-default: #c00005; + --token-form-control-invalid-border-color-hover: #940004; + --token-form-control-readonly-foreground-color: #3b3d45; + --token-form-control-readonly-surface-color: #f1f2f3; + --token-form-control-readonly-border-color: #656a761a; + --token-form-control-disabled-foreground-color: #8c909c; + --token-form-control-disabled-surface-color: #fafafa; + --token-form-control-disabled-border-color: #656a7633; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #f1f2f3; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier( + 0.68, + -0.2, + 0.265, + 1.15 + ); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var( + --token-color-foreground-high-contrast + ); + --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g0/common-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g0/common-tokens.css new file mode 100644 index 00000000000..097b6f75ddb --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g0/common-tokens.css @@ -0,0 +1,283 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-color-palette-alpha-300: #39393966; + --token-color-palette-alpha-200: #52525233; + --token-color-palette-alpha-100: #5252521a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #5252521a; + --token-elevation-low-box-shadow: 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d; + --token-elevation-mid-box-shadow: 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233; + --token-elevation-high-box-shadow: 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233; + --token-elevation-higher-box-shadow: 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240; + --token-elevation-overlay-box-shadow: 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959; + --token-surface-inset-box-shadow: inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a; + --token-surface-base-box-shadow: 0 0 0 1px #52525233; + --token-surface-low-box-shadow: 0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d; + --token-surface-mid-box-shadow: 0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233; + --token-surface-high-box-shadow: 0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233; + --token-surface-higher-box-shadow: 0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240; + --token-surface-overlay-box-shadow: 0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959; + --token-focus-ring-action-box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe; + --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var(--token-color-palette-neutral-200); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-strong: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-faint: var(--token-color-foreground-faint); + --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); + --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover); + --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-surface-color-neutral-inverted: #525252; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #525252; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #8d8d8d; + --token-button-border-color-tertiary-focus-internal: #ffffff; + --token-button-border-color-tertiary-focus-external: #0f62fe; + --token-button-border-color-tertiary-active: #8d8d8d; + --token-button-border-color-disabled: #c6c6c6; + --token-button-focus-border-width: 3px; + --token-form-label-color: #161616; + --token-form-legend-color: #161616; + --token-form-helper-text-color: #161616; + --token-form-indicator-optional-color: #161616; + --token-form-error-color: #a2191f; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #161616; + --token-form-control-base-foreground-placeholder-color: #161616; + --token-form-control-base-surface-color-default: #f4f4f4; + --token-form-control-base-surface-color-hover: #e8e8e8; + --token-form-control-base-border-color-default: #8d8d8d; + --token-form-control-base-border-color-hover: #525252; + --token-form-control-checked-foreground-color: #ffffff; + --token-form-control-checked-surface-color-default: #0f62fe; + --token-form-control-checked-surface-color-hover: #0043ce; + --token-form-control-checked-border-color-default: #0043ce; + --token-form-control-checked-border-color-hover: #002d9c; + --token-form-control-invalid-border-color-default: #a2191f; + --token-form-control-invalid-border-color-hover: #750e13; + --token-form-control-readonly-foreground-color: #161616; + --token-form-control-readonly-surface-color: #f4f4f4; + --token-form-control-readonly-border-color: #e0e0e0; + --token-form-control-disabled-foreground-color: rgba(22, 22, 22, 0.25); + --token-form-control-disabled-surface-color: #c6c6c6; + --token-form-control-disabled-border-color: #c6c6c6; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #f4f4f4; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var(--token-color-foreground-high-contrast); + --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g0/themed-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g0/themed-tokens.css new file mode 100644 index 00000000000..48cc7e8c5ce --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g0/themed-tokens.css @@ -0,0 +1,255 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-font-stack-text: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-font-stack-code: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g10/common-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g10/common-tokens.css new file mode 100644 index 00000000000..e68233f00d1 --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g10/common-tokens.css @@ -0,0 +1,283 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-color-palette-alpha-300: #39393966; + --token-color-palette-alpha-200: #52525233; + --token-color-palette-alpha-100: #5252521a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #5252521a; + --token-elevation-low-box-shadow: 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d; + --token-elevation-mid-box-shadow: 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233; + --token-elevation-high-box-shadow: 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233; + --token-elevation-higher-box-shadow: 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240; + --token-elevation-overlay-box-shadow: 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959; + --token-surface-inset-box-shadow: inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a; + --token-surface-base-box-shadow: 0 0 0 1px #52525233; + --token-surface-low-box-shadow: 0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d; + --token-surface-mid-box-shadow: 0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233; + --token-surface-high-box-shadow: 0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233; + --token-surface-higher-box-shadow: 0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240; + --token-surface-overlay-box-shadow: 0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959; + --token-focus-ring-action-box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe; + --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 3px #0f62fe; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var(--token-color-palette-neutral-200); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-strong: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-faint: var(--token-color-foreground-faint); + --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); + --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover); + --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-surface-color-neutral-inverted: #525252; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #525252; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #8d8d8d; + --token-button-border-color-tertiary-focus-internal: #ffffff; + --token-button-border-color-tertiary-focus-external: #0f62fe; + --token-button-border-color-tertiary-active: #8d8d8d; + --token-button-border-color-disabled: #e0e0e0; + --token-button-focus-border-width: 3px; + --token-form-label-color: #161616; + --token-form-legend-color: #161616; + --token-form-helper-text-color: #161616; + --token-form-indicator-optional-color: #161616; + --token-form-error-color: #a2191f; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #161616; + --token-form-control-base-foreground-placeholder-color: #161616; + --token-form-control-base-surface-color-default: #ffffff; + --token-form-control-base-surface-color-hover: #e8e8e8; + --token-form-control-base-border-color-default: #8d8d8d; + --token-form-control-base-border-color-hover: #525252; + --token-form-control-checked-foreground-color: #ffffff; + --token-form-control-checked-surface-color-default: #0f62fe; + --token-form-control-checked-surface-color-hover: #0043ce; + --token-form-control-checked-border-color-default: #0043ce; + --token-form-control-checked-border-color-hover: #002d9c; + --token-form-control-invalid-border-color-default: #a2191f; + --token-form-control-invalid-border-color-hover: #750e13; + --token-form-control-readonly-foreground-color: #161616; + --token-form-control-readonly-surface-color: #ffffff; + --token-form-control-readonly-border-color: #c6c6c6; + --token-form-control-disabled-foreground-color: rgba(22, 22, 22, 0.25); + --token-form-control-disabled-surface-color: #c6c6c6; + --token-form-control-disabled-border-color: #e0e0e0; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #ffffff; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var(--token-color-foreground-high-contrast); + --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g10/themed-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g10/themed-tokens.css new file mode 100644 index 00000000000..7fe89634445 --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g10/themed-tokens.css @@ -0,0 +1,255 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #e0e0e0; + --token-color-border-faint: #c6c6c6; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #f4f4f4; + --token-color-page-faint: #f4f4f4; + --token-color-surface-primary: #ffffff; + --token-color-surface-faint: #ffffff; + --token-color-surface-strong: #ffffff; + --token-color-surface-interactive: #ffffff; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-font-stack-text: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-font-stack-code: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g100/common-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g100/common-tokens.css new file mode 100644 index 00000000000..693c53324f9 --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g100/common-tokens.css @@ -0,0 +1,283 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-color-palette-alpha-300: #39393966; + --token-color-palette-alpha-200: #52525233; + --token-color-palette-alpha-100: #5252521a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #5252521a; + --token-elevation-low-box-shadow: 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d; + --token-elevation-mid-box-shadow: 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233; + --token-elevation-high-box-shadow: 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233; + --token-elevation-higher-box-shadow: 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240; + --token-elevation-overlay-box-shadow: 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959; + --token-surface-inset-box-shadow: inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a; + --token-surface-base-box-shadow: 0 0 0 1px #52525233; + --token-surface-low-box-shadow: 0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d; + --token-surface-mid-box-shadow: 0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233; + --token-surface-high-box-shadow: 0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233; + --token-surface-higher-box-shadow: 0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240; + --token-surface-overlay-box-shadow: 0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959; + --token-focus-ring-action-box-shadow: inset 0 0 0 1px #161616, 0 0 0 3px #ffffff; + --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #161616, 0 0 0 3px #ffffff; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var(--token-color-palette-neutral-200); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-strong: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-faint: var(--token-color-foreground-faint); + --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); + --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover); + --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #161616; + --token-badge-surface-color-neutral-inverted: #525252; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #525252; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #6f6f6f; + --token-button-border-color-tertiary-focus-internal: #161616; + --token-button-border-color-tertiary-focus-external: #ffffff; + --token-button-border-color-tertiary-active: #6f6f6f; + --token-button-border-color-disabled: #6f6f6f; + --token-button-focus-border-width: 3px; + --token-form-label-color: #f4f4f4; + --token-form-legend-color: #f4f4f4; + --token-form-helper-text-color: #f4f4f4; + --token-form-indicator-optional-color: #f4f4f4; + --token-form-error-color: #a2191f; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #f4f4f4; + --token-form-control-base-foreground-placeholder-color: #f4f4f4; + --token-form-control-base-surface-color-default: #262626; + --token-form-control-base-surface-color-hover: #333333; + --token-form-control-base-border-color-default: #8d8d8d; + --token-form-control-base-border-color-hover: #525252; + --token-form-control-checked-foreground-color: #161616; + --token-form-control-checked-surface-color-default: #0f62fe; + --token-form-control-checked-surface-color-hover: #0043ce; + --token-form-control-checked-border-color-default: #0043ce; + --token-form-control-checked-border-color-hover: #002d9c; + --token-form-control-invalid-border-color-default: #a2191f; + --token-form-control-invalid-border-color-hover: #750e13; + --token-form-control-readonly-foreground-color: #f4f4f4; + --token-form-control-readonly-surface-color: #262626; + --token-form-control-readonly-border-color: #393939; + --token-form-control-disabled-foreground-color: rgba(244, 244, 244, 0.25); + --token-form-control-disabled-surface-color: #525252; + --token-form-control-disabled-border-color: #6f6f6f; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #262626; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var(--token-color-foreground-high-contrast); + --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g100/themed-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g100/themed-tokens.css new file mode 100644 index 00000000000..7f6bde7ea92 --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g100/themed-tokens.css @@ -0,0 +1,255 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-font-stack-text: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-font-stack-code: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g90/common-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g90/common-tokens.css new file mode 100644 index 00000000000..3539b6d0b72 --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g90/common-tokens.css @@ -0,0 +1,283 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-color-palette-alpha-300: #39393966; + --token-color-palette-alpha-200: #52525233; + --token-color-palette-alpha-100: #5252521a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #5252521a; + --token-elevation-low-box-shadow: 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d; + --token-elevation-mid-box-shadow: 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233; + --token-elevation-high-box-shadow: 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233; + --token-elevation-higher-box-shadow: 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240; + --token-elevation-overlay-box-shadow: 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959; + --token-surface-inset-box-shadow: inset 0 0 0 1px #5252524d, inset 0px 1px 2px 1px #5252521a; + --token-surface-base-box-shadow: 0 0 0 1px #52525233; + --token-surface-low-box-shadow: 0 0 0 1px #52525226, 0px 1px 1px 0px #5252520d, 0px 2px 2px 0px #5252520d; + --token-surface-mid-box-shadow: 0 0 0 1px #52525226, 0px 2px 3px 0px #5252521a, 0px 8px 16px -10px #52525233; + --token-surface-high-box-shadow: 0 0 0 1px #52525240, 0px 2px 3px 0px #52525226, 0px 16px 16px -10px #52525233; + --token-surface-higher-box-shadow: 0 0 0 1px #52525233, 0px 2px 3px 0px #5252521a, 0px 12px 28px 0px #52525240; + --token-surface-overlay-box-shadow: 0 0 0 1px #39393940, 0px 2px 3px 0px #39393940, 0px 12px 24px 0px #39393959; + --token-focus-ring-action-box-shadow: inset 0 0 0 1px #161616, 0 0 0 3px #ffffff; + --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #161616, 0 0 0 3px #ffffff; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var(--token-color-palette-neutral-200); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-strong: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-faint: var(--token-color-foreground-faint); + --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); + --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover); + --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #161616; + --token-badge-surface-color-neutral-inverted: #525252; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #525252; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #8d8d8d; + --token-button-border-color-tertiary-focus-internal: #161616; + --token-button-border-color-tertiary-focus-external: #ffffff; + --token-button-border-color-tertiary-active: #8d8d8d; + --token-button-border-color-disabled: #8d8d8d; + --token-button-focus-border-width: 3px; + --token-form-label-color: #f4f4f4; + --token-form-legend-color: #f4f4f4; + --token-form-helper-text-color: #f4f4f4; + --token-form-indicator-optional-color: #f4f4f4; + --token-form-error-color: #a2191f; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #f4f4f4; + --token-form-control-base-foreground-placeholder-color: #f4f4f4; + --token-form-control-base-surface-color-default: #393939; + --token-form-control-base-surface-color-hover: #474747; + --token-form-control-base-border-color-default: #8d8d8d; + --token-form-control-base-border-color-hover: #525252; + --token-form-control-checked-foreground-color: #161616; + --token-form-control-checked-surface-color-default: #0f62fe; + --token-form-control-checked-surface-color-hover: #0043ce; + --token-form-control-checked-border-color-default: #0043ce; + --token-form-control-checked-border-color-hover: #002d9c; + --token-form-control-invalid-border-color-default: #a2191f; + --token-form-control-invalid-border-color-hover: #750e13; + --token-form-control-readonly-foreground-color: #f4f4f4; + --token-form-control-readonly-surface-color: #393939; + --token-form-control-readonly-border-color: #525252; + --token-form-control-disabled-foreground-color: rgba(244, 244, 244, 0.25); + --token-form-control-disabled-surface-color: #525252; + --token-form-control-disabled-border-color: #8d8d8d; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #393939; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var(--token-color-foreground-high-contrast); + --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g90/themed-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g90/themed-tokens.css new file mode 100644 index 00000000000..d60c9893a92 --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/cds-g90/themed-tokens.css @@ -0,0 +1,255 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #8d8d8d; + --token-color-border-faint: #525252; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #e8daff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #262626; + --token-color-page-faint: #262626; + --token-color-surface-primary: #393939; + --token-color-surface-faint: #393939; + --token-color-surface-strong: #393939; + --token-color-surface-interactive: #393939; + --token-color-surface-interactive-hover: #474747; + --token-color-surface-interactive-active: #6f6f6f; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-font-stack-text: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-font-stack-code: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/default/common-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/default/common-tokens.css new file mode 100644 index 00000000000..b3c1359afba --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/default/common-tokens.css @@ -0,0 +1,283 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-color-palette-alpha-300: #3b3d4566; + --token-color-palette-alpha-200: #656a7633; + --token-color-palette-alpha-100: #656a761a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #656a761a; + --token-elevation-low-box-shadow: 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-elevation-mid-box-shadow: 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-elevation-high-box-shadow: 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633; + --token-elevation-higher-box-shadow: 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-elevation-overlay-box-shadow: 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-surface-inset-box-shadow: inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a; + --token-surface-base-box-shadow: 0 0 0 1px #656a7633; + --token-surface-low-box-shadow: 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-surface-mid-box-shadow: 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-surface-high-box-shadow: 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633; + --token-surface-higher-box-shadow: 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-focus-ring-action-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff; + --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var(--token-color-palette-neutral-200); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-strong: var(--token-color-foreground-primary); + --token-app-side-nav-color-foreground-faint: var(--token-color-foreground-faint); + --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); + --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover); + --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-surface-color-neutral-inverted: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #3b3d4566; + --token-button-border-color-tertiary-focus-internal: #0c56e9; + --token-button-border-color-tertiary-focus-external: #5990ff; + --token-button-border-color-tertiary-active: #3b3d4566; + --token-button-border-color-disabled: #656a7633; + --token-button-focus-border-width: 3px; + --token-form-label-color: #0c0c0e; + --token-form-legend-color: #0c0c0e; + --token-form-helper-text-color: #656a76; + --token-form-indicator-optional-color: #656a76; + --token-form-error-color: #c00005; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #0c0c0e; + --token-form-control-base-foreground-placeholder-color: #656a76; + --token-form-control-base-surface-color-default: #ffffff; + --token-form-control-base-surface-color-hover: #f1f2f3; + --token-form-control-base-border-color-default: #8c909c; + --token-form-control-base-border-color-hover: #656a76; + --token-form-control-checked-foreground-color: #ffffff; + --token-form-control-checked-surface-color-default: #1060ff; + --token-form-control-checked-surface-color-hover: #0c56e9; + --token-form-control-checked-border-color-default: #0c56e9; + --token-form-control-checked-border-color-hover: #0046d1; + --token-form-control-invalid-border-color-default: #c00005; + --token-form-control-invalid-border-color-hover: #940004; + --token-form-control-readonly-foreground-color: #3b3d45; + --token-form-control-readonly-surface-color: #f1f2f3; + --token-form-control-readonly-border-color: #656a761a; + --token-form-control-disabled-foreground-color: #8c909c; + --token-form-control-disabled-surface-color: #fafafa; + --token-form-control-disabled-border-color: #656a7633; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #f1f2f3; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var(--token-color-foreground-high-contrast); + --token-tooltip-color-surface-primary: var(--token-color-palette-neutral-700); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-root-selector/default/themed-tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/default/themed-tokens.css new file mode 100644 index 00000000000..a17dc613773 --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-root-selector/default/themed-tokens.css @@ -0,0 +1,255 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +:root { + --token-border-radius-x-small: 3px; + --token-border-radius-small: 5px; + --token-border-radius-medium: 6px; + --token-border-radius-large: 8px; + --token-color-palette-blue-500: #1c345f; + --token-color-palette-blue-400: #0046d1; + --token-color-palette-blue-300: #0c56e9; + --token-color-palette-blue-200: #1060ff; + --token-color-palette-blue-100: #cce3fe; + --token-color-palette-blue-50: #f2f8ff; + --token-color-palette-purple-500: #42215b; + --token-color-palette-purple-400: #7b00db; + --token-color-palette-purple-300: #911ced; + --token-color-palette-purple-200: #a737ff; + --token-color-palette-purple-100: #ead2fe; + --token-color-palette-purple-50: #f9f2ff; + --token-color-palette-green-500: #054220; + --token-color-palette-green-400: #006619; + --token-color-palette-green-300: #00781e; + --token-color-palette-green-200: #008a22; + --token-color-palette-green-100: #cceeda; + --token-color-palette-green-50: #f2fbf6; + --token-color-palette-amber-500: #542800; + --token-color-palette-amber-400: #803d00; + --token-color-palette-amber-300: #9e4b00; + --token-color-palette-amber-200: #bb5a00; + --token-color-palette-amber-100: #fbeabf; + --token-color-palette-amber-50: #fff9e8; + --token-color-palette-red-500: #51130a; + --token-color-palette-red-400: #940004; + --token-color-palette-red-300: #c00005; + --token-color-palette-red-200: #e52228; + --token-color-palette-red-100: #fbd4d4; + --token-color-palette-red-50: #fff5f5; + --token-color-palette-neutral-700: #0c0c0e; + --token-color-palette-neutral-600: #3b3d45; + --token-color-palette-neutral-500: #656a76; + --token-color-palette-neutral-400: #8c909c; + --token-color-palette-neutral-300: #c2c5cb; + --token-color-palette-neutral-200: #dedfe3; + --token-color-palette-neutral-100: #f1f2f3; + --token-color-palette-neutral-50: #fafafa; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #656a7633; + --token-color-border-faint: #656a761a; + --token-color-border-strong: #3b3d4566; + --token-color-border-action: #cce3fe; + --token-color-border-highlight: #ead2fe; + --token-color-border-success: #cceeda; + --token-color-border-warning: #fbeabf; + --token-color-border-critical: #fbd4d4; + --token-color-focus-action-internal: #0c56e9; + --token-color-focus-action-external: #5990ff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #c00005; + --token-color-focus-critical-external: #dd7578; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #0c0c0e; + --token-color-foreground-primary: #3b3d45; + --token-color-foreground-faint: #656a76; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: #8c909c; + --token-color-foreground-action: #1060ff; + --token-color-foreground-action-hover: #0c56e9; + --token-color-foreground-action-active: #0046d1; + --token-color-foreground-highlight: #a737ff; + --token-color-foreground-highlight-on-surface: #911ced; + --token-color-foreground-highlight-high-contrast: #42215b; + --token-color-foreground-success: #008a22; + --token-color-foreground-success-on-surface: #00781e; + --token-color-foreground-success-high-contrast: #054220; + --token-color-foreground-warning: #bb5a00; + --token-color-foreground-warning-on-surface: #9e4b00; + --token-color-foreground-warning-high-contrast: #542800; + --token-color-foreground-critical: #e52228; + --token-color-foreground-critical-on-surface: #c00005; + --token-color-foreground-critical-high-contrast: #51130a; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #fafafa; + --token-color-surface-primary: #ffffff; + --token-color-surface-faint: #fafafa; + --token-color-surface-strong: #f1f2f3; + --token-color-surface-interactive: #ffffff; + --token-color-surface-interactive-hover: #f1f2f3; + --token-color-surface-interactive-active: #dedfe3; + --token-color-surface-interactive-disabled: #fafafa; + --token-color-surface-action: #f2f8ff; + --token-color-surface-highlight: #f9f2ff; + --token-color-surface-success: #f2fbf6; + --token-color-surface-warning: #fff9e8; + --token-color-surface-critical: #fff5f5; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 12px; + --token-badge-count-padding-horizontal-large: 14px; + --token-badge-padding-horizontal-small: 6px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 8px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 6px; + --token-badge-typography-font-size-small: 0.8125rem; + --token-badge-typography-font-size-medium: 0.8125rem; + --token-badge-typography-font-size-large: 1rem; + --token-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #3b3d45; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #a737ff; + --token-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #008a22; + --token-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #bb5a00; + --token-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #e52228; + --token-badge-surface-color-neutral-filled: #dedfe3; + --token-badge-surface-color-neutral-dark-mode-inverted: #fafafa; + --token-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #a737ff; + --token-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #008a22; + --token-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #bb5a00; + --token-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #e52228; + --token-badge-border-radius-small: 5px; + --token-badge-border-radius-medium: 5px; + --token-badge-border-radius-large: 5px; + --token-button-height-small: 28px; + --token-button-height-medium: 36px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 11px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 19px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 9px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 11px; /** here we're taking into account the 1px border */ + --token-button-gap: 6px; + --token-button-typography-font-size-small: 0.8125rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 1rem; + --token-button-typography-line-height-small: 0.9286; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.1429; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #3b3d45; + --token-button-foreground-color-secondary-hover: #3b3d45; + --token-button-foreground-color-secondary-focus: #3b3d45; + --token-button-foreground-color-secondary-active: #3b3d45; + --token-button-foreground-color-tertiary-default: #1060ff; + --token-button-foreground-color-tertiary-hover: #0c56e9; + --token-button-foreground-color-tertiary-focus: #1060ff; + --token-button-foreground-color-tertiary-active: #0046d1; + --token-button-foreground-color-critical-default: #c00005; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #c00005; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8c909c; + --token-button-surface-color-primary-default: #1060ff; + --token-button-surface-color-primary-hover: #0c56e9; + --token-button-surface-color-primary-focus: #1060ff; + --token-button-surface-color-primary-active: #0046d1; + --token-button-surface-color-secondary-default: #fafafa; + --token-button-surface-color-secondary-hover: #ffffff; + --token-button-surface-color-secondary-focus: #fafafa; + --token-button-surface-color-secondary-active: #dedfe3; + --token-button-surface-color-tertiary-hover: #ffffff; + --token-button-surface-color-tertiary-focus: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-active: #dedfe3; + --token-button-surface-color-critical-default: #fff5f5; + --token-button-surface-color-critical-hover: #c00005; + --token-button-surface-color-critical-focus: #fff5f5; + --token-button-surface-color-critical-active: #940004; + --token-button-surface-color-disabled: #fafafa; + --token-button-border-radius: 5px; + --token-button-border-color-primary-default: #0c56e9; + --token-button-border-color-primary-hover: #0c56e9; + --token-button-border-color-primary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: #0046d1; + --token-button-border-color-secondary-default: #3b3d4566; + --token-button-border-color-secondary-hover: #3b3d4566; + --token-button-border-color-secondary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: #3b3d4566; + --token-button-border-color-critical-default: #c00005; + --token-button-border-color-critical-hover: #940004; + --token-button-border-color-critical-focus-internal: #c00005; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #dd7578; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: #940004; + --token-button-icon-size-small: 12px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 24px; + --token-form-radiocard-border-radius: 6px; + --token-form-radiocard-border-color-default: #ffffff; + --token-form-radiocard-border-color-focus: #0c56e9; + --token-form-radiocard-border-color-default-checked: #0c56e9; + --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 500; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 700; + --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.2666; /** 38px */ + --token-typography-display-500-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.3333; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.3333; /** 24px */ + --token-typography-display-300-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.3846; /** 18px */ + --token-typography-display-100-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.4286; /** 20px */ + --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.3846; /** 18px */ + --token-typography-code-300-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.25; /** 20px */ + --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.125; /** 18px */ + --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.23; /** 16px */ +} diff --git a/packages/tokens/dist/products/css/themed-tokens/with-scss-mixins/tokens.css b/packages/tokens/dist/products/css/themed-tokens/with-scss-mixins/tokens.css new file mode 100644 index 00000000000..ca300b16f4e --- /dev/null +++ b/packages/tokens/dist/products/css/themed-tokens/with-scss-mixins/tokens.css @@ -0,0 +1,2295 @@ +/** + * Do not edit directly, this file was auto-generated. + */ + +@mixin hds-theme-default() { + :root { + --token-border-radius-x-small: 3px; + --token-border-radius-small: 5px; + --token-border-radius-medium: 6px; + --token-border-radius-large: 8px; + --token-color-palette-blue-500: #1c345f; + --token-color-palette-blue-400: #0046d1; + --token-color-palette-blue-300: #0c56e9; + --token-color-palette-blue-200: #1060ff; + --token-color-palette-blue-100: #cce3fe; + --token-color-palette-blue-50: #f2f8ff; + --token-color-palette-purple-500: #42215b; + --token-color-palette-purple-400: #7b00db; + --token-color-palette-purple-300: #911ced; + --token-color-palette-purple-200: #a737ff; + --token-color-palette-purple-100: #ead2fe; + --token-color-palette-purple-50: #f9f2ff; + --token-color-palette-green-500: #054220; + --token-color-palette-green-400: #006619; + --token-color-palette-green-300: #00781e; + --token-color-palette-green-200: #008a22; + --token-color-palette-green-100: #cceeda; + --token-color-palette-green-50: #f2fbf6; + --token-color-palette-amber-500: #542800; + --token-color-palette-amber-400: #803d00; + --token-color-palette-amber-300: #9e4b00; + --token-color-palette-amber-200: #bb5a00; + --token-color-palette-amber-100: #fbeabf; + --token-color-palette-amber-50: #fff9e8; + --token-color-palette-red-500: #51130a; + --token-color-palette-red-400: #940004; + --token-color-palette-red-300: #c00005; + --token-color-palette-red-200: #e52228; + --token-color-palette-red-100: #fbd4d4; + --token-color-palette-red-50: #fff5f5; + --token-color-palette-neutral-700: #0c0c0e; + --token-color-palette-neutral-600: #3b3d45; + --token-color-palette-neutral-500: #656a76; + --token-color-palette-neutral-400: #8c909c; + --token-color-palette-neutral-300: #c2c5cb; + --token-color-palette-neutral-200: #dedfe3; + --token-color-palette-neutral-100: #f1f2f3; + --token-color-palette-neutral-50: #fafafa; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #656a7633; + --token-color-border-faint: #656a761a; + --token-color-border-strong: #3b3d4566; + --token-color-border-action: #cce3fe; + --token-color-border-highlight: #ead2fe; + --token-color-border-success: #cceeda; + --token-color-border-warning: #fbeabf; + --token-color-border-critical: #fbd4d4; + --token-color-focus-action-internal: #0c56e9; + --token-color-focus-action-external: #5990ff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #c00005; + --token-color-focus-critical-external: #dd7578; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #0c0c0e; + --token-color-foreground-primary: #3b3d45; + --token-color-foreground-faint: #656a76; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: #8c909c; + --token-color-foreground-action: #1060ff; + --token-color-foreground-action-hover: #0c56e9; + --token-color-foreground-action-active: #0046d1; + --token-color-foreground-highlight: #a737ff; + --token-color-foreground-highlight-on-surface: #911ced; + --token-color-foreground-highlight-high-contrast: #42215b; + --token-color-foreground-success: #008a22; + --token-color-foreground-success-on-surface: #00781e; + --token-color-foreground-success-high-contrast: #054220; + --token-color-foreground-warning: #bb5a00; + --token-color-foreground-warning-on-surface: #9e4b00; + --token-color-foreground-warning-high-contrast: #542800; + --token-color-foreground-critical: #e52228; + --token-color-foreground-critical-on-surface: #c00005; + --token-color-foreground-critical-high-contrast: #51130a; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #fafafa; + --token-color-surface-primary: #ffffff; + --token-color-surface-faint: #fafafa; + --token-color-surface-strong: #f1f2f3; + --token-color-surface-interactive: #ffffff; + --token-color-surface-interactive-hover: #f1f2f3; + --token-color-surface-interactive-active: #dedfe3; + --token-color-surface-interactive-disabled: #fafafa; + --token-color-surface-action: #f2f8ff; + --token-color-surface-highlight: #f9f2ff; + --token-color-surface-success: #f2fbf6; + --token-color-surface-warning: #fff9e8; + --token-color-surface-critical: #fff5f5; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 12px; + --token-badge-count-padding-horizontal-large: 14px; + --token-badge-padding-horizontal-small: 6px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 8px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 6px; + --token-badge-typography-font-size-small: 0.8125rem; + --token-badge-typography-font-size-medium: 0.8125rem; + --token-badge-typography-font-size-large: 1rem; + --token-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #3b3d45; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #a737ff; + --token-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #008a22; + --token-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #bb5a00; + --token-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #e52228; + --token-badge-surface-color-neutral-filled: #dedfe3; + --token-badge-surface-color-neutral-dark-mode-inverted: #fafafa; + --token-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #a737ff; + --token-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #008a22; + --token-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #bb5a00; + --token-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #e52228; + --token-badge-border-radius-small: 5px; + --token-badge-border-radius-medium: 5px; + --token-badge-border-radius-large: 5px; + --token-button-height-small: 28px; + --token-button-height-medium: 36px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 11px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 19px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 9px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 11px; /** here we're taking into account the 1px border */ + --token-button-gap: 6px; + --token-button-typography-font-size-small: 0.8125rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 1rem; + --token-button-typography-line-height-small: 0.9286; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.1429; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #3b3d45; + --token-button-foreground-color-secondary-hover: #3b3d45; + --token-button-foreground-color-secondary-focus: #3b3d45; + --token-button-foreground-color-secondary-active: #3b3d45; + --token-button-foreground-color-tertiary-default: #1060ff; + --token-button-foreground-color-tertiary-hover: #0c56e9; + --token-button-foreground-color-tertiary-focus: #1060ff; + --token-button-foreground-color-tertiary-active: #0046d1; + --token-button-foreground-color-critical-default: #c00005; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #c00005; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8c909c; + --token-button-surface-color-primary-default: #1060ff; + --token-button-surface-color-primary-hover: #0c56e9; + --token-button-surface-color-primary-focus: #1060ff; + --token-button-surface-color-primary-active: #0046d1; + --token-button-surface-color-secondary-default: #fafafa; + --token-button-surface-color-secondary-hover: #ffffff; + --token-button-surface-color-secondary-focus: #fafafa; + --token-button-surface-color-secondary-active: #dedfe3; + --token-button-surface-color-tertiary-hover: #ffffff; + --token-button-surface-color-tertiary-focus: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-active: #dedfe3; + --token-button-surface-color-critical-default: #fff5f5; + --token-button-surface-color-critical-hover: #c00005; + --token-button-surface-color-critical-focus: #fff5f5; + --token-button-surface-color-critical-active: #940004; + --token-button-surface-color-disabled: #fafafa; + --token-button-border-radius: 5px; + --token-button-border-color-primary-default: #0c56e9; + --token-button-border-color-primary-hover: #0c56e9; + --token-button-border-color-primary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: #0046d1; + --token-button-border-color-secondary-default: #3b3d4566; + --token-button-border-color-secondary-hover: #3b3d4566; + --token-button-border-color-secondary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: #3b3d4566; + --token-button-border-color-critical-default: #c00005; + --token-button-border-color-critical-hover: #940004; + --token-button-border-color-critical-focus-internal: #c00005; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #dd7578; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: #940004; + --token-button-icon-size-small: 12px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 24px; + --token-form-radiocard-border-radius: 6px; + --token-form-radiocard-border-color-default: #ffffff; + --token-form-radiocard-border-color-focus: #0c56e9; + --token-form-radiocard-border-color-default-checked: #0c56e9; + --token-typography-font-stack-display: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-font-stack-text: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-font-stack-code: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 500; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 700; + --token-typography-display-500-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.2666; /** 38px */ + --token-typography-display-500-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-400-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.3333; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.3333; /** 24px */ + --token-typography-display-300-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-200-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: -0.5px; /** this is `tracking` */ + --token-typography-display-100-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.3846; /** 18px */ + --token-typography-display-100-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-body-300-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.4286; /** 20px */ + --token-typography-body-100-font-family: + -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, + Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.3846; /** 18px */ + --token-typography-code-300-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.25; /** 20px */ + --token-typography-code-200-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.125; /** 18px */ + --token-typography-code-100-font-family: + ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.23; /** 16px */ + } +} + +@mixin hds-theme-light() { + :root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@mixin hds-theme-dark() { + :root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@mixin hds-mode-cds0() { + :root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #c6c6c6; + --token-color-border-faint: #e0e0e0; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #ffffff; + --token-color-page-faint: #ffffff; + --token-color-surface-primary: #f4f4f4; + --token-color-surface-faint: #f4f4f4; + --token-color-surface-strong: #f4f4f4; + --token-color-surface-interactive: #f4f4f4; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@mixin hds-mode-cds10() { + :root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #e0e0e0; + --token-color-border-faint: #c6c6c6; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #0f62fe; + --token-color-border-highlight: #be95ff; + --token-color-border-success: #42be65; + --token-color-border-warning: #ff832b; + --token-color-border-critical: #ff8389; + --token-color-focus-action-internal: #ffffff; + --token-color-focus-action-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #ffffff; + --token-color-focus-critical-external: #0f62fe; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #161616; + --token-color-foreground-primary: #161616; + --token-color-foreground-faint: #161616; + --token-color-foreground-high-contrast: #ffffff; + --token-color-foreground-disabled: rgba(22, 22, 22, 0.25); + --token-color-foreground-action: #0f62fe; + --token-color-foreground-action-hover: #0043ce; + --token-color-foreground-action-active: #0043ce; + --token-color-foreground-highlight: #8a3ffc; + --token-color-foreground-highlight-on-surface: #6929c4; + --token-color-foreground-highlight-high-contrast: #491d8b; + --token-color-foreground-success: #198038; + --token-color-foreground-success-on-surface: #0e6027; + --token-color-foreground-success-high-contrast: #044317; + --token-color-foreground-warning: #ba4e00; + --token-color-foreground-warning-on-surface: #8a3800; + --token-color-foreground-warning-high-contrast: #5e2900; + --token-color-foreground-critical: #da1e28; + --token-color-foreground-critical-on-surface: #a2191f; + --token-color-foreground-critical-high-contrast: #750e13; + --token-color-page-primary: #f4f4f4; + --token-color-page-faint: #f4f4f4; + --token-color-surface-primary: #ffffff; + --token-color-surface-faint: #ffffff; + --token-color-surface-strong: #ffffff; + --token-color-surface-interactive: #ffffff; + --token-color-surface-interactive-hover: #e8e8e8; + --token-color-surface-interactive-active: #c6c6c6; + --token-color-surface-interactive-disabled: #c6c6c6; + --token-color-surface-action: #d0e2ff; + --token-color-surface-highlight: #e8daff; + --token-color-surface-success: #a7f0ba; + --token-color-surface-warning: #ffd9be; + --token-color-surface-critical: #ffd7d9; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #161616; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #161616; + --token-badge-foreground-color-neutral-dark-mode-inverted: #161616; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #6929c4; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #6929c4; + --token-badge-foreground-color-success-filled: #0e6027; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #0e6027; + --token-badge-foreground-color-warning-filled: #684e00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #684e00; + --token-badge-foreground-color-critical-filled: #a2191f; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #a2191f; + --token-badge-surface-color-neutral-filled: #e0e0e0; + --token-badge-surface-color-neutral-dark-mode-inverted: #e0e0e0; + --token-badge-surface-color-highlight-filled: #e8daff; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #6929c4; + --token-badge-surface-color-success-filled: #a7f0ba; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #0e6027; + --token-badge-surface-color-warning-filled: #fddc69; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #684e00; + --token-badge-surface-color-critical-filled: #ffd7d9; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #a2191f; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #0f62fe; + --token-button-foreground-color-tertiary-hover: #ffffff; + --token-button-foreground-color-tertiary-focus: #ffffff; + --token-button-foreground-color-tertiary-active: #ffffff; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8d8d8d; + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #393939; + --token-button-surface-color-secondary-hover: #474747; + --token-button-surface-color-secondary-focus: #393939; + --token-button-surface-color-secondary-active: #6f6f6f; + --token-button-surface-color-tertiary-hover: #0050e6; + --token-button-surface-color-tertiary-focus: #0050e6; + --token-button-surface-color-tertiary-active: #002d9c; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #c6c6c6; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@mixin hds-mode-cds90() { + :root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #8d8d8d; + --token-color-border-faint: #525252; + --token-color-border-strong: #8d8d8d; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #e8daff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #262626; + --token-color-page-faint: #262626; + --token-color-surface-primary: #393939; + --token-color-surface-faint: #393939; + --token-color-surface-strong: #393939; + --token-color-surface-interactive: #393939; + --token-color-surface-interactive-hover: #474747; + --token-color-surface-interactive-active: #6f6f6f; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@mixin hds-mode-cds100() { + :root { + --token-border-radius-x-small: 0px; + --token-border-radius-small: 0px; + --token-border-radius-medium: 0px; + --token-border-radius-large: 0px; + --token-color-palette-blue-500: #001141; + --token-color-palette-blue-400: #002d9c; + --token-color-palette-blue-300: #0043ce; + --token-color-palette-blue-200: #0f62fe; + --token-color-palette-blue-100: #d0e2ff; + --token-color-palette-blue-50: #edf5ff; + --token-color-palette-purple-500: #31135e; + --token-color-palette-purple-400: #6929c4; + --token-color-palette-purple-300: #8a3ffc; + --token-color-palette-purple-200: #a56eff; + --token-color-palette-purple-100: #e8daff; + --token-color-palette-purple-50: #f6f2ff; + --token-color-palette-green-500: #044317; + --token-color-palette-green-400: #0e6027; + --token-color-palette-green-300: #198038; + --token-color-palette-green-200: #24a148; + --token-color-palette-green-100: #a7f0ba; + --token-color-palette-green-50: #defbe6; + --token-color-palette-amber-500: #302400; + --token-color-palette-amber-400: #483700; + --token-color-palette-amber-300: #8e6a00; + --token-color-palette-amber-200: #d2a106; + --token-color-palette-amber-100: #fddc69; + --token-color-palette-amber-50: #fcf4d6; + --token-color-palette-red-500: #520408; + --token-color-palette-red-400: #750e13; + --token-color-palette-red-300: #a2191f; + --token-color-palette-red-200: #da1e28; + --token-color-palette-red-100: #ffd7d9; + --token-color-palette-red-50: #fff1f1; + --token-color-palette-neutral-700: #161616; + --token-color-palette-neutral-600: #393939; + --token-color-palette-neutral-500: #525252; + --token-color-palette-neutral-400: #8d8d8d; + --token-color-palette-neutral-300: #a8a8a8; + --token-color-palette-neutral-200: #c6c6c6; + --token-color-palette-neutral-100: #e0e0e0; + --token-color-palette-neutral-50: #f4f4f4; + --token-color-palette-neutral-0: #ffffff; + --token-color-border-primary: #6f6f6f; + --token-color-border-faint: #393939; + --token-color-border-strong: #6f6f6f; + --token-color-border-action: #4589ff; + --token-color-border-highlight: #a56eff; + --token-color-border-success: #24a148; + --token-color-border-warning: #eb6200; + --token-color-border-critical: #fa4d56; + --token-color-focus-action-internal: #161616; + --token-color-focus-action-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-focus-critical-internal: #161616; + --token-color-focus-critical-external: #ffffff; /** this is a special color used only for the focus style, to pass color contrast for a11y purpose */ + --token-color-foreground-strong: #f4f4f4; + --token-color-foreground-primary: #f4f4f4; + --token-color-foreground-faint: #f4f4f4; + --token-color-foreground-high-contrast: #161616; + --token-color-foreground-disabled: rgba(244, 244, 244, 0.25); + --token-color-foreground-action: #78a9ff; + --token-color-foreground-action-hover: #a6c8ff; + --token-color-foreground-action-active: #a6c8ff; + --token-color-foreground-highlight: #be95ff; + --token-color-foreground-highlight-on-surface: #d4bbff; + --token-color-foreground-highlight-high-contrast: #d4bbff; + --token-color-foreground-success: #42be65; + --token-color-foreground-success-on-surface: #6fdc8c; + --token-color-foreground-success-high-contrast: #a7f0ba; + --token-color-foreground-warning: #ff832b; + --token-color-foreground-warning-on-surface: #ffb784; + --token-color-foreground-warning-high-contrast: #ffd9be; + --token-color-foreground-critical: #ff8389; + --token-color-foreground-critical-on-surface: #ffb3b8; + --token-color-foreground-critical-high-contrast: #ffd7d9; + --token-color-page-primary: #161616; + --token-color-page-faint: #161616; + --token-color-surface-primary: #262626; + --token-color-surface-faint: #262626; + --token-color-surface-strong: #262626; + --token-color-surface-interactive: #262626; + --token-color-surface-interactive-hover: #333333; + --token-color-surface-interactive-active: #525252; + --token-color-surface-interactive-disabled: #525252; + --token-color-surface-action: #0043ce; + --token-color-surface-highlight: #6929c4; + --token-color-surface-success: #0e6027; + --token-color-surface-warning: #8a3800; + --token-color-surface-critical: #a2191f; + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 8px; + --token-badge-count-padding-horizontal-large: 12px; + --token-badge-padding-horizontal-small: 8px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 12px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 4px; + --token-badge-typography-font-size-small: 0.75rem; + --token-badge-typography-font-size-medium: 0.75rem; + --token-badge-typography-font-size-large: 0.75rem; + --token-badge-typography-line-height-large: 1; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #f4f4f4; + --token-badge-foreground-color-neutral-inverted: #161616; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-inverted: #f4f4f4; + --token-badge-foreground-color-neutral-dark-mode-outlined: #161616; + --token-badge-foreground-color-highlight-filled: #e8daff; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #161616; + --token-badge-foreground-color-highlight-outlined: #e8daff; + --token-badge-foreground-color-success-filled: #a7f0ba; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #161616; + --token-badge-foreground-color-success-outlined: #a7f0ba; + --token-badge-foreground-color-warning-filled: #fddc69; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #161616; + --token-badge-foreground-color-warning-outlined: #fddc69; + --token-badge-foreground-color-critical-filled: #ffd7d9; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #161616; + --token-badge-foreground-color-critical-outlined: #ffd7d9; + --token-badge-surface-color-neutral-filled: #525252; + --token-badge-surface-color-neutral-dark-mode-inverted: #525252; + --token-badge-surface-color-highlight-filled: #6929c4; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #be95ff; + --token-badge-surface-color-success-filled: #0e6027; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #42be65; + --token-badge-surface-color-warning-filled: #684e00; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #d2a106; + --token-badge-surface-color-critical-filled: #a2191f; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #ff8389; + --token-badge-border-radius-small: 8px; + --token-badge-border-radius-medium: 12px; + --token-badge-border-radius-large: 16px; + --token-button-height-small: 32px; + --token-button-height-medium: 40px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 10px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 14px; /** here we're taking into account the 1px border */ + --token-button-gap: 32px; + --token-button-typography-font-size-small: 0.875rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 0.875rem; + --token-button-typography-line-height-small: 1.2858; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.2858; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.2858; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #ffffff; + --token-button-foreground-color-secondary-hover: #ffffff; + --token-button-foreground-color-secondary-focus: #ffffff; + --token-button-foreground-color-secondary-active: #ffffff; + --token-button-foreground-color-tertiary-default: #ffffff; + --token-button-foreground-color-tertiary-hover: #161616; + --token-button-foreground-color-tertiary-focus: #161616; + --token-button-foreground-color-tertiary-active: #161616; + --token-button-foreground-color-critical-default: #ffffff; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #ffffff; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: rgba(255, 255, 255, 0.25); + --token-button-surface-color-primary-default: #0f62fe; + --token-button-surface-color-primary-hover: #0050e6; + --token-button-surface-color-primary-focus: #0f62fe; + --token-button-surface-color-primary-active: #002d9c; + --token-button-surface-color-secondary-default: #6f6f6f; + --token-button-surface-color-secondary-hover: #5e5e5e; + --token-button-surface-color-secondary-focus: #6f6f6f; + --token-button-surface-color-secondary-active: #393939; + --token-button-surface-color-tertiary-hover: #f4f4f4; + --token-button-surface-color-tertiary-focus: #f4f4f4; + --token-button-surface-color-tertiary-active: #c6c6c6; + --token-button-surface-color-critical-default: #da1e28; + --token-button-surface-color-critical-hover: #b81921; + --token-button-surface-color-critical-focus: #da1e28; + --token-button-surface-color-critical-active: #750e13; + --token-button-surface-color-disabled: #8d8d8d; + --token-button-border-radius: 0px; + --token-button-border-color-primary-default: rgba(0, 0, 0, 0); + --token-button-border-color-primary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-primary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-default: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-hover: rgba(0, 0, 0, 0); + --token-button-border-color-secondary-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: rgba(0, 0, 0, 0); + --token-button-border-color-critical-default: rgba(0, 0, 0, 0); + --token-button-border-color-critical-hover: rgba(0, 0, 0, 0); + --token-button-border-color-critical-focus-internal: #ffc0cb; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #ff00ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: rgba(0, 0, 0, 0); + --token-button-icon-size-small: 16px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 16px; + --token-form-radiocard-border-radius: 0px; + --token-form-radiocard-border-color-default: rgba(0, 0, 0, 0); + --token-form-radiocard-border-color-focus: #ffc0cb; + --token-form-radiocard-border-color-default-checked: #ffc0cb; + --token-typography-font-stack-display: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-text: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-font-stack-code: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-font-weight-regular: 400; + --token-typography-font-weight-medium: 400; + --token-typography-font-weight-semibold: 600; + --token-typography-font-weight-bold: 600; + --token-typography-display-500-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-500-font-size: 2rem; /** 30px/1.875rem */ + --token-typography-display-500-line-height: 1.25; /** 38px */ + --token-typography-display-500-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-400-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-400-font-size: 1.75rem; /** 24px/1.5rem */ + --token-typography-display-400-line-height: 1.28572; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-300-font-size: 1.25rem; /** 18px/1.125rem */ + --token-typography-display-300-line-height: 1.4; /** 24px */ + --token-typography-display-300-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-200-font-size: 1rem; /** 16px/1rem */ + --token-typography-display-200-line-height: 1.5; /** 24px */ + --token-typography-display-200-letter-spacing: 0px; /** this is `tracking` */ + --token-typography-display-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-display-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-display-100-line-height: 1.42857; /** 18px */ + --token-typography-display-100-letter-spacing: 0.16px; /** this is `tracking` */ + --token-typography-body-300-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ + --token-typography-body-300-line-height: 1.5; /** 24px */ + --token-typography-body-200-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-body-200-line-height: 1.42857; /** 20px */ + --token-typography-body-100-font-family: + "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, + ".SFNSText-Regular", sans-serif; + --token-typography-body-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-body-100-line-height: 1.28572; /** 18px */ + --token-typography-code-300-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-300-font-size: 0.875rem; /** 16px/1rem */ + --token-typography-code-300-line-height: 1.42857; /** 20px */ + --token-typography-code-200-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.42857; /** 18px */ + --token-typography-code-100-font-family: + "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", + Courier, monospace; + --token-typography-code-100-font-size: 0.875rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.33333; /** 16px */ + } +} + +@mixin hds-theme-common() { + :root { + --token-color-palette-alpha-300: #3b3d4566; + --token-color-palette-alpha-200: #656a7633; + --token-color-palette-alpha-100: #656a761a; + --token-color-hashicorp-brand: #000000; + --token-color-boundary-brand: #f24c53; + --token-color-boundary-foreground: #cf2d32; + --token-color-boundary-surface: #ffecec; + --token-color-boundary-border: #fbd7d8; + --token-color-boundary-gradient-primary-start: #f97076; + --token-color-boundary-gradient-primary-stop: #db363b; + --token-color-boundary-gradient-faint-start: #fffafa; /** this is the 'boundary-50' value at 25% opacity on white */ + --token-color-boundary-gradient-faint-stop: #ffecec; + --token-color-consul-brand: #e03875; + --token-color-consul-foreground: #d01c5b; + --token-color-consul-surface: #ffe9f1; + --token-color-consul-border: #ffcede; + --token-color-consul-gradient-primary-start: #ff99be; + --token-color-consul-gradient-primary-stop: #da306e; + --token-color-consul-gradient-faint-start: #fff9fb; /** this is the 'consul-50' value at 25% opacity on white */ + --token-color-consul-gradient-faint-stop: #ffe9f1; + --token-color-hcp-brand: #000000; + --token-color-nomad-brand: #06d092; + --token-color-nomad-foreground: #008661; + --token-color-nomad-surface: #d3fdeb; + --token-color-nomad-border: #bff3dd; + --token-color-nomad-gradient-primary-start: #bff3dd; + --token-color-nomad-gradient-primary-stop: #60dea9; + --token-color-nomad-gradient-faint-start: #f3fff9; /** this is the 'nomad-50' value at 25% opacity on white */ + --token-color-nomad-gradient-faint-stop: #d3fdeb; + --token-color-packer-brand: #02a8ef; + --token-color-packer-foreground: #007eb4; + --token-color-packer-surface: #d4f2ff; + --token-color-packer-border: #b4e4ff; + --token-color-packer-gradient-primary-start: #b4e4ff; + --token-color-packer-gradient-primary-stop: #63d0ff; + --token-color-packer-gradient-faint-start: #f3fcff; /** this is the 'packer-50' value at 25% opacity on white */ + --token-color-packer-gradient-faint-stop: #d4f2ff; + --token-color-terraform-brand: #7b42bc; + --token-color-terraform-brand-on-dark: #a067da; /** this is an alternative brand color meant to be used on dark backgrounds */ + --token-color-terraform-foreground: #773cb4; + --token-color-terraform-surface: #f4ecff; + --token-color-terraform-border: #ebdbfc; + --token-color-terraform-gradient-primary-start: #bb8deb; + --token-color-terraform-gradient-primary-stop: #844fba; + --token-color-terraform-gradient-faint-start: #fcfaff; /** this is the 'terraform-50' value at 25% opacity on white */ + --token-color-terraform-gradient-faint-stop: #f4ecff; + --token-color-vagrant-brand: #1868f2; + --token-color-vagrant-foreground: #1c61d8; + --token-color-vagrant-surface: #d6ebff; + --token-color-vagrant-border: #c7dbfc; + --token-color-vagrant-gradient-primary-start: #639cff; + --token-color-vagrant-gradient-primary-stop: #2e71e5; + --token-color-vagrant-gradient-faint-start: #f4faff; /** this is the 'vagrant-50' value at 25% opacity on white */ + --token-color-vagrant-gradient-faint-stop: #d6ebff; + --token-color-vault-radar-brand: #ffcf25; + --token-color-vault-radar-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */ + --token-color-vault-radar-foreground: #9a6f00; + --token-color-vault-radar-surface: #fff9cf; + --token-color-vault-radar-border: #feec7b; + --token-color-vault-radar-gradient-primary-start: #feec7b; + --token-color-vault-radar-gradient-primary-stop: #ffe543; + --token-color-vault-radar-gradient-faint-start: #fffdf2; /** this is the 'vault-radar-50' value at 25% opacity on white */ + --token-color-vault-radar-gradient-faint-stop: #fff9cf; + --token-color-vault-secrets-brand: #ffcf25; + --token-color-vault-secrets-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */ + --token-color-vault-secrets-foreground: #9a6f00; + --token-color-vault-secrets-surface: #fff9cf; + --token-color-vault-secrets-border: #feec7b; + --token-color-vault-secrets-gradient-primary-start: #feec7b; + --token-color-vault-secrets-gradient-primary-stop: #ffe543; + --token-color-vault-secrets-gradient-faint-start: #fffdf2; /** this is the 'vault-secrets-50' value at 25% opacity on white */ + --token-color-vault-secrets-gradient-faint-stop: #fff9cf; + --token-color-vault-brand: #ffcf25; + --token-color-vault-brand-alt: #000000; /** this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */ + --token-color-vault-foreground: #9a6f00; + --token-color-vault-surface: #fff9cf; + --token-color-vault-border: #feec7b; + --token-color-vault-gradient-primary-start: #feec7b; + --token-color-vault-gradient-primary-stop: #ffe543; + --token-color-vault-gradient-faint-start: #fffdf2; /** this is the 'vault-50' value at 25% opacity on white */ + --token-color-vault-gradient-faint-stop: #fff9cf; + --token-color-waypoint-brand: #14c6cb; + --token-color-waypoint-foreground: #008196; + --token-color-waypoint-surface: #e0fcff; + --token-color-waypoint-border: #cbf1f3; + --token-color-waypoint-gradient-primary-start: #cbf1f3; + --token-color-waypoint-gradient-primary-stop: #62d4dc; + --token-color-waypoint-gradient-faint-start: #f6feff; /** this is the 'waypoint-50' value at 25% opacity on white */ + --token-color-waypoint-gradient-faint-stop: #e0fcff; + --token-elevation-inset-box-shadow: inset 0px 1px 2px 1px #656a761a; + --token-elevation-low-box-shadow: + 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-elevation-mid-box-shadow: + 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633; + --token-elevation-high-box-shadow: + 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633; + --token-elevation-higher-box-shadow: + 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640; + --token-elevation-overlay-box-shadow: + 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559; + --token-surface-inset-box-shadow: + inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a; + --token-surface-base-box-shadow: 0 0 0 1px #656a7633; + --token-surface-low-box-shadow: + 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d; + --token-surface-mid-box-shadow: + 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, + 0px 8px 16px -10px #656a7633; + --token-surface-high-box-shadow: + 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, + 0px 16px 16px -10px #656a7633; + --token-surface-higher-box-shadow: + 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, + 0px 12px 28px 0px #656a7640; + --token-surface-overlay-box-shadow: + 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, + 0px 12px 24px 0px #3b3d4559; + --token-focus-ring-action-box-shadow: + inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff; + --token-focus-ring-critical-box-shadow: + inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578; + --token-app-header-height: 60px; + --token-app-header-home-link-size: 36px; + --token-app-header-logo-size: 28px; + --token-app-side-nav-wrapper-border-width: 1px; + --token-app-side-nav-wrapper-border-color: var( + --token-color-palette-neutral-200 + ); + --token-app-side-nav-wrapper-padding-horizontal: 16px; + --token-app-side-nav-wrapper-padding-vertical: 16px; + --token-app-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-app-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-app-side-nav-toggle-button-border-radius: 5px; + --token-app-side-nav-header-home-link-padding: 4px; + --token-app-side-nav-header-home-link-logo-size: 48px; + --token-app-side-nav-header-home-link-logo-size-minimized: 32px; + --token-app-side-nav-header-actions-spacing: 8px; + --token-app-side-nav-body-list-margin-vertical: 24px; + --token-app-side-nav-body-list-item-height: 36px; + --token-app-side-nav-body-list-item-padding-horizontal: 8px; + --token-app-side-nav-body-list-item-padding-vertical: 4px; + --token-app-side-nav-body-list-item-spacing-vertical: 2px; + --token-app-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-app-side-nav-body-list-item-border-radius: 5px; + --token-app-side-nav-color-foreground-primary: var( + --token-color-foreground-primary + ); + --token-app-side-nav-color-foreground-strong: var( + --token-color-foreground-primary + ); + --token-app-side-nav-color-foreground-faint: var( + --token-color-foreground-faint + ); + --token-app-side-nav-color-surface-primary: var( + --token-color-surface-faint + ); + --token-app-side-nav-color-surface-interactive-hover: var( + --token-color-surface-interactive-hover + ); + --token-app-side-nav-color-surface-interactive-active: var( + --token-color-palette-neutral-300 + ); + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-surface-color-neutral-inverted: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-border-width: 1px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-width: 1px; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #3b3d4566; + --token-button-border-color-tertiary-focus-internal: #0c56e9; + --token-button-border-color-tertiary-focus-external: #5990ff; + --token-button-border-color-tertiary-active: #3b3d4566; + --token-button-border-color-disabled: #656a7633; + --token-button-focus-border-width: 3px; + --token-form-label-color: #0c0c0e; + --token-form-legend-color: #0c0c0e; + --token-form-helper-text-color: #656a76; + --token-form-indicator-optional-color: #656a76; + --token-form-error-color: #c00005; + --token-form-error-icon-size: 14px; + --token-form-checkbox-size: 16px; + --token-form-checkbox-border-radius: 3px; + --token-form-checkbox-border-width: 1px; + --token-form-checkbox-background-image-size: 12px; + --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dash' color is hardcoded here! */ + --token-form-control-base-foreground-value-color: #0c0c0e; + --token-form-control-base-foreground-placeholder-color: #656a76; + --token-form-control-base-surface-color-default: #ffffff; + --token-form-control-base-surface-color-hover: #f1f2f3; + --token-form-control-base-border-color-default: #8c909c; + --token-form-control-base-border-color-hover: #656a76; + --token-form-control-checked-foreground-color: #ffffff; + --token-form-control-checked-surface-color-default: #1060ff; + --token-form-control-checked-surface-color-hover: #0c56e9; + --token-form-control-checked-border-color-default: #0c56e9; + --token-form-control-checked-border-color-hover: #0046d1; + --token-form-control-invalid-border-color-default: #c00005; + --token-form-control-invalid-border-color-hover: #940004; + --token-form-control-readonly-foreground-color: #3b3d45; + --token-form-control-readonly-surface-color: #f1f2f3; + --token-form-control-readonly-border-color: #656a761a; + --token-form-control-disabled-foreground-color: #8c909c; + --token-form-control-disabled-surface-color: #fafafa; + --token-form-control-disabled-border-color: #656a7633; + --token-form-control-padding: 7px; /** Notice: we have to take in account the border, so it's 1px less than in Figma. */ + --token-form-control-border-radius: 5px; + --token-form-control-border-width: 1px; + --token-form-radio-size: 16px; + --token-form-radio-border-width: 1px; + --token-form-radio-background-image-size: 12px; + --token-form-radio-background-image-data-url: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radio-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'dot' color is hardcoded here! */ + --token-form-radiocard-group-gap: 16px; + --token-form-radiocard-border-width: 1px; + --token-form-radiocard-content-padding: 24px; + --token-form-radiocard-control-padding: 8px; + --token-form-radiocard-transition-duration: 0.2s; + --token-form-select-background-image-size: 16px; + --token-form-select-background-image-position-right-x: 7px; + --token-form-select-background-image-position-top-y: 9px; + --token-form-select-background-image-data-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-select-background-image-data-url-disabled: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E"); /** notice: the 'caret' color is hardcoded here! */ + --token-form-text-input-background-image-size: 16px; + --token-form-text-input-background-image-position-x: 7px; + --token-form-text-input-background-image-data-url-date: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-time: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-cancel: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e"); /** notice: the icon color is hardcoded here! */ + --token-form-text-input-background-image-data-url-search-loading: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e"); /** notice: the icon color and animation are hardcoded here! */ + --token-form-toggle-width: 32px; + --token-form-toggle-height: 16px; + --token-form-toggle-base-surface-color-default: #f1f2f3; /** the toggle has a different base surface color, compared to the other controls */ + --token-form-toggle-border-radius: 3px; + --token-form-toggle-border-width: 1px; + --token-form-toggle-background-image-size: 12px; + --token-form-toggle-background-image-position-x: 2px; + --token-form-toggle-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /** notice: the 'tick' color is hardcoded here! */ + --token-form-toggle-transition-duration: 0.2s; + --token-form-toggle-transition-timing-function: cubic-bezier( + 0.68, + -0.2, + 0.265, + 1.15 + ); + --token-form-toggle-thumb-size: 16px; + --token-pagination-nav-control-height: 36px; + --token-pagination-nav-control-padding-horizontal: 12px; + --token-pagination-nav-control-focus-inset: 4px; + --token-pagination-nav-control-icon-spacing: 6px; + --token-pagination-nav-indicator-height: 2px; + --token-pagination-nav-indicator-spacing: 6px; + --token-pagination-child-spacing-vertical: 8px; + --token-pagination-child-spacing-horizontal: 20px; + --token-side-nav-wrapper-border-width: 1px; + --token-side-nav-wrapper-border-color: #656a76; + --token-side-nav-wrapper-padding-horizontal: 16px; + --token-side-nav-wrapper-padding-vertical: 16px; + --token-side-nav-wrapper-padding-horizontal-minimized: 8px; + --token-side-nav-wrapper-padding-vertical-minimized: 22px; + --token-side-nav-toggle-button-border-radius: 5px; + --token-side-nav-header-home-link-padding: 4px; + --token-side-nav-header-home-link-logo-size: 48px; + --token-side-nav-header-home-link-logo-size-minimized: 32px; + --token-side-nav-header-actions-spacing: 8px; + --token-side-nav-body-list-margin-vertical: 24px; + --token-side-nav-body-list-item-height: 36px; + --token-side-nav-body-list-item-padding-horizontal: 8px; + --token-side-nav-body-list-item-padding-vertical: 4px; + --token-side-nav-body-list-item-spacing-vertical: 2px; + --token-side-nav-body-list-item-content-spacing-horizontal: 8px; + --token-side-nav-body-list-item-border-radius: 5px; + --token-side-nav-color-foreground-primary: #dedfe3; + --token-side-nav-color-foreground-strong: #ffffff; + --token-side-nav-color-foreground-faint: #8c909c; + --token-side-nav-color-surface-primary: #0c0c0e; + --token-side-nav-color-surface-interactive-hover: #3b3d45; + --token-side-nav-color-surface-interactive-active: #656a76; + --token-tabs-tab-height-medium: 36px; + --token-tabs-tab-height-large: 48px; + --token-tabs-tab-padding-horizontal-medium: 12px; + --token-tabs-tab-padding-horizontal-large: 20px; + --token-tabs-tab-padding-vertical: 0px; + --token-tabs-tab-border-radius: 5px; + --token-tabs-tab-focus-inset: 6px; + --token-tabs-tab-gutter: 6px; + --token-tabs-indicator-height: 3px; + --token-tabs-indicator-transition-function: cubic-bezier(0.5, 1, 0.89, 1); + --token-tabs-indicator-transition-duration: 0.6s; + --token-tabs-divider-height: 1px; + --token-tooltip-border-radius: 5px; + --token-tooltip-color-foreground-primary: var( + --token-color-foreground-high-contrast + ); + --token-tooltip-color-surface-primary: var( + --token-color-palette-neutral-700 + ); + --token-tooltip-focus-offset: -2px; + --token-tooltip-max-width: 280px; + --token-tooltip-padding-horizontal: 12px; + --token-tooltip-padding-vertical: 8px; + --token-tooltip-transition-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); + } +} diff --git a/packages/tokens/dist/products/css/tokens.css b/packages/tokens/dist/products/css/tokens.css index 4a887e3ae51..b0e7369e2ce 100644 --- a/packages/tokens/dist/products/css/tokens.css +++ b/packages/tokens/dist/products/css/tokens.css @@ -223,6 +223,141 @@ --token-app-side-nav-color-surface-primary: var(--token-color-surface-faint); --token-app-side-nav-color-surface-interactive-hover: var(--token-color-surface-interactive-hover); --token-app-side-nav-color-surface-interactive-active: var(--token-color-palette-neutral-300); + --token-badge-count-padding-horizontal-small: 8px; + --token-badge-count-padding-horizontal-medium: 12px; + --token-badge-count-padding-horizontal-large: 14px; + --token-badge-height-small: 20px; + --token-badge-height-medium: 24px; + --token-badge-height-large: 32px; + --token-badge-padding-horizontal-small: 6px; + --token-badge-padding-horizontal-medium: 8px; + --token-badge-padding-horizontal-large: 8px; + --token-badge-padding-vertical-small: 2px; + --token-badge-padding-vertical-medium: 4px; + --token-badge-padding-vertical-large: 4px; + --token-badge-gap-small: 4px; + --token-badge-gap-medium: 4px; + --token-badge-gap-large: 6px; + --token-badge-typography-font-size-small: 0.8125rem; + --token-badge-typography-font-size-medium: 0.8125rem; + --token-badge-typography-font-size-large: 1rem; + --token-badge-typography-line-height-small: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-medium: 1.2308; /** 16px = 1.2308 */ + --token-badge-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-badge-foreground-color-neutral-filled: #3b3d45; + --token-badge-foreground-color-neutral-inverted: #ffffff; /** TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?) */ + --token-badge-foreground-color-neutral-outlined: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-filled: #ffffff; + --token-badge-foreground-color-neutral-dark-mode-inverted: #3b3d45; + --token-badge-foreground-color-neutral-dark-mode-outlined: #ffffff; + --token-badge-foreground-color-highlight-filled: #7b00db; /** we don't use `highlight-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-highlight-inverted: #ffffff; + --token-badge-foreground-color-highlight-outlined: #a737ff; + --token-badge-foreground-color-success-filled: #006619; /** we don't use `success-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-success-inverted: #ffffff; + --token-badge-foreground-color-success-outlined: #008a22; + --token-badge-foreground-color-warning-filled: #803d00; /** we don't use `warning-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-warning-inverted: #ffffff; + --token-badge-foreground-color-warning-outlined: #bb5a00; + --token-badge-foreground-color-critical-filled: #940004; /** we don't use `critical-on-surface` for accessibility (better contrast) */ + --token-badge-foreground-color-critical-inverted: #ffffff; + --token-badge-foreground-color-critical-outlined: #e52228; + --token-badge-surface-color-neutral-filled: #dedfe3; + --token-badge-surface-color-neutral-inverted: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted */ + --token-badge-surface-color-neutral-dark-mode-filled: #656a76; /** TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code) */ + --token-badge-surface-color-neutral-dark-mode-inverted: #fafafa; + --token-badge-surface-color-highlight-filled: #ead2fe; /** we don't use `surface-highlight` for accessibility (better contrast) */ + --token-badge-surface-color-highlight-inverted: #a737ff; + --token-badge-surface-color-success-filled: #cceeda; /** we don't use `surface-success` for accessibility (better contrast) */ + --token-badge-surface-color-success-inverted: #008a22; + --token-badge-surface-color-warning-filled: #fbeabf; /** we don't use `surface-warning` for accessibility (better contrast) */ + --token-badge-surface-color-warning-inverted: #bb5a00; + --token-badge-surface-color-critical-filled: #fbd4d4; /** we don't use `surface-critical` for accessibility (better contrast) */ + --token-badge-surface-color-critical-inverted: #e52228; + --token-badge-border-width: 1px; + --token-badge-border-radius-small: 5px; + --token-badge-border-radius-medium: 5px; + --token-badge-border-radius-large: 5px; + --token-badge-icon-size-small: 12px; + --token-badge-icon-size-medium: 16px; + --token-badge-icon-size-large: 16px; + --token-button-height-small: 28px; + --token-button-height-medium: 36px; + --token-button-height-large: 48px; + --token-button-padding-horizontal-small: 11px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-medium: 15px; /** here we're taking into account the 1px border */ + --token-button-padding-horizontal-large: 19px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-small: 6px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-medium: 9px; /** here we're taking into account the 1px border */ + --token-button-padding-vertical-large: 11px; /** here we're taking into account the 1px border */ + --token-button-gap: 6px; + --token-button-typography-font-size-small: 0.8125rem; + --token-button-typography-font-size-medium: 0.875rem; + --token-button-typography-font-size-large: 1rem; + --token-button-typography-line-height-small: 0.9286; /** 14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants) */ + --token-button-typography-line-height-medium: 1.1429; /** 14px ~ 1.1429 */ + --token-button-typography-line-height-large: 1.5; /** 24px = 1.5 */ + --token-button-foreground-color-primary-default: #ffffff; + --token-button-foreground-color-primary-hover: #ffffff; + --token-button-foreground-color-primary-focus: #ffffff; + --token-button-foreground-color-primary-active: #ffffff; + --token-button-foreground-color-secondary-default: #3b3d45; + --token-button-foreground-color-secondary-hover: #3b3d45; + --token-button-foreground-color-secondary-focus: #3b3d45; + --token-button-foreground-color-secondary-active: #3b3d45; + --token-button-foreground-color-tertiary-default: #1060ff; + --token-button-foreground-color-tertiary-hover: #0c56e9; + --token-button-foreground-color-tertiary-focus: #1060ff; + --token-button-foreground-color-tertiary-active: #0046d1; + --token-button-foreground-color-critical-default: #c00005; + --token-button-foreground-color-critical-hover: #ffffff; + --token-button-foreground-color-critical-focus: #c00005; + --token-button-foreground-color-critical-active: #ffffff; + --token-button-foreground-color-disabled: #8c909c; + --token-button-surface-color-primary-default: #1060ff; + --token-button-surface-color-primary-hover: #0c56e9; + --token-button-surface-color-primary-focus: #1060ff; + --token-button-surface-color-primary-active: #0046d1; + --token-button-surface-color-secondary-default: #fafafa; + --token-button-surface-color-secondary-hover: #ffffff; + --token-button-surface-color-secondary-focus: #fafafa; + --token-button-surface-color-secondary-active: #dedfe3; + --token-button-surface-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-hover: #ffffff; + --token-button-surface-color-tertiary-focus: rgba(0, 0, 0, 0); + --token-button-surface-color-tertiary-active: #dedfe3; + --token-button-surface-color-critical-default: #fff5f5; + --token-button-surface-color-critical-hover: #c00005; + --token-button-surface-color-critical-focus: #fff5f5; + --token-button-surface-color-critical-active: #940004; + --token-button-surface-color-disabled: #fafafa; + --token-button-border-width: 1px; + --token-button-border-radius: 5px; + --token-button-border-color-primary-default: #0c56e9; + --token-button-border-color-primary-hover: #0c56e9; + --token-button-border-color-primary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-primary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-primary-active: #0046d1; + --token-button-border-color-secondary-default: #3b3d4566; + --token-button-border-color-secondary-hover: #3b3d4566; + --token-button-border-color-secondary-focus-internal: #0c56e9; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-secondary-focus-external: #5990ff; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-secondary-active: #3b3d4566; + --token-button-border-color-tertiary-default: rgba(0, 0, 0, 0); + --token-button-border-color-tertiary-hover: #3b3d4566; + --token-button-border-color-tertiary-focus-internal: #0c56e9; + --token-button-border-color-tertiary-focus-external: #5990ff; + --token-button-border-color-tertiary-active: #3b3d4566; + --token-button-border-color-critical-default: #c00005; + --token-button-border-color-critical-hover: #940004; + --token-button-border-color-critical-focus-internal: #c00005; /** TODO - replace the `pink` values with the correct ones */ + --token-button-border-color-critical-focus-external: #dd7578; /** TODO - replace the `magenta` values with the correct ones */ + --token-button-border-color-critical-active: #940004; + --token-button-border-color-disabled: #656a7633; + --token-button-focus-border-width: 3px; + --token-button-icon-size-small: 12px; + --token-button-icon-size-medium: 16px; + --token-button-icon-size-large: 24px; --token-form-label-color: #0c0c0e; --token-form-legend-color: #0c0c0e; --token-form-helper-text-color: #656a76; @@ -267,6 +402,9 @@ --token-form-radiocard-group-gap: 16px; --token-form-radiocard-border-width: 1px; --token-form-radiocard-border-radius: 6px; + --token-form-radiocard-border-color-default: #ffffff; + --token-form-radiocard-border-color-focus: #0c56e9; + --token-form-radiocard-border-color-default-checked: #0c56e9; --token-form-radiocard-content-padding: 24px; --token-form-radiocard-control-padding: 8px; --token-form-radiocard-transition-duration: 0.2s; @@ -356,9 +494,11 @@ --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-500-font-size: 1.875rem; /** 30px/1.875rem */ --token-typography-display-500-line-height: 1.2666; /** 38px */ + --token-typography-display-500-letter-spacing: -0.5px; /** this is `tracking` */ --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-400-font-size: 1.5rem; /** 24px/1.5rem */ --token-typography-display-400-line-height: 1.3333; /** 32px */ + --token-typography-display-400-letter-spacing: 0px; /** this is `tracking` */ --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-300-font-size: 1.125rem; /** 18px/1.125rem */ --token-typography-display-300-line-height: 1.3333; /** 24px */ @@ -370,6 +510,7 @@ --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-display-100-font-size: 0.8125rem; /** 13px/0.8125rem */ --token-typography-display-100-line-height: 1.3846; /** 18px */ + --token-typography-display-100-letter-spacing: 0px; /** this is `tracking` */ --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-body-300-font-size: 1rem; /** 16px/1rem */ --token-typography-body-300-line-height: 1.5; /** 24px */ @@ -379,13 +520,13 @@ --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --token-typography-body-100-font-size: 0.8125rem; /** 13px/0.8125rem */ --token-typography-body-100-line-height: 1.3846; /** 18px */ - --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; - --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ - --token-typography-code-100-line-height: 1.23; /** 16px */ - --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; - --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ - --token-typography-code-200-line-height: 1.125; /** 18px */ --token-typography-code-300-font-family: ui-monospace, Menlo, Consolas, monospace; --token-typography-code-300-font-size: 1rem; /** 16px/1rem */ --token-typography-code-300-line-height: 1.25; /** 20px */ + --token-typography-code-200-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-200-font-size: 0.875rem; /** 14px/0.875rem */ + --token-typography-code-200-line-height: 1.125; /** 18px */ + --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace; + --token-typography-code-100-font-size: 0.8125rem; /** 13px/0.8125rem */ + --token-typography-code-100-line-height: 1.23; /** 16px */ } diff --git a/packages/tokens/package.json b/packages/tokens/package.json index febd7214d48..f9d5bf5ba04 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -21,7 +21,8 @@ "typecheck": "pnpm tsc --noEmit", "lint": "pnpm eslint --quiet --ext .js,.ts", "extract-carbon-tokens": "tsx ./scripts/extract-carbon-tokens", - "build": "tsx ./scripts/build" + "build": "tsx ./scripts/build", + "postbuild": "cp -R dist/products/css/themed-tokens/with-css-selectors/*.css ../../showcase/public/assets/styles/@hashicorp/themed-tokens/with-css-selectors && cp -R dist/products/css/themed-tokens/with-css-selectors--migration/*.css ../../showcase/public/assets/styles/@hashicorp/themed-tokens/with-css-selectors--migration && cp -R dist/products/css/themed-tokens/with-css-selectors--advanced/*.css ../../showcase/public/assets/styles/@hashicorp/themed-tokens/with-css-selectors--advanced" }, "devDependencies": { "@carbon/colors": "^11.39.0", @@ -36,6 +37,7 @@ "@types/tinycolor2": "^1.4.6", "@typescript-eslint/eslint-plugin": "^8.18.1", "@typescript-eslint/parser": "^8.18.1", + "chalk": "^5.4.1", "eslint": "^8.57.1", "fs-extra": "^11.2.0", "lodash-es": "^4.17.21", diff --git a/packages/tokens/scripts/build-parts/@types/Config.d.ts b/packages/tokens/scripts/build-parts/@types/Config.d.ts deleted file mode 100644 index 3d633c7b38c..00000000000 --- a/packages/tokens/scripts/build-parts/@types/Config.d.ts +++ /dev/null @@ -1,16 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import { Config } from 'style-dictionary'; - -export type ConfigTarget = { - source: Config['source'], - transformGroup: Config['transformGroup'], - platforms: string[], -}; - -export type ConfigTargets = { - [key: string]: ConfigTarget -}; diff --git a/packages/tokens/scripts/build-parts/generateCssHelpers.ts b/packages/tokens/scripts/build-parts/generateCssHelpers.ts index 3c45a42e337..2c48d0dc1b9 100644 --- a/packages/tokens/scripts/build-parts/generateCssHelpers.ts +++ b/packages/tokens/scripts/build-parts/generateCssHelpers.ts @@ -17,7 +17,7 @@ export const PREFIX = 'hds'; export async function generateCssHelpers(dictionary: Dictionary, config: PlatformConfig ): Promise { - fs.ensureDir(`${config.buildPath}helpers/`); + await fs.ensureDir(`${config.buildPath}helpers/`); const header = await fileHeader({}); diff --git a/packages/tokens/scripts/build-parts/generateThemingCssFiles.ts b/packages/tokens/scripts/build-parts/generateThemingCssFiles.ts new file mode 100644 index 00000000000..91df0735960 --- /dev/null +++ b/packages/tokens/scripts/build-parts/generateThemingCssFiles.ts @@ -0,0 +1,120 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import fs from 'fs-extra'; +import prettier from 'prettier'; + +import type { Dictionary, PlatformConfig } from 'style-dictionary'; +import { fileHeader } from 'style-dictionary/utils'; + +export async function generateThemingCssFiles(_dictionary: Dictionary, config: PlatformConfig): Promise { + + const commonSource = await getSourceFromFileWithRootSelector(config, 'default', 'common-tokens.css'); + const defaultThemedSource = await getSourceFromFileWithRootSelector(config, 'default', 'themed-tokens.css'); + const cds0ThemedSource = await getSourceFromFileWithRootSelector(config, 'cds-g0', 'themed-tokens.css'); + const cds10ThemedSource = await getSourceFromFileWithRootSelector(config, 'cds-g10', 'themed-tokens.css'); + const cds90ThemedSource = await getSourceFromFileWithRootSelector(config, 'cds-g90', 'themed-tokens.css'); + const cds100ThemedSource = await getSourceFromFileWithRootSelector(config, 'cds-g100', 'themed-tokens.css'); + + const header = await fileHeader({}); + + // for the moment we're covering only the use cases we know of, later we may add more formats if needed + const methods = ['css-selectors', 'css-selectors--migration', 'css-selectors--advanced', 'scss-mixins']; + + for (const method of methods) { + + let outputContent = `${header}\n\n`; + + // CSS file for combined `system/light/dark` themes in the same file (using `.class` selectors) + if (method.startsWith('css-selectors')) { + + // this is the `:root`-only fallback if no theme is applied at all (we use the light/`cds-g0` mode) + if (method === 'css-selectors') { + outputContent += `${cds0ThemedSource}\n\n`; + } + // this is the `default` mode (standard HDS) - used for development (while migrating or in the showcase) but also as `:root`-only fallback fallback if no theme is applied at all + if (method === 'css-selectors--migration' || method === 'css-selectors--advanced') { + outputContent += `${defaultThemedSource.replace(/^:root/, ':root, .hds-theme-default')}\n\n`; + } + + // these are the themed `carbonized` tokens + outputContent += `@media (prefers-color-scheme: light) { ${cds0ThemedSource.replace(/^:root/, '.hds-theme-system')} }\n\n`; + outputContent += `@media (prefers-color-scheme: dark) { ${cds100ThemedSource.replace(/^:root/, '.hds-theme-system')} }\n\n`; + if (method === 'css-selectors' || method === 'css-selectors--migration') { + // note: we use `cds-g0` for `light` and `cds-g100` for `dark` + outputContent += `${cds0ThemedSource.replace(/^:root/, '.hds-theme-light')}\n\n`; + outputContent += `${cds100ThemedSource.replace(/^:root/, '.hds-theme-dark')}\n\n`; + } + if (method === 'css-selectors--advanced') { + // note: we use `cds-g0` for `light` and `cds-g100` for `dark` + outputContent += `${cds0ThemedSource.replace(/^:root/, '.hds-theme-light, .hds-mode-cds-g0')}\n\n`; + outputContent += `${cds100ThemedSource.replace(/^:root/, '.hds-theme-dark, .hds-mode-cds-g100')}\n\n`; + // we write these _after_ the light/dark selectors so they can overwrite the previous declarations (they all have the same specificity) + outputContent += `${cds10ThemedSource.replace(/^:root/, '.hds-mode-cds-g10')}\n\n`; + outputContent += `${cds90ThemedSource.replace(/^:root/, '.hds-mode-cds-g90')}\n\n`; + } + + // this is the common part + outputContent += getCssVariablesStalenessComment(); + if (method === 'css-selectors') { + outputContent += `${commonSource.replace(/^:root/, ':root, .hds-theme-system, .hds-theme-light, .hds-theme-dark')}\n\n`; + } + if (method === 'css-selectors--migration') { + outputContent += `${commonSource.replace(/^:root/, ':root, .hds-theme-default, .hds-theme-system, .hds-theme-light, .hds-theme-dark')}\n\n`; + } + if (method === 'css-selectors--advanced') { + outputContent += `${commonSource.replace(/^:root/, ':root, .hds-theme-default, .hds-theme-system, .hds-theme-light, .hds-theme-dark, .hds-mode-cds-g0, .hds-mode-cds-g10, .hds-mode-cds-g90, .hds-mode-cds-g100')}\n\n`; + } + } + + // SCSS file for mixins + if (method === 'scss-mixins') { + // these are the mixins that can be used to include the "themed" tokens + outputContent += `@mixin hds-theme-default() { ${defaultThemedSource} }\n\n`; + outputContent += `@mixin hds-theme-light() { ${cds0ThemedSource} }\n\n`; + outputContent += `@mixin hds-theme-dark() { ${cds100ThemedSource} }\n\n`; + outputContent += `@mixin hds-mode-cds0() { ${cds0ThemedSource} }\n\n`; + outputContent += `@mixin hds-mode-cds10() { ${cds10ThemedSource} }\n\n`; + outputContent += `@mixin hds-mode-cds90() { ${cds90ThemedSource} }\n\n`; + outputContent += `@mixin hds-mode-cds100() { ${cds100ThemedSource} }\n\n`; + + // this is the mixin that needs to be used to include the common tokens, shared across themes + outputContent += `@mixin hds-theme-common() { ${commonSource} }\n\n`; + } + + const outputTokensCss = await prettier.format(outputContent, { parser: 'scss', tabWidth: 2, }); + + const outputFolder = `${config.buildPath}themed-tokens/with-${method}/`; + await fs.ensureDir(outputFolder); + await fs.writeFile(`${outputFolder}tokens.css`, outputTokensCss); + } +} + +async function getSourceFromFileWithRootSelector(config: PlatformConfig, theme: string, path: string): Promise { + const rawSource = await fs.readFile(`${config.buildPath}themed-tokens/with-root-selector/${theme}/${path}`, 'utf8'); + const header = await fileHeader({}); + return rawSource.replace(header, ''); +} + +function getCssVariablesStalenessComment(): string { + let comment = ''; + comment += '\n/*\n\n'; + comment += 'WHY ARE ALL "COMPUTED" CSS VARIABLES REDECLARED IN EACH THEME SCOPE?\n'; + comment += '\n'; + comment += 'CSS custom properties (variables) inherit from parent to child, but when a variable is defined\n'; + comment += 'as a calculation or alias of another variable (e.g., `--alias-value: var(--source-value)`, its value is fixed\n'; + comment += 'at the scope where it is declared—using whatever is visible at that level in the DOM (eg. `:root`).\n'; + comment += '\n'; + comment += 'This block of "common/shared" CSS variables contains a lot of these aliases, so if we only declare these\n'; + comment += '"computed" variables at `:root` level, their values do not update in themed blocks that override\n'; + comment += 'the "source" variables (e.g., `--source-value`) at a lower scope.\n'; + comment += 'This results in _stale_ variables, where the computed value is always stuck on the `:root` value,\n'; + comment += 'even inside a themed block where the source variable is assigned.\n'; + comment += '\n'; + comment += 'To make sure every themed block/scoped context (eg. `.hds-theme-light`) correctly computes the aliased values,\n'; + comment += 'we redeclare each "computed" variable in every theme scope where its "source" variable is overridden.\n'; + comment += '\n*/\n\n'; + return comment; +} diff --git a/packages/tokens/scripts/build-parts/generateThemingDocsFiles.ts b/packages/tokens/scripts/build-parts/generateThemingDocsFiles.ts new file mode 100644 index 00000000000..aa21f8f8664 --- /dev/null +++ b/packages/tokens/scripts/build-parts/generateThemingDocsFiles.ts @@ -0,0 +1,40 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import fs from 'fs-extra'; + +import type { Dictionary, PlatformConfig } from 'style-dictionary'; +import type { DesignToken } from 'style-dictionary/types'; + +export async function generateThemingDocsFiles(_dictionary: Dictionary, config: PlatformConfig): Promise { + + const defaultThemedTokens = await getJsonThemedObjectFromFile(config, 'default'); + const cds0ThemedTokens = await getJsonThemedObjectFromFile(config, 'cds-g0'); + const cds10ThemedTokens = await getJsonThemedObjectFromFile(config, 'cds-g10'); + const cds90ThemedTokens = await getJsonThemedObjectFromFile(config, 'cds-g90'); + const cds100ThemedTokens = await getJsonThemedObjectFromFile(config, 'cds-g100'); + + const allThemedTokens = { + 'default': defaultThemedTokens, + 'cds-g0': cds0ThemedTokens, + 'cds-g10': cds10ThemedTokens, + 'cds-g90': cds90ThemedTokens, + 'cds-g100': cds100ThemedTokens, + }; + + const outputFolder = `${config.buildPath}`; + await fs.ensureDir(outputFolder); + await fs.writeFile(`${outputFolder}themed-tokens.json`, JSON.stringify(allThemedTokens, null, 2)); +} + +async function getJsonThemedObjectFromFile(config: PlatformConfig, theme: string): Promise> { + const jsonSource = await fs.readFile(`${config.buildPath}themed-tokens/${theme}.json`, 'utf8'); + const jsonTokensArray = JSON.parse(jsonSource); + const jsonTokensObject = jsonTokensArray.reduce((acc: Record, token: any) => { + acc[token.name] = token; + return acc; + }, {}); + return jsonTokensObject; +} \ No newline at end of file diff --git a/packages/tokens/scripts/build-parts/generateTypographyHelpers.ts b/packages/tokens/scripts/build-parts/generateTypographyHelpers.ts index 3965f14fef5..82facf7b039 100644 --- a/packages/tokens/scripts/build-parts/generateTypographyHelpers.ts +++ b/packages/tokens/scripts/build-parts/generateTypographyHelpers.ts @@ -42,7 +42,8 @@ export function generateTypographyHelpers(tokens: TransformedTokens, outputCssVa if (fontWeightTokens) { Object.keys(fontWeightTokens).forEach(weight => { const selector = `.${PREFIX}-font-weight-${weight}`; - helpers.push(`${selector} { font-weight: ${fontWeightTokens[weight].$value}; }`); + const valueFontWeight = outputCssVars ? `var(--token-typography-font-weight-${weight})` : fontWeightTokens[weight].$value; + helpers.push(`${selector} { font-weight: ${valueFontWeight}; }`); }); } diff --git a/packages/tokens/scripts/build-parts/getStyleDictionaryConfig.ts b/packages/tokens/scripts/build-parts/getStyleDictionaryConfig.ts new file mode 100644 index 00000000000..683abb101fb --- /dev/null +++ b/packages/tokens/scripts/build-parts/getStyleDictionaryConfig.ts @@ -0,0 +1,271 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import type { Config, DesignToken } from 'style-dictionary/types'; + +export const targets = ['products', 'devdot', 'marketing', 'cloud-email']; +export const modes = ['default', 'cds-g0', 'cds-g10', 'cds-g90', 'cds-g100']; + +export type Target = typeof targets[number]; +export type Mode = typeof modes[number]; + +// uncomment this to enable debugging +const baseConfig: Config = { + // log: { + // warnings: 'warn', // options: warn | error | disabled + // verbosity: 'verbose', // options: default | silent | verbose + // errors: { + // brokenReferences: 'console', // options: throw | console + // }, + // } +}; + +const excludePrivateTokens = (token: DesignToken) => { + return !token.private; +} + +export function getStyleDictionaryConfig({ target, mode }: { target: Target, mode?: Mode }): Config { + + // ----------------------- + // PRODUCTS + // ----------------------- + + if (target === 'products') { + + if (mode) { + + // ⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃ + // THEMED TOKENS + // ⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃ + + return { + ...baseConfig, + source: [ + `src/carbon-extracted/**/*.json`, + `src/global/**/*.json`, + `src/products/shared/**/*.json` + ], + platforms: { + [`web/themed-css-variables--mode-${mode}`]: { + buildPath: 'dist/products/css/', + transformGroup: 'products/web/themed', + prefix: 'token', + basePxFontSize: 16, + files: [ + { + destination: `themed-tokens/with-root-selector/${mode}/common-tokens.css`, + format: 'css/variables', + options: { + // TODO understand if is better to output references or not for the "common" definitions (almost certainly no) - see: https://hashicorp.atlassian.net/browse/HDS-5669 + outputReferences: false, + // outputReferences: (token, { dictionary, usesDtcg }) => { + // // `dictionary` contains `allTokens`, `tokens`, `tokenMap`, `unfilteredTokens`, `unfilteredAllTokens` and `unfilteredTokenMap` props + // // `usesDtcg` tells you whether the Design Token Community Group spec is used with $ prefixes ($value, $type etc.) + // // return true or false + // }, + // see: https://styledictionary.com/reference/utils/references/#combining-multiple-outputreference-utility-functions + // outputReferences: (token, options) => outputReferencesFilter(token, options) && outputReferencesTransformed(token, options), + }, + filter: (token: DesignToken) => { + return !token.private && !(token.attributes && token.attributes.themeable); + }, + }, + { + destination: `themed-tokens/with-root-selector/${mode}/themed-tokens.css`, + format: 'css/variables', + options: { + // TODO understand if is better to output references or not for the "themed" definitions (almost certainly no) - see: https://hashicorp.atlassian.net/browse/HDS-5669 + outputReferences: false, + // outputReferences: (token, { dictionary, usesDtcg }) => { + // // `dictionary` contains `allTokens`, `tokens`, `tokenMap`, `unfilteredTokens`, `unfilteredAllTokens` and `unfilteredTokenMap` props + // // `usesDtcg` tells you whether the Design Token Community Group spec is used with $ prefixes ($value, $type etc.) + // // return true or false + // }, + // see: https://styledictionary.com/reference/utils/references/#combining-multiple-outputreference-utility-functions + // outputReferences: (token, options) => outputReferencesFilter(token, options) && outputReferencesTransformed(token, options), + }, + filter: (token: DesignToken) => { + return !token.private && (token.attributes && token.attributes.themeable); + }, + } + ], + // this has been registered in the `build` file + preprocessors: [`replace-value-for-mode-${mode}`], + }, + [`docs/themed-json--mode-${mode}`]: { + buildPath: 'dist/docs/products/', + transformGroup: 'products/web', + prefix: 'token', + basePxFontSize: 16, + files: [ + { + destination: `themed-tokens/${mode}.json`, + format: 'docs/json', + filter: excludePrivateTokens, + } + ], + // this has been registered in the `build` file + preprocessors: [`replace-value-for-mode-${mode}`], + } + } + }; + + } else { + + // ⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃ + // STANDARD TOKENS + // ⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃ + + return { + ...baseConfig, + source: [ + `src/carbon-extracted/**/*.json`, + `src/global/**/*.json`, + `src/products/shared/**/*.json` + ], + platforms: { + 'web/css-variables': { + buildPath: 'dist/products/css/', + transformGroup: 'products/web', + prefix: 'token', + basePxFontSize: 16, + files: [ + { + destination: 'tokens.css', + format: 'css/variables', + filter: excludePrivateTokens, + } + ], + actions: ['generate-css-helpers', 'generate-theming-css-files'], + }, + 'docs/json': { + buildPath: 'dist/docs/products/', + transformGroup: 'products/web', + prefix: 'token', + basePxFontSize: 16, + files: [ + { + destination: 'tokens.json', + format: 'docs/json', + filter: excludePrivateTokens, + } + ], + actions: ['generate-theming-docs-files'], + } + } + }; + } + } + + // ----------------------- + // DEVDOT + // ----------------------- + + if (target === 'devdot') { + return { + ...baseConfig, + 'source': [ + `src/carbon-extracted/**/*.json`, + `src/global/**/*.json`, + `src/products/shared/**/*.json`, + // custom overrides for 'devdot' tokens + `src/devdot/**/*.json` + ], + 'platforms': { + 'web/css-variables': { + buildPath: 'dist/devdot/css/', + 'transformGroup': 'products/web', + prefix: 'token', + basePxFontSize: 16, + files: [ + { + destination: 'tokens.css', + format: 'css/variables', + filter: excludePrivateTokens, + } + ], + actions: ['generate-css-helpers'], + } + } + }; + } + + // ----------------------- + // MARKETING + // ----------------------- + + if (target === 'marketing') { + return { + ...baseConfig, + 'source': [ + `src/carbon-extracted/**/*.json`, + `src/global/**/*.json`, + `src/products/shared/**/*.json`, + ], + 'platforms': { + 'web/css-variables': { + buildPath: 'dist/marketing/css/', + 'transformGroup': 'marketing/web', + prefix: 'token', + basePxFontSize: 16, + files: [ + { + destination: 'tokens.css', + format: 'css/variables', + filter: excludePrivateTokens, + } + ], + actions: ['generate-css-helpers'], + }, + 'json': { + buildPath: 'dist/marketing/', + 'transformGroup': 'marketing/web', + prefix: 'token', + basePxFontSize: 16, + files: [ + { + destination: 'tokens.json', + format: 'json', + filter: excludePrivateTokens, + } + ] + } + } + }; + } + + // ----------------------- + // CLOUD-EMAIL + // ----------------------- + + if (target === 'cloud-email') { + // these tokens will be consumed by the email templating system in https://github.com/hashicorp/cloud-email + return { + ...baseConfig, + // we need only foundational tokens (colors, typography, etc) + 'source': [ + `src/carbon-extracted/**/*.json`, + `src/global/**/*.json`, + `src/products/shared/color/**/*.json`, + `src/products/shared/typography.json`, + ], + 'platforms': { + 'email/sass-variables': { + buildPath: `dist/cloud-email/`, + 'transformGroup': 'products/email', + prefix: 'token', + files: [ + { + destination: 'tokens.scss', + format: 'scss/variables', + filter: excludePrivateTokens, + } + ], + actions: ['generate-css-helpers'], + } + } + } + }; +}; diff --git a/packages/tokens/scripts/build.ts b/packages/tokens/scripts/build.ts index b79eef05589..d94fc98f1a2 100644 --- a/packages/tokens/scripts/build.ts +++ b/packages/tokens/scripts/build.ts @@ -4,9 +4,11 @@ */ import StyleDictionary from 'style-dictionary'; -import type { Config, DesignToken, Platform } from 'style-dictionary/types'; +// import { getReferences, usesReferences } from "style-dictionary/utils"; +import type { DesignToken, PlatformConfig } from 'style-dictionary/types'; import tinycolor from 'tinycolor2'; +import chalk from 'chalk'; import fs from 'fs-extra'; import path from 'path'; @@ -14,9 +16,10 @@ import { fileURLToPath } from 'url'; import { dirname } from 'path'; import { cloneDeep } from 'lodash-es'; -import type { ConfigTargets } from './build-parts/@types/Config.d.ts'; - +import { targets, modes, getStyleDictionaryConfig } from './build-parts/getStyleDictionaryConfig.ts'; import { generateCssHelpers } from './build-parts/generateCssHelpers.ts'; +import { generateThemingCssFiles } from './build-parts/generateThemingCssFiles.ts'; +import { generateThemingDocsFiles } from './build-parts/generateThemingDocsFiles.ts'; // SCRIPT CONFIG @@ -24,8 +27,76 @@ const __filename = fileURLToPath(import.meta.url); // Get the file path of the c const __dirname = dirname(__filename); // Get the directory name of the current module const distFolder = path.resolve(__dirname, '../dist'); + +// ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• +// ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• + + +// CUSTOM PREPROCESSORS + +for (const mode of modes) { + StyleDictionary.registerPreprocessor({ + name: `replace-value-for-mode-${mode}`, + preprocessor: (dictionary, options) => { + // we get the `buildPath` from the `PlatformConfig` option + const buildPath = (options as any).buildPath; + // recursively traverse token objects and replace the `$value` with the corresponding colocated `$modes` theme value + // note: the `slice` is always an object (a token or a parent group) + function replaceModes(slice: DesignToken, tokenPath: string[]) { + if (slice.$modes) { + if (mode in slice.$modes) { + // extra validation to catch instances where the `default` mode value is different from the `$value` + if (mode === 'default' && slice.$modes[mode] !== slice.$value) { + console.warn(`⚠️ ${chalk.yellow.bold('WARNING')} - Found themed 'default' token '{${path.join('.')}}' with value different than '$value' (\`${slice.$modes[mode]}\` instead of the expected \`${slice.$value}\`) - BuildPath: ${buildPath} - File: ${slice.filePath}`); + } + slice.$value = slice.$modes[mode]; + } else { + // we want to interrupt the execution of the script if one of the expected modes is missing + throw new Error(`❌ ${chalk.red.bold('ERROR')} - Found themed token '{${path.join('.')}}' without '${mode}' value - BuildPath: ${buildPath} - File: ${slice.filePath} - Path: ${path.join('.')} - ${JSON.stringify(slice, null, 2)}`); + } + } else { + Object.entries(slice).forEach(([key, value]) => { + if (typeof value === 'object') { + replaceModes(value, [...tokenPath, key]); + } + }); + } + return slice; + } + return replaceModes(dictionary, []); + }, + }); +} + // CUSTOM TRANSFORMS +StyleDictionary.registerTransform({ + name: 'attributes/themeable', + type: 'attribute', + transform: (token: DesignToken) => { + let isThemeable = false; + + if ('$modes' in token) { + isThemeable = true; + } + + // TODO! understand how we can make this themeable using `usesReferences`/`getReferences` - see: https://hashicorp.atlassian.net/browse/HDS-5667 + // if (token.key === "{typography.display-500.font-family}") { + // console.log('usesReferences', usesReferences(token.original.$value)); + // const refs = getReferences(token.original.$value, StyleDictionaryInstance.tokenMap); + // console.log('refs', refs); + // } + + // TODO understand if we really need this to split themeable vs non-themeable tokens - see: https://hashicorp.atlassian.net/browse/HDS-5667 + // if (usesReferences(token.original.$value)) { + // const refs = getReferences(token.original.$value, StyleDictionaryInstance.tokenMap); + // isThemeable = refs.some((ref) => '$modes' in ref); + // } + + return isThemeable ? { themeable: true } : { }; + }, +}); + StyleDictionary.registerTransform({ // the CTI convention is not outdated, but we still need to use the top-level path as `category` for the token name: 'attributes/category', @@ -71,9 +142,9 @@ StyleDictionary.registerTransform({ // (see `isFontSize()` and the `transforms.sizePx` transformation, for example) return token.$type === 'font-size'; }, - transform: (token: DesignToken, platform: Platform) => { + transform: (token: DesignToken, platformConfig: PlatformConfig) => { const val = parseFloat(token.$value); - const baseFont = platform?.basePxFontSize || 16; + const baseFont = platformConfig?.basePxFontSize || 16; const unit = token.unit; if (isNaN(val)) { console.error(`🚨 Invalid Number: '${token.name}: ${token.$value}' is not a valid number, cannot transform to 'rem'.\n`); @@ -95,10 +166,10 @@ StyleDictionary.registerTransform({ // (see `isFontSize()` and the `transforms.sizePx` transformation, for example) return token.$type === 'font-size'; }, - transform: (token: DesignToken, platform: Platform) => { + transform: (token: DesignToken, platformConfig: PlatformConfig) => { const val = parseFloat(token.$value); const unit = token.unit; - const baseFont = platform?.basePxFontSize || 16; + const baseFont = platformConfig?.basePxFontSize || 16; if (isNaN(val)) { console.error(`🚨 Invalid Number: '${token.name}: ${token.$value}' is not a valid number, cannot transform to 'px'.\n`); } @@ -185,18 +256,23 @@ StyleDictionary.registerTransform({ StyleDictionary.registerTransformGroup({ name: 'products/web', - transforms: ['name/kebab', 'typography/font-family', 'typography/font-size/to-rem', 'typography/letter-spacing', 'dimension/unit', 'color/css', 'color/with-alpha', 'time/duration', 'cubicBezier/css', 'attributes/category'] + transforms: ['attributes/category', 'name/kebab', 'typography/font-family', 'typography/font-size/to-rem', 'typography/letter-spacing', 'dimension/unit', 'color/css', 'color/with-alpha', 'time/duration', 'cubicBezier/css'] +}); + +StyleDictionary.registerTransformGroup({ + name: 'products/web/themed', + transforms: ['attributes/themeable', 'attributes/category', 'name/kebab', 'typography/font-family', 'typography/font-size/to-rem', 'typography/letter-spacing', 'dimension/unit', 'color/css', 'color/with-alpha', 'time/duration', 'cubicBezier/css'] }); StyleDictionary.registerTransformGroup({ name: 'products/email', // notice: for emails we need the font-size in `px` (not `rem`) - transforms: ['name/kebab', 'typography/font-family', 'typography/font-size/to-px', 'typography/letter-spacing', 'dimension/unit', 'color/css', 'color/with-alpha', 'time/duration', 'cubicBezier/css', 'attributes/category'] + transforms: ['attributes/category', 'name/kebab', 'typography/font-family', 'typography/font-size/to-px', 'typography/letter-spacing', 'dimension/unit', 'color/css', 'color/with-alpha', 'time/duration', 'cubicBezier/css'] }); StyleDictionary.registerTransformGroup({ name: 'marketing/web', - transforms: ['name/kebab', 'typography/font-family', 'typography/font-size/to-rem', 'typography/letter-spacing', 'dimension/unit', 'color/css', 'color/with-alpha', 'time/duration', 'cubicBezier/css', 'attributes/category'] + transforms: ['attributes/category', 'name/kebab', 'typography/font-family', 'typography/font-size/to-rem', 'typography/letter-spacing', 'dimension/unit', 'color/css', 'color/with-alpha', 'time/duration', 'cubicBezier/css'] }); StyleDictionary.registerFormat({ @@ -224,143 +300,22 @@ StyleDictionary.registerAction({ undo: () => {} }); -// DYNAMIC CONFIG - -const targets: ConfigTargets = { - 'products': { - 'source': [ - `src/global/**/*.json`, - `src/products/shared/**/*.json` - ], - 'transformGroup': 'products/web', - 'platforms': ['web/css-variables', 'docs/json'] - }, - 'devdot': { - 'source': [ - `src/global/**/*.json`, - `src/products/shared/**/*.json`, - // just uncomment the line below to include overrides for "devdot" tokens - `src/devdot/**/*.json` - ], - 'transformGroup': 'products/web', - 'platforms': ['web/css-variables'] - }, - 'marketing': { - 'source': [ - `src/global/**/*.json`, - `src/products/shared/**/*.json`, - ], - 'transformGroup': 'marketing/web', - 'platforms': ['web/css-variables', 'json'] - }, - // these tokens will be consumed by the email templating system in https://github.com/hashicorp/cloud-email - 'cloud-email': { - // we need only foundational tokens (colors, typography, etc) - 'source': [ - `src/global/**/*.json`, - `src/products/shared/color/**/*.json`, - `src/products/shared/typography.json`, - ], - 'transformGroup': 'products/email', - 'platforms': ['email/sass-variables'] - } -}; - -function getStyleDictionaryConfig({ target }: { target: string }): Config { - // @ts-ignore safe to ignore, since we control the `targets` object, and the `getStyleDictionaryConfig` invocations - const { source, transformGroup, platforms } = targets[target]; - - // we need to explicitly initialize the `config` object this way to make TS happy - const config: Config = { - // log: { - // // options: warn | error | disabled - // warnings: 'warn', - // // options: default | silent | verbose - // verbosity: 'verbose', - // errors: { - // // options: throw | console - // brokenReferences: 'console', - // }, - // } - }; - config.source = source; - config.platforms = {}; - - if (platforms.includes('web/css-variables')) { - config.platforms['web/css-variables'] = { - transformGroup, - "buildPath": `dist/${target}/css/`, - "prefix": "token", - "basePxFontSize": 16, - "files": [ - { - "destination": "tokens.css", - "format": "css/variables", - "filter": function(token: DesignToken) { - return !token.private; - }, - } - ], - 'actions': ['generate-css-helpers'], - } - } +StyleDictionary.registerAction({ + name: 'generate-theming-css-files', + do: generateThemingCssFiles, + undo: () => {} +}); - if (platforms.includes("docs/json")) { - config.platforms["docs/json"] = { - transformGroup, - "buildPath": `dist/docs/${target}/`, - "prefix": "token", - "basePxFontSize": 16, - "files": [ - { - "destination": "tokens.json", - "format": "docs/json", - "filter": function(token: DesignToken) { - return !token.private; - }, - } - ] - } - } +StyleDictionary.registerAction({ + name: 'generate-theming-docs-files', + do: generateThemingDocsFiles, + undo: () => {} +}); - if (platforms.includes("json")) { - config.platforms["json"] = { - transformGroup, - "buildPath": `dist/${target}/`, - "prefix": "token", - "basePxFontSize": 16, - "files": [ - { - "destination": "tokens.json", - "format": "json", - "filter": function(token: DesignToken) { - return !token.private; - }, - } - ] - } - } - if (platforms.includes("email/sass-variables")) { - config.platforms["email/sass-variables"] = { - transformGroup, - "buildPath": `dist/${target}/`, - "prefix": "token", - "files": [ - { - "destination": "tokens.scss", - "format": "scss/variables", - "filter": function(token: DesignToken) { - return !token.private; - }, - } - ], - 'actions': ['generate-css-helpers'], - } - } +// ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• +// ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• - return config; -} // PROCESS THE DESIGN TOKENS @@ -371,15 +326,20 @@ console.log('\n=============================================='); console.log(`\nCleaning up dist folder`); fs.emptyDirSync(distFolder); -for (const target of Object.keys(targets)) { - const StyleDictionaryInstance = new StyleDictionary(getStyleDictionaryConfig({ target })); - - console.log(`\nProcessing target "${target}"...`); +// generate themed tokens +for (const mode of modes) { + const StyleDictionaryInstance = new StyleDictionary(getStyleDictionaryConfig({ target: 'products', mode })); + console.log(`\n---\n\nProcessing mode "${mode}"...`); await StyleDictionaryInstance.hasInitialized; await StyleDictionaryInstance.buildAllPlatforms() console.log('\nEnd processing'); } - -console.log('\n=============================================='); -console.log('\nBuild completed!'); +// generate standard tokens +for (const target of targets) { + const StyleDictionaryInstance = new StyleDictionary(getStyleDictionaryConfig({ target })); + console.log(`\n---\n\nProcessing target "${target}"...`); + await StyleDictionaryInstance.hasInitialized; + await StyleDictionaryInstance.buildAllPlatforms() + console.log('\nEnd processing'); +} diff --git a/packages/tokens/scripts/extract-carbon-parts/convertObjectToDtcgFormat.ts b/packages/tokens/scripts/extract-carbon-parts/convertObjectToDtcgFormat.ts index 5bb21326f69..fe19264ec74 100644 --- a/packages/tokens/scripts/extract-carbon-parts/convertObjectToDtcgFormat.ts +++ b/packages/tokens/scripts/extract-carbon-parts/convertObjectToDtcgFormat.ts @@ -40,15 +40,20 @@ function recursivelyProcessObject({ key, value, type, group}: Args): CarbonDesig 'cds-original-value': value }; case 'cubic-bezier': - return { - // TODO convert to `cubicBezier` per DTCG specifications when we are sure that Style Dictionary process it correctly - // see: https://www.designtokens.org/tr/drafts/format/#cubic-bezier - '$type': 'cubic-bezier', - '$value': value, - 'group': group || 'cds-generic-cubic-bezier', - 'private': true, - 'cds-original-value': value - }; + const convertedCubicBezierValue = convertCubicBezierValue(value); + if (convertedCubicBezierValue !== undefined) { + return { + // see: https://www.designtokens.org/tr/drafts/format/#cubic-bezier + '$type': 'cubicBezier', + '$value': convertedCubicBezierValue.$value, + 'group': group || 'cds-generic-cubic-bezier', + 'private': true, + 'cds-original-value': value + }; + } else { + const unknownCubicBezierToken = returnUnknownToken(value, `🚨 convertCubicBezierValue: value for key "${key}" / group "${group}" is not in the expected format:`); + return unknownCubicBezierToken; + } case 'duration': const convertedDurationValue = convertDurationValue(value); if (convertedDurationValue !== undefined) { @@ -73,7 +78,7 @@ function recursivelyProcessObject({ key, value, type, group}: Args): CarbonDesig 'cds-original-value': value }; case 'font-size': - const convertedFontSizeValue = convertSizeValue(value, false); + const convertedFontSizeValue = convertSizeValue(value, true); if (convertedFontSizeValue !== undefined) { return { '$type': 'font-size', @@ -157,11 +162,27 @@ function recursivelyProcessObject({ key, value, type, group}: Args): CarbonDesig } } +function convertCubicBezierValue(value: string) { + // eg. `cubic-bezier(0.2, 0, 0.38, 0.9)` + const match = value.match(/^cubic-bezier\((.*)\)$/); + if (match) { + const $value = `[${match[1]}]`; + return { $value }; + } else { + return undefined; + } +} + function convertDurationValue(value: string) { const match = value.match(/^(\d+)(s|ms)$/); if (match) { - const $value = Number(match[1]); - const unit = match[2]; + let $value = Number(match[1]); + let unit = match[2]; + // we want to standardize the unit to "seconds" + if (unit === 'ms') { + $value = $value / 1000; + unit = 's'; + } return { $value, unit }; } else { return undefined; diff --git a/packages/tokens/src/carbon-extracted/motion/durations.json b/packages/tokens/src/carbon-extracted/motion/durations.json index d8028b9fdea..71fbe309803 100644 --- a/packages/tokens/src/carbon-extracted/motion/durations.json +++ b/packages/tokens/src/carbon-extracted/motion/durations.json @@ -5,16 +5,16 @@ "slow": { "01": { "$type": "duration", - "$value": 400, - "unit": "ms", + "$value": 0.4, + "unit": "s", "group": "cds-motion", "private": true, "cds-original-value": "400ms" }, "02": { "$type": "duration", - "$value": 700, - "unit": "ms", + "$value": 0.7, + "unit": "s", "group": "cds-motion", "private": true, "cds-original-value": "700ms" @@ -23,16 +23,16 @@ "moderate": { "01": { "$type": "duration", - "$value": 150, - "unit": "ms", + "$value": 0.15, + "unit": "s", "group": "cds-motion", "private": true, "cds-original-value": "150ms" }, "02": { "$type": "duration", - "$value": 240, - "unit": "ms", + "$value": 0.24, + "unit": "s", "group": "cds-motion", "private": true, "cds-original-value": "240ms" @@ -41,16 +41,16 @@ "fast": { "01": { "$type": "duration", - "$value": 70, - "unit": "ms", + "$value": 0.07, + "unit": "s", "group": "cds-motion", "private": true, "cds-original-value": "70ms" }, "02": { "$type": "duration", - "$value": 110, - "unit": "ms", + "$value": 0.11, + "unit": "s", "group": "cds-motion", "private": true, "cds-original-value": "110ms" diff --git a/packages/tokens/src/carbon-extracted/motion/easings.json b/packages/tokens/src/carbon-extracted/motion/easings.json index 557e294377b..383b7f4516f 100644 --- a/packages/tokens/src/carbon-extracted/motion/easings.json +++ b/packages/tokens/src/carbon-extracted/motion/easings.json @@ -4,15 +4,15 @@ "easing": { "standard": { "productive": { - "$type": "cubic-bezier", - "$value": "cubic-bezier(0.2, 0, 0.38, 0.9)", + "$type": "cubicBezier", + "$value": "[0.2, 0, 0.38, 0.9]", "group": "cds-motion", "private": true, "cds-original-value": "cubic-bezier(0.2, 0, 0.38, 0.9)" }, "expressive": { - "$type": "cubic-bezier", - "$value": "cubic-bezier(0.4, 0.14, 0.3, 1)", + "$type": "cubicBezier", + "$value": "[0.4, 0.14, 0.3, 1]", "group": "cds-motion", "private": true, "cds-original-value": "cubic-bezier(0.4, 0.14, 0.3, 1)" @@ -20,15 +20,15 @@ }, "entrance": { "productive": { - "$type": "cubic-bezier", - "$value": "cubic-bezier(0, 0, 0.38, 0.9)", + "$type": "cubicBezier", + "$value": "[0, 0, 0.38, 0.9]", "group": "cds-motion", "private": true, "cds-original-value": "cubic-bezier(0, 0, 0.38, 0.9)" }, "expressive": { - "$type": "cubic-bezier", - "$value": "cubic-bezier(0, 0, 0.3, 1)", + "$type": "cubicBezier", + "$value": "[0, 0, 0.3, 1]", "group": "cds-motion", "private": true, "cds-original-value": "cubic-bezier(0, 0, 0.3, 1)" @@ -36,15 +36,15 @@ }, "exit": { "productive": { - "$type": "cubic-bezier", - "$value": "cubic-bezier(0.2, 0, 1, 0.9)", + "$type": "cubicBezier", + "$value": "[0.2, 0, 1, 0.9]", "group": "cds-motion", "private": true, "cds-original-value": "cubic-bezier(0.2, 0, 1, 0.9)" }, "expressive": { - "$type": "cubic-bezier", - "$value": "cubic-bezier(0.4, 0.14, 1, 1)", + "$type": "cubicBezier", + "$value": "[0.4, 0.14, 1, 1]", "group": "cds-motion", "private": true, "cds-original-value": "cubic-bezier(0.4, 0.14, 1, 1)" diff --git a/packages/tokens/src/carbon-extracted/themes/themes.json b/packages/tokens/src/carbon-extracted/themes/themes.json index 8121e6356d3..61578a4dada 100644 --- a/packages/tokens/src/carbon-extracted/themes/themes.json +++ b/packages/tokens/src/carbon-extracted/themes/themes.json @@ -208,8 +208,8 @@ "bodyLong01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -240,8 +240,8 @@ "bodyLong02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -272,8 +272,8 @@ "bodyShort01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -304,8 +304,8 @@ "bodyShort02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -448,8 +448,8 @@ "caption01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -480,8 +480,8 @@ "caption02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -638,8 +638,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -677,8 +677,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -749,8 +749,8 @@ "display01": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -781,8 +781,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -791,8 +791,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -801,8 +801,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -818,8 +818,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -837,8 +837,8 @@ "display02": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -869,8 +869,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -879,8 +879,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -889,8 +889,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -906,8 +906,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -925,8 +925,8 @@ "display03": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -957,8 +957,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -974,8 +974,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -999,8 +999,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -1016,8 +1016,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 5.25, - "unit": "rem", + "$value": 84, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "5.25rem" @@ -1043,8 +1043,8 @@ "display04": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -1075,8 +1075,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 4.25, - "unit": "rem", + "$value": 68, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.25rem" @@ -1092,8 +1092,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 5.75, - "unit": "rem", + "$value": 92, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "5.75rem" @@ -1117,8 +1117,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 7.625, - "unit": "rem", + "$value": 122, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "7.625rem" @@ -1142,8 +1142,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 9.75, - "unit": "rem", + "$value": 156, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "9.75rem" @@ -1169,8 +1169,8 @@ "expressiveHeading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -1201,8 +1201,8 @@ "expressiveHeading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -1233,8 +1233,8 @@ "expressiveHeading03": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -1265,8 +1265,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -1282,8 +1282,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -1301,8 +1301,8 @@ "expressiveHeading04": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -1333,8 +1333,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -1357,8 +1357,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -1376,8 +1376,8 @@ "expressiveHeading05": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -1408,8 +1408,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -1440,8 +1440,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -1465,8 +1465,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -1490,8 +1490,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -1510,8 +1510,8 @@ "expressiveHeading06": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -1542,8 +1542,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -1574,8 +1574,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -1606,8 +1606,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -1638,8 +1638,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -1665,8 +1665,8 @@ "expressiveParagraph01": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -1697,8 +1697,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -1714,8 +1714,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -1827,8 +1827,8 @@ "heading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -1859,8 +1859,8 @@ "heading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -1891,8 +1891,8 @@ "helperText01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -1916,8 +1916,8 @@ "helperText02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -2020,8 +2020,8 @@ "label01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -2052,8 +2052,8 @@ "label02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -2406,8 +2406,8 @@ "productiveHeading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -2438,8 +2438,8 @@ "productiveHeading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -2470,8 +2470,8 @@ "productiveHeading03": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -2502,8 +2502,8 @@ "productiveHeading04": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -2534,8 +2534,8 @@ "productiveHeading05": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -2566,8 +2566,8 @@ "productiveHeading06": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -2598,8 +2598,8 @@ "productiveHeading07": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -2637,8 +2637,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -2669,8 +2669,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -2694,8 +2694,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -2726,8 +2726,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -2758,8 +2758,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -2799,8 +2799,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -2831,8 +2831,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -2848,8 +2848,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -2865,8 +2865,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -2882,8 +2882,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -3419,8 +3419,8 @@ "bodyLong01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -3451,8 +3451,8 @@ "bodyLong02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -3483,8 +3483,8 @@ "bodyShort01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -3515,8 +3515,8 @@ "bodyShort02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -3659,8 +3659,8 @@ "caption01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -3691,8 +3691,8 @@ "caption02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -3849,8 +3849,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -3888,8 +3888,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -3960,8 +3960,8 @@ "display01": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -3992,8 +3992,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -4002,8 +4002,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -4012,8 +4012,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -4029,8 +4029,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -4048,8 +4048,8 @@ "display02": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -4080,8 +4080,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -4090,8 +4090,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -4100,8 +4100,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -4117,8 +4117,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -4136,8 +4136,8 @@ "display03": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -4168,8 +4168,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -4185,8 +4185,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -4210,8 +4210,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -4227,8 +4227,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 5.25, - "unit": "rem", + "$value": 84, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "5.25rem" @@ -4254,8 +4254,8 @@ "display04": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -4286,8 +4286,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 4.25, - "unit": "rem", + "$value": 68, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.25rem" @@ -4303,8 +4303,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 5.75, - "unit": "rem", + "$value": 92, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "5.75rem" @@ -4328,8 +4328,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 7.625, - "unit": "rem", + "$value": 122, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "7.625rem" @@ -4353,8 +4353,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 9.75, - "unit": "rem", + "$value": 156, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "9.75rem" @@ -4380,8 +4380,8 @@ "expressiveHeading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -4412,8 +4412,8 @@ "expressiveHeading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -4444,8 +4444,8 @@ "expressiveHeading03": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -4476,8 +4476,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -4493,8 +4493,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -4512,8 +4512,8 @@ "expressiveHeading04": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -4544,8 +4544,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -4568,8 +4568,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -4587,8 +4587,8 @@ "expressiveHeading05": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -4619,8 +4619,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -4651,8 +4651,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -4676,8 +4676,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -4701,8 +4701,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -4721,8 +4721,8 @@ "expressiveHeading06": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -4753,8 +4753,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -4785,8 +4785,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -4817,8 +4817,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -4849,8 +4849,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -4876,8 +4876,8 @@ "expressiveParagraph01": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -4908,8 +4908,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -4925,8 +4925,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -5038,8 +5038,8 @@ "heading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -5070,8 +5070,8 @@ "heading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -5102,8 +5102,8 @@ "helperText01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -5127,8 +5127,8 @@ "helperText02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -5231,8 +5231,8 @@ "label01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -5263,8 +5263,8 @@ "label02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -5617,8 +5617,8 @@ "productiveHeading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -5649,8 +5649,8 @@ "productiveHeading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -5681,8 +5681,8 @@ "productiveHeading03": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -5713,8 +5713,8 @@ "productiveHeading04": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -5745,8 +5745,8 @@ "productiveHeading05": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -5777,8 +5777,8 @@ "productiveHeading06": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -5809,8 +5809,8 @@ "productiveHeading07": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -5848,8 +5848,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -5880,8 +5880,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -5905,8 +5905,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -5937,8 +5937,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -5969,8 +5969,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -6010,8 +6010,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -6042,8 +6042,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -6059,8 +6059,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -6076,8 +6076,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -6093,8 +6093,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -6630,8 +6630,8 @@ "bodyLong01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -6662,8 +6662,8 @@ "bodyLong02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -6694,8 +6694,8 @@ "bodyShort01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -6726,8 +6726,8 @@ "bodyShort02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -6870,8 +6870,8 @@ "caption01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -6902,8 +6902,8 @@ "caption02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -7060,8 +7060,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -7099,8 +7099,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -7171,8 +7171,8 @@ "display01": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -7203,8 +7203,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -7213,8 +7213,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -7223,8 +7223,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -7240,8 +7240,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -7259,8 +7259,8 @@ "display02": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -7291,8 +7291,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -7301,8 +7301,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -7311,8 +7311,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -7328,8 +7328,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -7347,8 +7347,8 @@ "display03": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -7379,8 +7379,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -7396,8 +7396,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -7421,8 +7421,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -7438,8 +7438,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 5.25, - "unit": "rem", + "$value": 84, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "5.25rem" @@ -7465,8 +7465,8 @@ "display04": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -7497,8 +7497,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 4.25, - "unit": "rem", + "$value": 68, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.25rem" @@ -7514,8 +7514,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 5.75, - "unit": "rem", + "$value": 92, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "5.75rem" @@ -7539,8 +7539,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 7.625, - "unit": "rem", + "$value": 122, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "7.625rem" @@ -7564,8 +7564,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 9.75, - "unit": "rem", + "$value": 156, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "9.75rem" @@ -7591,8 +7591,8 @@ "expressiveHeading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -7623,8 +7623,8 @@ "expressiveHeading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -7655,8 +7655,8 @@ "expressiveHeading03": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -7687,8 +7687,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -7704,8 +7704,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -7723,8 +7723,8 @@ "expressiveHeading04": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -7755,8 +7755,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -7779,8 +7779,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -7798,8 +7798,8 @@ "expressiveHeading05": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -7830,8 +7830,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -7862,8 +7862,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -7887,8 +7887,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -7912,8 +7912,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -7932,8 +7932,8 @@ "expressiveHeading06": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -7964,8 +7964,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -7996,8 +7996,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -8028,8 +8028,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -8060,8 +8060,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -8087,8 +8087,8 @@ "expressiveParagraph01": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -8119,8 +8119,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -8136,8 +8136,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -8249,8 +8249,8 @@ "heading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -8281,8 +8281,8 @@ "heading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -8313,8 +8313,8 @@ "helperText01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -8338,8 +8338,8 @@ "helperText02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -8442,8 +8442,8 @@ "label01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -8474,8 +8474,8 @@ "label02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -8828,8 +8828,8 @@ "productiveHeading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -8860,8 +8860,8 @@ "productiveHeading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -8892,8 +8892,8 @@ "productiveHeading03": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -8924,8 +8924,8 @@ "productiveHeading04": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -8956,8 +8956,8 @@ "productiveHeading05": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -8988,8 +8988,8 @@ "productiveHeading06": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -9020,8 +9020,8 @@ "productiveHeading07": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -9059,8 +9059,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -9091,8 +9091,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -9116,8 +9116,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -9148,8 +9148,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -9180,8 +9180,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -9221,8 +9221,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -9253,8 +9253,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -9270,8 +9270,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -9287,8 +9287,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -9304,8 +9304,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -9841,8 +9841,8 @@ "bodyLong01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -9873,8 +9873,8 @@ "bodyLong02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -9905,8 +9905,8 @@ "bodyShort01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -9937,8 +9937,8 @@ "bodyShort02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -10081,8 +10081,8 @@ "caption01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -10113,8 +10113,8 @@ "caption02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -10271,8 +10271,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -10310,8 +10310,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -10382,8 +10382,8 @@ "display01": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -10414,8 +10414,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -10424,8 +10424,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -10434,8 +10434,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -10451,8 +10451,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -10470,8 +10470,8 @@ "display02": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -10502,8 +10502,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -10512,8 +10512,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -10522,8 +10522,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -10539,8 +10539,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -10558,8 +10558,8 @@ "display03": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -10590,8 +10590,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -10607,8 +10607,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -10632,8 +10632,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 4.75, - "unit": "rem", + "$value": 76, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.75rem" @@ -10649,8 +10649,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 5.25, - "unit": "rem", + "$value": 84, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "5.25rem" @@ -10676,8 +10676,8 @@ "display04": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -10708,8 +10708,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 4.25, - "unit": "rem", + "$value": 68, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "4.25rem" @@ -10725,8 +10725,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 5.75, - "unit": "rem", + "$value": 92, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "5.75rem" @@ -10750,8 +10750,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 7.625, - "unit": "rem", + "$value": 122, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "7.625rem" @@ -10775,8 +10775,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 9.75, - "unit": "rem", + "$value": 156, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "9.75rem" @@ -10802,8 +10802,8 @@ "expressiveHeading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -10834,8 +10834,8 @@ "expressiveHeading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -10866,8 +10866,8 @@ "expressiveHeading03": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -10898,8 +10898,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -10915,8 +10915,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -10934,8 +10934,8 @@ "expressiveHeading04": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -10966,8 +10966,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -10990,8 +10990,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -11009,8 +11009,8 @@ "expressiveHeading05": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -11041,8 +11041,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -11073,8 +11073,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -11098,8 +11098,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -11123,8 +11123,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -11143,8 +11143,8 @@ "expressiveHeading06": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -11175,8 +11175,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -11207,8 +11207,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -11239,8 +11239,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -11271,8 +11271,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" @@ -11298,8 +11298,8 @@ "expressiveParagraph01": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -11330,8 +11330,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -11347,8 +11347,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -11460,8 +11460,8 @@ "heading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -11492,8 +11492,8 @@ "heading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -11524,8 +11524,8 @@ "helperText01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -11549,8 +11549,8 @@ "helperText02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -11653,8 +11653,8 @@ "label01": { "fontSize": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.75rem" @@ -11685,8 +11685,8 @@ "label02": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -12039,8 +12039,8 @@ "productiveHeading01": { "fontSize": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "0.875rem" @@ -12071,8 +12071,8 @@ "productiveHeading02": { "fontSize": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1rem" @@ -12103,8 +12103,8 @@ "productiveHeading03": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -12135,8 +12135,8 @@ "productiveHeading04": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -12167,8 +12167,8 @@ "productiveHeading05": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -12199,8 +12199,8 @@ "productiveHeading06": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -12231,8 +12231,8 @@ "productiveHeading07": { "fontSize": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.375rem" @@ -12270,8 +12270,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -12302,8 +12302,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.25rem" @@ -12327,8 +12327,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.5rem" @@ -12359,8 +12359,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "1.75rem" @@ -12391,8 +12391,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -12432,8 +12432,8 @@ }, "fontSize": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2rem" @@ -12464,8 +12464,8 @@ "md": { "fontSize": { "$type": "font-size", - "$value": 2.25, - "unit": "rem", + "$value": 36, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.25rem" @@ -12481,8 +12481,8 @@ "lg": { "fontSize": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "2.625rem" @@ -12498,8 +12498,8 @@ "xlg": { "fontSize": { "$type": "font-size", - "$value": 3, - "unit": "rem", + "$value": 48, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3rem" @@ -12515,8 +12515,8 @@ "max": { "fontSize": { "$type": "font-size", - "$value": 3.75, - "unit": "rem", + "$value": 60, + "unit": "px", "group": "cds-themes", "private": true, "cds-original-value": "3.75rem" diff --git a/packages/tokens/src/carbon-extracted/typography/styles.json b/packages/tokens/src/carbon-extracted/typography/styles.json index 48d1d0cf61d..96d392691ff 100644 --- a/packages/tokens/src/carbon-extracted/typography/styles.json +++ b/packages/tokens/src/carbon-extracted/typography/styles.json @@ -4,8 +4,8 @@ "body01": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -36,8 +36,8 @@ "body02": { "font-size": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1rem" @@ -68,8 +68,8 @@ "bodyCompact01": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -100,8 +100,8 @@ "bodyCompact02": { "font-size": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1rem" @@ -132,8 +132,8 @@ "bodyLong01": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -164,8 +164,8 @@ "bodyLong02": { "font-size": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1rem" @@ -196,8 +196,8 @@ "bodyShort01": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -228,8 +228,8 @@ "bodyShort02": { "font-size": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1rem" @@ -260,8 +260,8 @@ "caption01": { "font-size": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.75rem" @@ -292,8 +292,8 @@ "caption02": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -331,8 +331,8 @@ }, "font-size": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.75rem" @@ -370,8 +370,8 @@ }, "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -402,8 +402,8 @@ "display01": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -434,8 +434,8 @@ "display02": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -466,8 +466,8 @@ "display03": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -498,8 +498,8 @@ "display04": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -530,8 +530,8 @@ "expressiveHeading01": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -562,8 +562,8 @@ "expressiveHeading02": { "font-size": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1rem" @@ -594,8 +594,8 @@ "expressiveHeading03": { "font-size": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.25rem" @@ -626,8 +626,8 @@ "expressiveHeading04": { "font-size": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.75rem" @@ -658,8 +658,8 @@ "expressiveHeading05": { "font-size": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2rem" @@ -690,8 +690,8 @@ "expressiveHeading06": { "font-size": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2rem" @@ -722,8 +722,8 @@ "expressiveParagraph01": { "font-size": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.5rem" @@ -754,8 +754,8 @@ "fluidDisplay01": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -786,8 +786,8 @@ "fluidDisplay02": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -818,8 +818,8 @@ "fluidDisplay03": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -850,8 +850,8 @@ "fluidDisplay04": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -882,8 +882,8 @@ "fluidHeading03": { "font-size": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.25rem" @@ -914,8 +914,8 @@ "fluidHeading04": { "font-size": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.75rem" @@ -946,8 +946,8 @@ "fluidHeading05": { "font-size": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2rem" @@ -978,8 +978,8 @@ "fluidHeading06": { "font-size": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2rem" @@ -1010,8 +1010,8 @@ "fluidParagraph01": { "font-size": { "$type": "font-size", - "$value": 1.5, - "unit": "rem", + "$value": 24, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.5rem" @@ -1049,8 +1049,8 @@ }, "font-size": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.25rem" @@ -1088,8 +1088,8 @@ }, "font-size": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2rem" @@ -1120,8 +1120,8 @@ "heading01": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -1152,8 +1152,8 @@ "heading02": { "font-size": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1rem" @@ -1184,8 +1184,8 @@ "heading03": { "font-size": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.25rem" @@ -1216,8 +1216,8 @@ "heading04": { "font-size": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.75rem" @@ -1248,8 +1248,8 @@ "heading05": { "font-size": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2rem" @@ -1280,8 +1280,8 @@ "heading06": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -1312,8 +1312,8 @@ "heading07": { "font-size": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "3.375rem" @@ -1344,8 +1344,8 @@ "headingCompact01": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -1376,8 +1376,8 @@ "headingCompact02": { "font-size": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1rem" @@ -1408,8 +1408,8 @@ "helperText01": { "font-size": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.75rem" @@ -1433,8 +1433,8 @@ "helperText02": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -1458,8 +1458,8 @@ "label01": { "font-size": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.75rem" @@ -1490,8 +1490,8 @@ "label02": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -1522,8 +1522,8 @@ "legal01": { "font-size": { "$type": "font-size", - "$value": 0.75, - "unit": "rem", + "$value": 12, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.75rem" @@ -1554,8 +1554,8 @@ "legal02": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -1586,8 +1586,8 @@ "productiveHeading01": { "font-size": { "$type": "font-size", - "$value": 0.875, - "unit": "rem", + "$value": 14, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "0.875rem" @@ -1618,8 +1618,8 @@ "productiveHeading02": { "font-size": { "$type": "font-size", - "$value": 1, - "unit": "rem", + "$value": 16, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1rem" @@ -1650,8 +1650,8 @@ "productiveHeading03": { "font-size": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.25rem" @@ -1682,8 +1682,8 @@ "productiveHeading04": { "font-size": { "$type": "font-size", - "$value": 1.75, - "unit": "rem", + "$value": 28, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.75rem" @@ -1714,8 +1714,8 @@ "productiveHeading05": { "font-size": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2rem" @@ -1746,8 +1746,8 @@ "productiveHeading06": { "font-size": { "$type": "font-size", - "$value": 2.625, - "unit": "rem", + "$value": 42, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2.625rem" @@ -1778,8 +1778,8 @@ "productiveHeading07": { "font-size": { "$type": "font-size", - "$value": 3.375, - "unit": "rem", + "$value": 54, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "3.375rem" @@ -1817,8 +1817,8 @@ }, "font-size": { "$type": "font-size", - "$value": 1.25, - "unit": "rem", + "$value": 20, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "1.25rem" @@ -1856,8 +1856,8 @@ }, "font-size": { "$type": "font-size", - "$value": 2, - "unit": "rem", + "$value": 32, + "unit": "px", "group": "cds-typography", "private": true, "cds-original-value": "2rem" diff --git a/packages/tokens/src/global/border/radius.json b/packages/tokens/src/global/border/radius.json index 791602ff2c7..a1bc464fe20 100644 --- a/packages/tokens/src/global/border/radius.json +++ b/packages/tokens/src/global/border/radius.json @@ -4,22 +4,50 @@ "x-small": { "$type": "dimension", "$value": "3", - "unit": "px" + "unit": "px", + "$modes": { + "default": "3", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + } }, "small": { "$type": "dimension", "$value": "5", - "unit": "px" + "unit": "px", + "$modes": { + "default": "5", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + } }, "medium": { "$type": "dimension", "$value": "6", - "unit": "px" + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + } }, "large": { "$type": "dimension", "$value": "8", - "unit": "px" + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + } } } } diff --git a/packages/tokens/src/global/color/palette-accents.json b/packages/tokens/src/global/color/palette-accents.json index 8b27714723a..ff02b99e4e0 100644 --- a/packages/tokens/src/global/color/palette-accents.json +++ b/packages/tokens/src/global/color/palette-accents.json @@ -4,152 +4,362 @@ "blue-500": { "$type": "color", "$value": "#1c345f", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#1c345f", + "cds-g0": "{carbon.color.blue.100}", + "cds-g10": "{carbon.color.blue.100}", + "cds-g90": "{carbon.color.blue.100}", + "cds-g100": "{carbon.color.blue.100}" + } }, "blue-400": { "$type": "color", "$value": "#0046d1", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#0046d1", + "cds-g0": "{carbon.color.blue.80}", + "cds-g10": "{carbon.color.blue.80}", + "cds-g90": "{carbon.color.blue.80}", + "cds-g100": "{carbon.color.blue.80}" + } }, "blue-300": { "$type": "color", "$value": "#0c56e9", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#0c56e9", + "cds-g0": "{carbon.color.blue.70}", + "cds-g10": "{carbon.color.blue.70}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + } }, "blue-200": { "$type": "color", "$value": "#1060ff", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#1060ff", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.60}", + "cds-g100": "{carbon.color.blue.60}" + } }, "blue-100": { "$type": "color", "$value": "#cce3fe", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#cce3fe", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.20}", + "cds-g100": "{carbon.color.blue.20}" + } }, "blue-50": { "$type": "color", "$value": "#f2f8ff", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#f2f8ff", + "cds-g0": "{carbon.color.blue.10}", + "cds-g10": "{carbon.color.blue.10}", + "cds-g90": "{carbon.color.blue.10}", + "cds-g100": "{carbon.color.blue.10}" + } }, "purple-500": { "$type": "color", "$value": "#42215b", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#42215b", + "cds-g0": "{carbon.color.purple.90}", + "cds-g10": "{carbon.color.purple.90}", + "cds-g90": "{carbon.color.purple.90}", + "cds-g100": "{carbon.color.purple.90}" + } }, "purple-400": { "$type": "color", "$value": "#7b00db", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#7b00db", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + } }, "purple-300": { "$type": "color", "$value": "#911ced", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#911ced", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.60}", + "cds-g100": "{carbon.color.purple.60}" + } }, "purple-200": { "$type": "color", "$value": "#a737ff", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#a737ff", + "cds-g0": "{carbon.color.purple.50}", + "cds-g10": "{carbon.color.purple.50}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + } }, "purple-100": { "$type": "color", "$value": "#ead2fe", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#ead2fe", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.20}" + } }, "purple-50": { "$type": "color", "$value": "#f9f2ff", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#f9f2ff", + "cds-g0": "{carbon.color.purple.10}", + "cds-g10": "{carbon.color.purple.10}", + "cds-g90": "{carbon.color.purple.10}", + "cds-g100": "{carbon.color.purple.10}" + } }, "green-500": { "$type": "color", "$value": "#054220", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#054220", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.80}", + "cds-g100": "{carbon.color.green.80}" + } }, "green-400": { "$type": "color", "$value": "#006619", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#006619", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + } }, "green-300": { "$type": "color", "$value": "#00781e", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#00781e", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.60}", + "cds-g100": "{carbon.color.green.60}" + } }, "green-200": { "$type": "color", "$value": "#008a22", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#008a22", + "cds-g0": "{carbon.color.green.50}", + "cds-g10": "{carbon.color.green.50}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + } }, "green-100": { "$type": "color", "$value": "#cceeda", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#cceeda", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + } }, "green-50": { "$type": "color", "$value": "#f2fbf6", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#f2fbf6", + "cds-g0": "{carbon.color.green.10}", + "cds-g10": "{carbon.color.green.10}", + "cds-g90": "{carbon.color.green.10}", + "cds-g100": "{carbon.color.green.10}" + } }, "amber-500": { "$type": "color", "$value": "#542800", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#542800", + "cds-g0": "{carbon.color.yellow.90}", + "cds-g10": "{carbon.color.yellow.90}", + "cds-g90": "{carbon.color.yellow.90}", + "cds-g100": "{carbon.color.yellow.90}" + } }, "amber-400": { "$type": "color", "$value": "#803d00", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#803d00", + "cds-g0": "{carbon.color.yellow.80}", + "cds-g10": "{carbon.color.yellow.80}", + "cds-g90": "{carbon.color.yellow.80}", + "cds-g100": "{carbon.color.yellow.80}" + } }, "amber-300": { "$type": "color", "$value": "#9e4b00", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#9e4b00", + "cds-g0": "{carbon.color.yellow.60}", + "cds-g10": "{carbon.color.yellow.60}", + "cds-g90": "{carbon.color.yellow.60}", + "cds-g100": "{carbon.color.yellow.60}" + } }, "amber-200": { "$type": "color", "$value": "#bb5a00", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#bb5a00", + "cds-g0": "{carbon.color.yellow.40}", + "cds-g10": "{carbon.color.yellow.40}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + } }, "amber-100": { "$type": "color", "$value": "#fbeabf", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#fbeabf", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + } }, "amber-50": { "$type": "color", "$value": "#fff9e8", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#fff9e8", + "cds-g0": "{carbon.color.yellow.10}", + "cds-g10": "{carbon.color.yellow.10}", + "cds-g90": "{carbon.color.yellow.10}", + "cds-g100": "{carbon.color.yellow.10}" + } }, "red-500": { "$type": "color", "$value": "#51130a", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#51130a", + "cds-g0": "{carbon.color.red.90}", + "cds-g10": "{carbon.color.red.90}", + "cds-g90": "{carbon.color.red.90}", + "cds-g100": "{carbon.color.red.90}" + } }, "red-400": { "$type": "color", "$value": "#940004", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#940004", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.80}", + "cds-g100": "{carbon.color.red.80}" + } }, "red-300": { "$type": "color", "$value": "#c00005", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#c00005", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + } }, "red-200": { "$type": "color", "$value": "#e52228", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#e52228", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.60}", + "cds-g100": "{carbon.color.red.60}" + } }, "red-100": { "$type": "color", "$value": "#fbd4d4", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#fbd4d4", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + } }, "red-50": { "$type": "color", "$value": "#fff5f5", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#fff5f5", + "cds-g0": "{carbon.color.red.10}", + "cds-g10": "{carbon.color.red.10}", + "cds-g90": "{carbon.color.red.10}", + "cds-g100": "{carbon.color.red.10}" + } } } } diff --git a/packages/tokens/src/global/color/palette-neutrals.json b/packages/tokens/src/global/color/palette-neutrals.json index e064e7503d2..0dfc28b27f5 100644 --- a/packages/tokens/src/global/color/palette-neutrals.json +++ b/packages/tokens/src/global/color/palette-neutrals.json @@ -4,47 +4,110 @@ "neutral-700": { "$type": "color", "$value": "#0c0c0e", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#0c0c0e", + "cds-g0": "{carbon.color.gray.100}", + "cds-g10": "{carbon.color.gray.100}", + "cds-g90": "{carbon.color.gray.100}", + "cds-g100": "{carbon.color.gray.100}" + } }, "neutral-600": { "$type": "color", "$value": "#3b3d45", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#3b3d45", + "cds-g0": "{carbon.color.gray.80}", + "cds-g10": "{carbon.color.gray.80}", + "cds-g90": "{carbon.color.gray.80}", + "cds-g100": "{carbon.color.gray.80}" + } }, "neutral-500": { "$type": "color", "$value": "#656a76", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#656a76", + "cds-g0": "{carbon.color.gray.70}", + "cds-g10": "{carbon.color.gray.70}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + } }, "neutral-400": { "$type": "color", "$value": "#8c909c", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#8c909c", + "cds-g0": "{carbon.color.gray.50}", + "cds-g10": "{carbon.color.gray.50}", + "cds-g90": "{carbon.color.gray.50}", + "cds-g100": "{carbon.color.gray.50}" + } }, "neutral-300": { "$type": "color", "$value": "#c2c5cb", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#c2c5cb", + "cds-g0": "{carbon.color.gray.40}", + "cds-g10": "{carbon.color.gray.40}", + "cds-g90": "{carbon.color.gray.40}", + "cds-g100": "{carbon.color.gray.40}" + } }, "neutral-200": { "$type": "color", "$value": "#dedfe3", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#dedfe3", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.30}", + "cds-g100": "{carbon.color.gray.30}" + } }, "neutral-100": { "$type": "color", "$value": "#f1f2f3", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#f1f2f3", + "cds-g0": "{carbon.color.gray.20}", + "cds-g10": "{carbon.color.gray.20}", + "cds-g90": "{carbon.color.gray.20}", + "cds-g100": "{carbon.color.gray.20}" + } }, "neutral-50": { "$type": "color", "$value": "#fafafa", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#fafafa", + "cds-g0": "{carbon.color.gray.10}", + "cds-g10": "{carbon.color.gray.10}", + "cds-g90": "{carbon.color.gray.10}", + "cds-g100": "{carbon.color.gray.10}" + } }, "neutral-0": { "$type": "color", "$value": "#ffffff", - "group": "palette" + "group": "palette", + "$modes": { + "default": "#ffffff", + "cds-g0": "{carbon.color.white.0}", + "cds-g10": "{carbon.color.white.0}", + "cds-g90": "{carbon.color.white.0}", + "cds-g100": "{carbon.color.white.0}" + } }, "alpha-300": { "$type": "color", diff --git a/packages/tokens/src/global/color/semantic-border.json b/packages/tokens/src/global/color/semantic-border.json index a5f10222f1c..200a7aeb204 100644 --- a/packages/tokens/src/global/color/semantic-border.json +++ b/packages/tokens/src/global/color/semantic-border.json @@ -4,42 +4,98 @@ "primary": { "$type": "color", "$value": "{color.palette.alpha-200}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-200}", + "cds-g0": "{carbon.themes.white.borderSubtle03}", + "cds-g10": "{carbon.themes.g10.borderSubtle03}", + "cds-g90": "{carbon.themes.g90.borderSubtle03}", + "cds-g100": "{carbon.themes.g100.borderSubtle03}" + } }, "faint": { "$type": "color", "$value": "{color.palette.alpha-100}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-100}", + "cds-g0": "{carbon.themes.white.borderSubtle00}", + "cds-g10": "{carbon.themes.g10.borderSubtle00}", + "cds-g90": "{carbon.themes.g90.borderSubtle00}", + "cds-g100": "{carbon.themes.g100.borderSubtle00}" + } }, "strong": { "$type": "color", "$value": "{color.palette.alpha-300}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.alpha-300}", + "cds-g0": "{carbon.themes.white.borderStrong01}", + "cds-g10": "{carbon.themes.g10.borderStrong01}", + "cds-g90": "{carbon.themes.g90.borderStrong01}", + "cds-g100": "{carbon.themes.g100.borderStrong01}" + } }, "action": { "$type": "color", "$value": "{color.palette.blue-100}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-100}", + "cds-g0": "{carbon.color.blue.60}", + "cds-g10": "{carbon.color.blue.60}", + "cds-g90": "{carbon.color.blue.50}", + "cds-g100": "{carbon.color.blue.50}" + } }, "highlight": { "$type": "color", "$value": "{color.palette.purple-100}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.color.purple.40}", + "cds-g10": "{carbon.color.purple.40}", + "cds-g90": "{carbon.color.purple.50}", + "cds-g100": "{carbon.color.purple.50}" + } }, "success": { "$type": "color", "$value": "{color.palette.green-100}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.color.green.40}", + "cds-g10": "{carbon.color.green.40}", + "cds-g90": "{carbon.color.green.50}", + "cds-g100": "{carbon.color.green.50}" + } }, "warning": { "$type": "color", "$value": "{color.palette.amber-100}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.orange.40}", + "cds-g10": "{carbon.color.orange.40}", + "cds-g90": "{carbon.color.orange.50}", + "cds-g100": "{carbon.color.orange.50}" + } }, "critical": { "$type": "color", "$value": "{color.palette.red-100}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.color.red.40}", + "cds-g10": "{carbon.color.red.40}", + "cds-g90": "{carbon.color.red.50}", + "cds-g100": "{carbon.color.red.50}" + } } } } diff --git a/packages/tokens/src/global/color/semantic-focus.json b/packages/tokens/src/global/color/semantic-focus.json index 8e6da27e069..31d54afc43f 100644 --- a/packages/tokens/src/global/color/semantic-focus.json +++ b/packages/tokens/src/global/color/semantic-focus.json @@ -5,26 +5,54 @@ "internal": { "$type": "color", "$value": "{color.palette.blue-300}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + } }, "external": { "$type": "color", "$value": "#5990ff", "group": "semantic", - "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose" + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#5990ff", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + } } }, "critical": { "internal": { "$type": "color", "$value": "{color.palette.red-300}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.white.focusInset}", + "cds-g10": "{carbon.themes.g10.focusInset}", + "cds-g90": "{carbon.themes.g90.focusInset}", + "cds-g100": "{carbon.themes.g100.focusInset}" + } }, "external": { "$type": "color", "$value": "#dd7578", "group": "semantic", - "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose" + "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose", + "$modes": { + "default": "#dd7578", + "cds-g0": "{carbon.themes.white.focus}", + "cds-g10": "{carbon.themes.g10.focus}", + "cds-g90": "{carbon.themes.g90.focus}", + "cds-g100": "{carbon.themes.g100.focus}" + } } } } diff --git a/packages/tokens/src/global/color/semantic-foreground.json b/packages/tokens/src/global/color/semantic-foreground.json index 43de0eb66fe..a163fedc9ad 100644 --- a/packages/tokens/src/global/color/semantic-foreground.json +++ b/packages/tokens/src/global/color/semantic-foreground.json @@ -4,102 +4,242 @@ "strong": { "$type": "color", "$value": "{color.palette.neutral-700}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-700}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + } }, "primary": { "$type": "color", "$value": "{color.palette.neutral-600}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-600}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + } }, "faint": { "$type": "color", "$value": "{color.palette.neutral-500}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-500}", + "cds-g0": "{carbon.themes.white.textPrimary}", + "cds-g10": "{carbon.themes.g10.textPrimary}", + "cds-g90": "{carbon.themes.g90.textPrimary}", + "cds-g100": "{carbon.themes.g100.textPrimary}" + } }, "high-contrast": { "$type": "color", "$value": "{color.palette.neutral-0}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } }, "disabled": { "$type": "color", "$value": "{color.palette.neutral-400}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-400}", + "cds-g0": "{carbon.themes.white.textDisabled}", + "cds-g10": "{carbon.themes.g10.textDisabled}", + "cds-g90": "{carbon.themes.g90.textDisabled}", + "cds-g100": "{carbon.themes.g100.textDisabled}" + } }, "action": { "$type": "color", "$value": "{color.palette.blue-200}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.white.linkPrimary}", + "cds-g10": "{carbon.themes.g10.linkPrimary}", + "cds-g90": "{carbon.themes.g90.linkPrimary}", + "cds-g100": "{carbon.themes.g100.linkPrimary}" + } }, "action-hover": { "$type": "color", "$value": "{color.palette.blue-300}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + } }, "action-active": { "$type": "color", "$value": "{color.palette.blue-400}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.white.linkPrimaryHover}", + "cds-g10": "{carbon.themes.g10.linkPrimaryHover}", + "cds-g90": "{carbon.themes.g90.linkPrimaryHover}", + "cds-g100": "{carbon.themes.g100.linkPrimaryHover}" + } }, "highlight": { "$type": "color", "$value": "{color.palette.purple-200}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.60}", + "cds-g10": "{carbon.color.purple.60}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + } }, "highlight-on-surface": { "$type": "color", "$value": "{color.palette.purple-300}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-300}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.30}", + "cds-g100": "{carbon.color.purple.30}" + } }, "highlight-high-contrast": { "$type": "color", "$value": "{color.palette.purple-500}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-500}", + "cds-g0": "{carbon.color.purple.80}", + "cds-g10": "{carbon.color.purple.80}", + "cds-g90": "{carbon.color.purple.20}", + "cds-g100": "{carbon.color.purple.30}" + } }, "success": { "$type": "color", "$value": "{color.palette.green-200}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.60}", + "cds-g10": "{carbon.color.green.60}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + } }, "success-on-surface": { "$type": "color", "$value": "{color.palette.green-300}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.green-300}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.30}", + "cds-g100": "{carbon.color.green.30}" + } }, "success-high-contrast": { "$type": "color", "$value": "{color.palette.green-500}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.green-500}", + "cds-g0": "{carbon.color.green.80}", + "cds-g10": "{carbon.color.green.80}", + "cds-g90": "{carbon.color.green.20}", + "cds-g100": "{carbon.color.green.20}" + } }, "warning": { "$type": "color", "$value": "{color.palette.amber-200}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.orange.60}", + "cds-g10": "{carbon.color.orange.60}", + "cds-g90": "{carbon.color.orange.40}", + "cds-g100": "{carbon.color.orange.40}" + } }, "warning-on-surface": { "$type": "color", "$value": "{color.palette.amber-300}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-300}", + "cds-g0": "{carbon.color.orange.70}", + "cds-g10": "{carbon.color.orange.70}", + "cds-g90": "{carbon.color.orange.30}", + "cds-g100": "{carbon.color.orange.30}" + } }, "warning-high-contrast": { "$type": "color", "$value": "{color.palette.amber-500}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-500}", + "cds-g0": "{carbon.color.orange.80}", + "cds-g10": "{carbon.color.orange.80}", + "cds-g90": "{carbon.color.orange.20}", + "cds-g100": "{carbon.color.orange.20}" + } }, "critical": { "$type": "color", "$value": "{color.palette.red-200}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.60}", + "cds-g10": "{carbon.color.red.60}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + } }, "critical-on-surface": { "$type": "color", "$value": "{color.palette.red-300}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.30}", + "cds-g100": "{carbon.color.red.30}" + } }, "critical-high-contrast": { "$type": "color", "$value": "{color.palette.red-500}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.red-500}", + "cds-g0": "{carbon.color.red.80}", + "cds-g10": "{carbon.color.red.80}", + "cds-g90": "{carbon.color.red.20}", + "cds-g100": "{carbon.color.red.20}" + } } } } diff --git a/packages/tokens/src/global/color/semantic-page.json b/packages/tokens/src/global/color/semantic-page.json index 5e356eacec2..6a119a37b83 100644 --- a/packages/tokens/src/global/color/semantic-page.json +++ b/packages/tokens/src/global/color/semantic-page.json @@ -4,12 +4,26 @@ "primary": { "$type": "color", "$value": "{color.palette.neutral-0}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + } }, "faint": { "$type": "color", "$value": "{color.palette.neutral-50}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.background}", + "cds-g10": "{carbon.themes.g10.background}", + "cds-g90": "{carbon.themes.g90.background}", + "cds-g100": "{carbon.themes.g100.background}" + } } } } diff --git a/packages/tokens/src/global/color/semantic-surface.json b/packages/tokens/src/global/color/semantic-surface.json index 725b0c7ff76..24bc6d05662 100644 --- a/packages/tokens/src/global/color/semantic-surface.json +++ b/packages/tokens/src/global/color/semantic-surface.json @@ -4,62 +4,146 @@ "primary": { "$type": "color", "$value": "{color.palette.neutral-0}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + } }, "faint": { "$type": "color", "$value": "{color.palette.neutral-50}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + } }, "strong": { "$type": "color", "$value": "{color.palette.neutral-100}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + } }, "interactive": { "$type": "color", "$value": "{color.palette.neutral-0}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-0}", + "cds-g0": "{carbon.themes.white.layer01}", + "cds-g10": "{carbon.themes.g10.layer01}", + "cds-g90": "{carbon.themes.g90.layer01}", + "cds-g100": "{carbon.themes.g100.layer01}" + } }, "interactive-hover": { "$type": "color", "$value": "{color.palette.neutral-100}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-100}", + "cds-g0": "{carbon.themes.white.layerHover01}", + "cds-g10": "{carbon.themes.g10.layerHover01}", + "cds-g90": "{carbon.themes.g90.layerHover01}", + "cds-g100": "{carbon.themes.g100.layerHover01}" + } }, "interactive-active": { "$type": "color", "$value": "{color.palette.neutral-200}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.white.layerActive01}", + "cds-g10": "{carbon.themes.g10.layerActive01}", + "cds-g90": "{carbon.themes.g90.layerActive01}", + "cds-g100": "{carbon.themes.g100.layerActive01}" + } }, "interactive-disabled": { "$type": "color", "$value": "{color.palette.neutral-50}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.neutral-50}", + "cds-g0": "{carbon.color.gray.30}", + "cds-g10": "{carbon.color.gray.30}", + "cds-g90": "{carbon.color.gray.70}", + "cds-g100": "{carbon.color.gray.70}" + } }, "action": { "$type": "color", "$value": "{color.palette.blue-50}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.blue-50}", + "cds-g0": "{carbon.color.blue.20}", + "cds-g10": "{carbon.color.blue.20}", + "cds-g90": "{carbon.color.blue.70}", + "cds-g100": "{carbon.color.blue.70}" + } }, "highlight": { "$type": "color", "$value": "{color.palette.purple-50}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.purple-50}", + "cds-g0": "{carbon.color.purple.20}", + "cds-g10": "{carbon.color.purple.20}", + "cds-g90": "{carbon.color.purple.70}", + "cds-g100": "{carbon.color.purple.70}" + } }, "success": { "$type": "color", "$value": "{color.palette.green-50}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.green-50}", + "cds-g0": "{carbon.color.green.20}", + "cds-g10": "{carbon.color.green.20}", + "cds-g90": "{carbon.color.green.70}", + "cds-g100": "{carbon.color.green.70}" + } }, "warning": { "$type": "color", "$value": "{color.palette.amber-50}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.amber-50}", + "cds-g0": "{carbon.color.orange.20}", + "cds-g10": "{carbon.color.orange.20}", + "cds-g90": "{carbon.color.orange.70}", + "cds-g100": "{carbon.color.orange.70}" + } }, "critical": { "$type": "color", "$value": "{color.palette.red-50}", - "group": "semantic" + "group": "semantic", + "$modes": { + "default": "{color.palette.red-50}", + "cds-g0": "{carbon.color.red.20}", + "cds-g10": "{carbon.color.red.20}", + "cds-g90": "{carbon.color.red.70}", + "cds-g100": "{carbon.color.red.70}" + } } } } diff --git a/packages/tokens/src/products/shared/badge-count.json b/packages/tokens/src/products/shared/badge-count.json new file mode 100644 index 00000000000..38877f427fa --- /dev/null +++ b/packages/tokens/src/products/shared/badge-count.json @@ -0,0 +1,44 @@ +{ + "badge-count": { + "padding": { + "horizontal": { + "small": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + } + }, + "medium": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + } + }, + "large": { + "$type": "dimension", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + } + } + } + } + } +} \ No newline at end of file diff --git a/packages/tokens/src/products/shared/badge.json b/packages/tokens/src/products/shared/badge.json new file mode 100644 index 00000000000..e1be28a5f12 --- /dev/null +++ b/packages/tokens/src/products/shared/badge.json @@ -0,0 +1,596 @@ +{ + "badge": { + "height": { + "small": { + "$type": "dimension", + "$value": "20", + "unit": "px" + }, + "medium": { + "$type": "dimension", + "$value": "24", + "unit": "px" + }, + "large": { + "$type": "dimension", + "$value": "32", + "unit": "px" + } + }, + "padding": { + "horizontal": { + "small": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + } + }, + "medium": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + } + }, + "large": { + "$type": "dimension", + "$value": "8", + "unit": "px", + "$modes": { + "default": "8", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + } + } + }, + "vertical": { + "small": { + "$type": "dimension", + "$value": "2", + "unit": "px" + }, + "medium": { + "$type": "dimension", + "$value": "4", + "unit": "px" + }, + "large": { + "$type": "dimension", + "$value": "4", + "unit": "px" + } + } + }, + "gap": { + "small": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + } + }, + "medium": { + "$type": "dimension", + "$value": "4", + "unit": "px", + "$modes": { + "default": "4", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + } + }, + "large": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "4", + "cds-g10": "4", + "cds-g90": "4", + "cds-g100": "4" + } + } + }, + "typography": { + "font-size": { + "small": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + } + }, + "medium": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + } + }, + "large": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + } + } + }, + "line-height": { + "small": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308" + }, + "medium": { + "$type": "number", + "$value": 1.2308, + "comment": "16px = 1.2308" + }, + "large": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1, + "cds-g10": 1, + "cds-g90": 1, + "cds-g100": 1 + } + } + } + }, + "foreground": { + "color": { + "neutral": { + "filled": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + }, + "comment": "TODO validate if this is `TextInverse` or should be `TextOnColor (ask Carbon team too?)" + }, + "outlined": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + } + } + }, + "neutral-dark-mode": { + "filled": { + "$type": "color", + "$value": "{color.foreground.high-contrast}" + }, + "inverted": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGray.g100}" + } + }, + "outlined": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } + } + }, + "highlight": { + "filled": { + "$type": "color", + "$value": "{color.palette.purple-400}", + "comment": "we don't use `highlight-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } + }, + "outlined": { + "$type": "color", + "$value": "{color.foreground.highlight}", + "$modes": { + "default": "{color.foreground.highlight}", + "cds-g0": "{carbon.themes.tagTokens.tagColorPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorPurple.g100}" + } + } + }, + "success": { + "filled": { + "$type": "color", + "$value": "{color.palette.green-400}", + "comment": "we don't use `success-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } + }, + "outlined": { + "$type": "color", + "$value": "{color.foreground.success}", + "$modes": { + "default": "{color.foreground.success}", + "cds-g0": "{carbon.themes.tagTokens.tagColorGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorGreen.g100}" + } + } + }, + "warning": { + "filled": { + "$type": "color", + "$value": "{color.palette.amber-400}", + "comment": "we don't use `warning-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-400}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } + }, + "outlined": { + "$type": "color", + "$value": "{color.foreground.warning}", + "$modes": { + "default": "{color.foreground.warning}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.20}", + "cds-g100": "{carbon.color.yellow.20}" + } + } + }, + "critical": { + "filled": { + "$type": "color", + "$value": "{color.palette.red-400}", + "comment": "we don't use `critical-on-surface` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } + }, + "outlined": { + "$type": "color", + "$value": "{color.foreground.critical}", + "$modes": { + "default": "{color.foreground.critical}", + "cds-g0": "{carbon.themes.tagTokens.tagColorRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagColorRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagColorRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagColorRed.g100}" + } + } + } + } + }, + "surface": { + "color": { + "neutral": { + "filled": { + "$type": "color", + "$value": "{color.palette.neutral-200}", + "$modes": { + "default": "{color.palette.neutral-200}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no equivalent color in code for the Tag inverted" + } + }, + "neutral-dark-mode": { + "filled": { + "$type": "color", + "$value": "{color.palette.neutral-500}", + "comment": "TODO - cristiano to ask Carbon team what to do because there is no high-contrast color in the theme colors for the tag (in code)" + }, + "inverted": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGray.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGray.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGray.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGray.g100}" + } + } + }, + "highlight": { + "filled": { + "$type": "color", + "$value": "{color.palette.purple-100}", + "comment": "we don't use `surface-highlight` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.purple-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundPurple.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundPurple.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundPurple.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundPurple.g100}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.palette.purple-200}", + "$modes": { + "default": "{color.palette.purple-200}", + "cds-g0": "{carbon.color.purple.70}", + "cds-g10": "{carbon.color.purple.70}", + "cds-g90": "{carbon.color.purple.40}", + "cds-g100": "{carbon.color.purple.40}" + } + } + }, + "success": { + "filled": { + "$type": "color", + "$value": "{color.palette.green-100}", + "comment": "we don't use `surface-success` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.green-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundGreen.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundGreen.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundGreen.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundGreen.g100}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.palette.green-200}", + "$modes": { + "default": "{color.palette.green-200}", + "cds-g0": "{carbon.color.green.70}", + "cds-g10": "{carbon.color.green.70}", + "cds-g90": "{carbon.color.green.40}", + "cds-g100": "{carbon.color.green.40}" + } + } + }, + "warning": { + "filled": { + "$type": "color", + "$value": "{color.palette.amber-100}", + "comment": "we don't use `surface-warning` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.amber-100}", + "cds-g0": "{carbon.color.yellow.20}", + "cds-g10": "{carbon.color.yellow.20}", + "cds-g90": "{carbon.color.yellow.70}", + "cds-g100": "{carbon.color.yellow.70}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.palette.amber-200}", + "$modes": { + "default": "{color.palette.amber-200}", + "cds-g0": "{carbon.color.yellow.70}", + "cds-g10": "{carbon.color.yellow.70}", + "cds-g90": "{carbon.color.yellow.40}", + "cds-g100": "{carbon.color.yellow.40}" + } + } + }, + "critical": { + "filled": { + "$type": "color", + "$value": "{color.palette.red-100}", + "comment": "we don't use `surface-critical` for accessibility (better contrast)", + "$modes": { + "default": "{color.palette.red-100}", + "cds-g0": "{carbon.themes.tagTokens.tagBackgroundRed.white}", + "cds-g10": "{carbon.themes.tagTokens.tagBackgroundRed.g10}", + "cds-g90": "{carbon.themes.tagTokens.tagBackgroundRed.g90}", + "cds-g100": "{carbon.themes.tagTokens.tagBackgroundRed.g100}" + } + }, + "inverted": { + "$type": "color", + "$value": "{color.palette.red-200}", + "$modes": { + "default": "{color.palette.red-200}", + "cds-g0": "{carbon.color.red.70}", + "cds-g10": "{carbon.color.red.70}", + "cds-g90": "{carbon.color.red.40}", + "cds-g100": "{carbon.color.red.40}" + } + } + } + } + }, + "border": { + "width": { + "$type": "dimension", + "$value": "1", + "unit": "px" + }, + "radius": { + "small": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "8", + "cds-g10": "8", + "cds-g90": "8", + "cds-g100": "8" + } + }, + "medium": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "12", + "cds-g10": "12", + "cds-g90": "12", + "cds-g100": "12" + } + }, + "large": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + } + } + } + }, + "icon": { + "size": { + "small": { + "$type": "dimension", + "$value": "12", + "unit": "px" + }, + "medium": { + "$type": "dimension", + "$value": "16", + "unit": "px" + }, + "large": { + "$type": "dimension", + "$value": "16", + "unit": "px" + } + } + } + } +} \ No newline at end of file diff --git a/packages/tokens/src/products/shared/button.json b/packages/tokens/src/products/shared/button.json new file mode 100644 index 00000000000..7b1a847f16a --- /dev/null +++ b/packages/tokens/src/products/shared/button.json @@ -0,0 +1,888 @@ +{ + "button": { + "height": { + "small": { + "$type": "dimension", + "$value": "28", + "unit": "px", + "$modes": { + "default": "28", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + } + }, + "medium": { + "$type": "dimension", + "$value": "36", + "unit": "px", + "$modes": { + "default": "36", + "cds-g0": "40", + "cds-g10": "40", + "cds-g90": "40", + "cds-g100": "40" + } + }, + "large": { + "$type": "dimension", + "$value": "48", + "unit": "px", + "$modes": { + "default": "48", + "cds-g0": "48", + "cds-g10": "48", + "cds-g90": "48", + "cds-g100": "48" + } + } + }, + "padding": { + "horizontal": { + "small": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border" + }, + "medium": { + "$type": "dimension", + "$value": "15", + "unit": "px", + "$modes": { + "default": "15", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border" + }, + "large": { + "$type": "dimension", + "$value": "19", + "unit": "px", + "$modes": { + "default": "19", + "cds-g0": "15", + "cds-g10": "15", + "cds-g90": "15", + "cds-g100": "15" + }, + "comment": "here we're taking into account the 1px border" + } + }, + "vertical": { + "small": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "6", + "cds-g10": "6", + "cds-g90": "6", + "cds-g100": "6" + }, + "comment": "here we're taking into account the 1px border" + }, + "medium": { + "$type": "dimension", + "$value": "9", + "unit": "px", + "$modes": { + "default": "9", + "cds-g0": "10", + "cds-g10": "10", + "cds-g90": "10", + "cds-g100": "10" + }, + "comment": "here we're taking into account the 1px border" + }, + "large": { + "$type": "dimension", + "$value": "11", + "unit": "px", + "$modes": { + "default": "11", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + }, + "comment": "here we're taking into account the 1px border" + } + } + }, + "gap": { + "$type": "dimension", + "$value": "6", + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "32", + "cds-g10": "32", + "cds-g90": "32", + "cds-g100": "32" + } + }, + "typography": { + "font-size": { + "small": { + "$type": "font-size", + "$value": "13", + "unit": "px", + "$modes": { + "default": "13", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + } + }, + "medium": { + "$type": "font-size", + "$value": "14", + "unit": "px", + "$modes": { + "default": "14", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + } + }, + "large": { + "$type": "font-size", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "14", + "cds-g10": "14", + "cds-g90": "14", + "cds-g100": "14" + } + } + }, + "line-height": { + "small": { + "$type": "number", + "$value": 0.9286, + "comment": "14px ~ 0.9286 - we need to make it even (so we set it slighly larger than the font-size; notice: in Figma is 12px but this would cut some ascendants/descendants)", + "$modes": { + "default": 0.9286, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + } + }, + "medium": { + "$type": "number", + "$value": 1.1429, + "comment": "14px ~ 1.1429", + "$modes": { + "default": 1.1429, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + } + }, + "large": { + "$type": "number", + "$value": 1.5, + "comment": "24px = 1.5", + "$modes": { + "default": 1.5, + "cds-g0": 1.2858, + "cds-g10": 1.2858, + "cds-g90": 1.2858, + "cds-g100": 1.2858 + } + } + } + }, + "foreground": { + "color": { + "primary": { + "default": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "hover": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "focus": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "active": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "hover": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "focus": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "active": { + "$type": "color", + "$value": "{color.foreground.primary}", + "$modes": { + "default": "{color.foreground.primary}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiary.g100}" + } + }, + "hover": { + "$type": "color", + "$value": "{color.foreground.action-hover}", + "$modes": { + "default": "{color.foreground.action-hover}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } + }, + "focus": { + "$type": "color", + "$value": "{color.foreground.action}", + "$modes": { + "default": "{color.foreground.action}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } + }, + "active": { + "$type": "color", + "$value": "{color.foreground.action-active}", + "$modes": { + "default": "{color.foreground.action-active}", + "cds-g0": "{carbon.themes.white.textInverse}", + "cds-g10": "{carbon.themes.g10.textInverse}", + "cds-g90": "{carbon.themes.g90.textInverse}", + "cds-g100": "{carbon.themes.g100.textInverse}" + } + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "hover": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "focus": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + }, + "active": { + "$type": "color", + "$value": "{color.foreground.high-contrast}", + "$modes": { + "default": "{color.foreground.high-contrast}", + "cds-g0": "{carbon.themes.white.textOnColor}", + "cds-g10": "{carbon.themes.g10.textOnColor}", + "cds-g90": "{carbon.themes.g90.textOnColor}", + "cds-g100": "{carbon.themes.g100.textOnColor}" + } + } + }, + "disabled": { + "$type": "color", + "$value": "{color.foreground.disabled}", + "$modes": { + "default": "{color.foreground.disabled}", + "cds-g0": "{carbon.themes.white.textOnColorDisabled}", + "cds-g10": "{carbon.themes.g10.textOnColorDisabled}", + "cds-g90": "{carbon.themes.g90.textOnColorDisabled}", + "cds-g100": "{carbon.themes.g100.textOnColorDisabled}" + } + } + } + }, + "surface": { + "color": { + "primary": { + "default": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + } + }, + "hover": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryHover.g100}" + } + }, + "focus": { + "$type": "color", + "$value": "{color.palette.blue-200}", + "$modes": { + "default": "{color.palette.blue-200}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimary.g100}" + } + }, + "active": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonPrimaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonPrimaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonPrimaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonPrimaryActive.g100}" + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + } + }, + "hover": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryHover.g100}" + } + }, + "focus": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondary.g100}" + } + }, + "active": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonSecondaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonSecondaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonSecondaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonSecondaryActive.g100}" + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "transparent" + }, + "hover": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + } + }, + "focus": { + "$type": "color", + "$value": "transparent", + "$modes": { + "default": "transparent", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryHover.g100}" + } + }, + "active": { + "$type": "color", + "$value": "{color.surface.interactive-active}", + "$modes": { + "default": "{color.surface.interactive-active}", + "cds-g0": "{carbon.themes.buttonTokens.buttonTertiaryActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonTertiaryActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonTertiaryActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonTertiaryActive.g100}" + } + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + } + }, + "hover": { + "$type": "color", + "$value": "{color.palette.red-300}", + "$modes": { + "default": "{color.palette.red-300}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerHover.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerHover.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerHover.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerHover.g100}" + } + }, + "focus": { + "$type": "color", + "$value": "{color.surface.critical}", + "$modes": { + "default": "{color.surface.critical}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerPrimary.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerPrimary.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerPrimary.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerPrimary.g100}" + } + }, + "active": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDangerActive.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDangerActive.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDangerActive.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDangerActive.g100}" + } + } + }, + "disabled": { + "$type": "color", + "$value": "{color.surface.faint}", + "$modes": { + "default": "{color.surface.faint}", + "cds-g0": "{carbon.themes.buttonTokens.buttonDisabled.white}", + "cds-g10": "{carbon.themes.buttonTokens.buttonDisabled.g10}", + "cds-g90": "{carbon.themes.buttonTokens.buttonDisabled.g90}", + "cds-g100": "{carbon.themes.buttonTokens.buttonDisabled.g100}" + } + } + } + }, + "border": { + "width": { + "$type": "dimension", + "$value": "1", + "unit": "px" + }, + "radius": { + "$type": "dimension", + "$value": "{border.radius.small}", + "unit": "px", + "$modes": { + "default": "{border.radius.small}", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + } + }, + "color": { + "primary": { + "default": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + }, + "hover": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + }, + "focus": { + "internal": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones" + }, + "external": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones" + } + }, + "active": { + "$type": "color", + "$value": "{color.palette.blue-400}", + "$modes": { + "default": "{color.palette.blue-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + } + }, + "secondary": { + "default": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + }, + "hover": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + }, + "focus": { + "internal": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones" + }, + "external": { + "$type": "color", + "$value": "{color.focus.action.external}", + "$modes": { + "default": "{color.focus.action.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones" + } + }, + "active": { + "$type": "color", + "$value": "{color.border.strong}", + "$modes": { + "default": "{color.border.strong}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + } + }, + "tertiary": { + "default": { + "$type": "color", + "$value": "transparent" + }, + "hover": { + "$type": "color", + "$value": "{color.border.strong}" + }, + "focus": { + "internal": { + "$type": "color", + "$value": "{color.focus.action.internal}" + }, + "external": { + "$type": "color", + "$value": "{color.focus.action.external}" + } + }, + "active": { + "$type": "color", + "$value": "{color.border.strong}" + } + }, + "critical": { + "default": { + "$type": "color", + "$value": "{color.foreground.critical-on-surface}", + "$modes": { + "default": "{color.foreground.critical-on-surface}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + }, + "hover": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + }, + "focus": { + "internal": { + "$type": "color", + "$value": "{color.focus.critical.internal}", + "$modes": { + "default": "{color.focus.critical.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + }, + "comment": "TODO - replace the `pink` values with the correct ones" + }, + "external": { + "$type": "color", + "$value": "{color.focus.critical.external}", + "$modes": { + "default": "{color.focus.critical.external}", + "cds-g0": "magenta", + "cds-g10": "magenta", + "cds-g90": "magenta", + "cds-g100": "magenta" + }, + "comment": "TODO - replace the `magenta` values with the correct ones" + } + }, + "active": { + "$type": "color", + "$value": "{color.palette.red-400}", + "$modes": { + "default": "{color.palette.red-400}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + } + }, + "disabled": { + "$type": "color", + "$value": "{color.border.primary}" + } + } + }, + "focus": { + "border": { + "width": { + "$type": "dimension", + "$value": "3", + "unit": "px" + } + } + }, + "icon": { + "size": { + "small": { + "$type": "dimension", + "$value": "12", + "unit": "px", + "$modes": { + "default": "12", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + } + }, + "medium": { + "$type": "dimension", + "$value": "16", + "unit": "px", + "$modes": { + "default": "16", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + } + }, + "large": { + "$type": "dimension", + "$value": "24", + "unit": "px", + "$modes": { + "default": "24", + "cds-g0": "16", + "cds-g10": "16", + "cds-g90": "16", + "cds-g100": "16" + } + } + } + } + } +} \ No newline at end of file diff --git a/packages/tokens/src/products/shared/form/radiocard.json b/packages/tokens/src/products/shared/form/radiocard.json index 3e60f855f32..c5f5d0741c7 100644 --- a/packages/tokens/src/products/shared/form/radiocard.json +++ b/packages/tokens/src/products/shared/form/radiocard.json @@ -17,7 +17,49 @@ "radius": { "$type": "dimension", "$value": "6", - "unit": "px" + "unit": "px", + "$modes": { + "default": "6", + "cds-g0": "0", + "cds-g10": "0", + "cds-g90": "0", + "cds-g100": "0" + } + }, + "color": { + "default": { + "$type": "color", + "$value": "{color.surface.primary}", + "$modes": { + "default": "{color.surface.primary}", + "cds-g0": "transparent", + "cds-g10": "transparent", + "cds-g90": "transparent", + "cds-g100": "transparent" + } + }, + "focus": { + "$type": "color", + "$value": "{color.focus.action.internal}", + "$modes": { + "default": "{color.focus.action.internal}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + } + }, + "default-checked": { + "$type": "color", + "$value": "{color.palette.blue-300}", + "$modes": { + "default": "{color.palette.blue-300}", + "cds-g0": "pink", + "cds-g10": "pink", + "cds-g90": "pink", + "cds-g100": "pink" + } + } } }, "content-padding": { @@ -39,4 +81,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/tokens/src/products/shared/typography.json b/packages/tokens/src/products/shared/typography.json index f850e45959d..23dd878235f 100644 --- a/packages/tokens/src/products/shared/typography.json +++ b/packages/tokens/src/products/shared/typography.json @@ -35,6 +35,16 @@ "Segoe UI Symbol" ], "private": "true" + }, + "combined": { + "$type": "font-family", + "$value": [ + "{typography.font-stack.sans.display.macOS}", + "{typography.font-stack.sans.display.windows}", + "{typography.font-stack.sans.display.sans}", + "{typography.font-stack.sans.display.emoji}" + ], + "private": "true" } }, "text": { @@ -53,6 +63,15 @@ ], "private": "true" }, + "sans": { + "$type": "font-family", + "$value": [ + "Helvetica", + "Arial", + "sans-serif" + ], + "private": "true" + }, "emoji": { "$type": "font-family", "$value": [ @@ -61,6 +80,16 @@ "Segoe UI Symbol" ], "private": "true" + }, + "combined": { + "$type": "font-family", + "$value": [ + "{typography.font-stack.sans.text.macOS}", + "{typography.font-stack.sans.text.windows}", + "{typography.font-stack.sans.text.sans}", + "{typography.font-stack.sans.text.emoji}" + ], + "private": "true" } } }, @@ -80,251 +109,579 @@ "Consolas" ], "private": "true" + }, + "combined": { + "$type": "font-family", + "$value": [ + "{typography.font-stack.monospace.code.macOS}", + "{typography.font-stack.monospace.code.windows}", + "monospace" + ], + "private": "true" } } }, "display": { "$type": "font-family", - "$value": [ - "{typography.font-stack.sans.display.macOS}", - "{typography.font-stack.sans.display.windows}", - "{typography.font-stack.sans.display.sans}", - "{typography.font-stack.sans.display.emoji}" - ] + "$value": "{typography.font-stack.sans.display.combined}", + "$modes": { + "default": "{typography.font-stack.sans.display.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "text": { "$type": "font-family", - "$value": [ - "{typography.font-stack.sans.text.macOS}", - "{typography.font-stack.sans.text.windows}", - "{typography.font-stack.sans.display.sans}", - "{typography.font-stack.sans.text.emoji}" - ] + "$value": "{typography.font-stack.sans.text.combined}", + "$modes": { + "default": "{typography.font-stack.sans.text.combined}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "code": { "$type": "font-family", - "$value": [ - "{typography.font-stack.monospace.code.macOS}", - "{typography.font-stack.monospace.code.windows}", - "monospace" - ] + "$value": "{typography.font-stack.monospace.code.combined}", + "$modes": { + "default": "{typography.font-stack.monospace.code.combined}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + } } }, "font-weight": { "regular": { "$type": "font-weight", - "$value": 400 + "$value": "400", + "$modes": { + "default": "400", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + } }, "medium": { "$type": "font-weight", - "$value": 500 + "$value": "500", + "$modes": { + "default": "500", + "cds-g0": "{carbon.typography.font-weight.regular}", + "cds-g10": "{carbon.typography.font-weight.regular}", + "cds-g90": "{carbon.typography.font-weight.regular}", + "cds-g100": "{carbon.typography.font-weight.regular}" + } }, "semibold": { "$type": "font-weight", - "$value": 600 + "$value": "600", + "$modes": { + "default": "600", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + } }, "bold": { "$type": "font-weight", - "$value": 700 + "$value": "700", + "$modes": { + "default": "700", + "cds-g0": "{carbon.typography.font-weight.semibold}", + "cds-g10": "{carbon.typography.font-weight.semibold}", + "cds-g90": "{carbon.typography.font-weight.semibold}", + "cds-g100": "{carbon.typography.font-weight.semibold}" + } } }, "display-500": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.display}" + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "font-size": { "$type": "font-size", "$value": "30", "unit": "px", - "comment": "30px/1.875rem" + "comment": "30px/1.875rem", + "$modes": { + "default": "30", + "cds-g0": "{carbon.typography.heading05.font-size}", + "cds-g10": "{carbon.typography.heading05.font-size}", + "cds-g90": "{carbon.typography.heading05.font-size}", + "cds-g100": "{carbon.typography.heading05.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.2666, - "comment": "38px" + "comment": "38px", + "$modes": { + "default": 1.2666, + "cds-g0": "{carbon.typography.heading05.line-height}", + "cds-g10": "{carbon.typography.heading05.line-height}", + "cds-g90": "{carbon.typography.heading05.line-height}", + "cds-g100": "{carbon.typography.heading05.line-height}" + } + }, + "letter-spacing": { + "$type": "letter-spacing", + "$value": -0.5, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading05.letter-spacing}", + "cds-g10": "{carbon.typography.heading05.letter-spacing}", + "cds-g90": "{carbon.typography.heading05.letter-spacing}", + "cds-g100": "{carbon.typography.heading05.letter-spacing}" + } } }, "display-400": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.display}" + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "font-size": { "$type": "font-size", "$value": "24", "unit": "px", - "comment": "24px/1.5rem" + "comment": "24px/1.5rem", + "$modes": { + "default": "24", + "cds-g0": "{carbon.typography.heading04.font-size}", + "cds-g10": "{carbon.typography.heading04.font-size}", + "cds-g90": "{carbon.typography.heading04.font-size}", + "cds-g100": "{carbon.typography.heading04.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.3333, - "comment": "32px" + "comment": "32px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading04.line-height}", + "cds-g10": "{carbon.typography.heading04.line-height}", + "cds-g90": "{carbon.typography.heading04.line-height}", + "cds-g100": "{carbon.typography.heading04.line-height}" + } + }, + "letter-spacing": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading04.letter-spacing}", + "cds-g10": "{carbon.typography.heading04.letter-spacing}", + "cds-g90": "{carbon.typography.heading04.letter-spacing}", + "cds-g100": "{carbon.typography.heading04.letter-spacing}" + } } }, "display-300": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.text}" + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "font-size": { "$type": "font-size", "$value": "18", "unit": "px", - "comment": "18px/1.125rem" + "comment": "18px/1.125rem", + "$modes": { + "default": "18", + "cds-g0": "{carbon.typography.heading03.font-size}", + "cds-g10": "{carbon.typography.heading03.font-size}", + "cds-g90": "{carbon.typography.heading03.font-size}", + "cds-g100": "{carbon.typography.heading03.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.3333, - "comment": "24px" + "comment": "24px", + "$modes": { + "default": 1.3333, + "cds-g0": "{carbon.typography.heading03.line-height}", + "cds-g10": "{carbon.typography.heading03.line-height}", + "cds-g90": "{carbon.typography.heading03.line-height}", + "cds-g100": "{carbon.typography.heading03.line-height}" + } }, "letter-spacing": { "$type": "letter-spacing", "$value": -0.5, "unit": "px", - "comment": "this is `tracking`" + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading03.letter-spacing}", + "cds-g10": "{carbon.typography.heading03.letter-spacing}", + "cds-g90": "{carbon.typography.heading03.letter-spacing}", + "cds-g100": "{carbon.typography.heading03.letter-spacing}" + } } }, "display-200": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.display}" + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "font-size": { "$type": "font-size", "$value": "16", "unit": "px", - "comment": "16px/1rem" + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.heading02.font-size}", + "cds-g10": "{carbon.typography.heading02.font-size}", + "cds-g90": "{carbon.typography.heading02.font-size}", + "cds-g100": "{carbon.typography.heading02.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.5, - "comment": "24px" + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.heading02.line-height}", + "cds-g10": "{carbon.typography.heading02.line-height}", + "cds-g90": "{carbon.typography.heading02.line-height}", + "cds-g100": "{carbon.typography.heading02.line-height}" + } }, "letter-spacing": { "$type": "letter-spacing", "$value": -0.5, "unit": "px", - "comment": "this is `tracking`" + "comment": "this is `tracking`", + "$modes": { + "default": -0.5, + "cds-g0": "{carbon.typography.heading02.letter-spacing}", + "cds-g10": "{carbon.typography.heading02.letter-spacing}", + "cds-g90": "{carbon.typography.heading02.letter-spacing}", + "cds-g100": "{carbon.typography.heading02.letter-spacing}" + } } }, "display-100": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.text}" + "$value": "{typography.font-stack.display}", + "$modes": { + "default": "{typography.font-stack.display}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "font-size": { "$type": "font-size", "$value": "13", "unit": "px", - "comment": "13px/0.8125rem" + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.heading01.font-size}", + "cds-g10": "{carbon.typography.heading01.font-size}", + "cds-g90": "{carbon.typography.heading01.font-size}", + "cds-g100": "{carbon.typography.heading01.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.3846, - "comment": "18px" + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.heading01.line-height}", + "cds-g10": "{carbon.typography.heading01.line-height}", + "cds-g90": "{carbon.typography.heading01.line-height}", + "cds-g100": "{carbon.typography.heading01.line-height}" + } + }, + "letter-spacing": { + "$type": "letter-spacing", + "$value": 0, + "unit": "px", + "comment": "this is `tracking`", + "$modes": { + "default": 0, + "cds-g0": "{carbon.typography.heading01.letter-spacing}", + "cds-g10": "{carbon.typography.heading01.letter-spacing}", + "cds-g90": "{carbon.typography.heading01.letter-spacing}", + "cds-g100": "{carbon.typography.heading01.letter-spacing}" + } } }, "body-300": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.text}" + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "font-size": { "$type": "font-size", "$value": "16", "unit": "px", - "comment": "16px/1rem" + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.body02.font-size}", + "cds-g10": "{carbon.typography.body02.font-size}", + "cds-g90": "{carbon.typography.body02.font-size}", + "cds-g100": "{carbon.typography.body02.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.5, - "comment": "24px" + "comment": "24px", + "$modes": { + "default": 1.5, + "cds-g0": "{carbon.typography.body02.line-height}", + "cds-g10": "{carbon.typography.body02.line-height}", + "cds-g90": "{carbon.typography.body02.line-height}", + "cds-g100": "{carbon.typography.body02.line-height}" + } } }, "body-200": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.text}" + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "font-size": { "$type": "font-size", "$value": "14", "unit": "px", - "comment": "14px/0.875rem" + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.body01.font-size}", + "cds-g10": "{carbon.typography.body01.font-size}", + "cds-g90": "{carbon.typography.body01.font-size}", + "cds-g100": "{carbon.typography.body01.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.4286, - "comment": "20px" + "comment": "20px", + "$modes": { + "default": 1.4286, + "cds-g0": "{carbon.typography.body01.line-height}", + "cds-g10": "{carbon.typography.body01.line-height}", + "cds-g90": "{carbon.typography.body01.line-height}", + "cds-g100": "{carbon.typography.body01.line-height}" + } } }, "body-100": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.text}" + "$value": "{typography.font-stack.text}", + "$modes": { + "default": "{typography.font-stack.text}", + "cds-g0": "{carbon.typography.font-family.sans}", + "cds-g10": "{carbon.typography.font-family.sans}", + "cds-g90": "{carbon.typography.font-family.sans}", + "cds-g100": "{carbon.typography.font-family.sans}" + } }, "font-size": { "$type": "font-size", "$value": "13", "unit": "px", - "comment": "13px/0.8125rem" + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.bodyCompact01.font-size}", + "cds-g10": "{carbon.typography.bodyCompact01.font-size}", + "cds-g90": "{carbon.typography.bodyCompact01.font-size}", + "cds-g100": "{carbon.typography.bodyCompact01.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.3846, - "comment": "18px" + "comment": "18px", + "$modes": { + "default": 1.3846, + "cds-g0": "{carbon.typography.bodyCompact01.line-height}", + "cds-g10": "{carbon.typography.bodyCompact01.line-height}", + "cds-g90": "{carbon.typography.bodyCompact01.line-height}", + "cds-g100": "{carbon.typography.bodyCompact01.line-height}" + } } }, - "code-100": { + "code-300": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.code}" + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + } }, "font-size": { "$type": "font-size", - "$value": "13", + "$value": "16", "unit": "px", - "comment": "13px/0.8125rem" + "comment": "16px/1rem", + "$modes": { + "default": "16", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + } }, "line-height": { "$type": "number", - "$value": 1.23, - "comment": "16px" + "$value": 1.25, + "comment": "20px", + "$modes": { + "default": 1.25, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + } } }, "code-200": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.code}" + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + } }, "font-size": { "$type": "font-size", "$value": "14", "unit": "px", - "comment": "14px/0.875rem" + "comment": "14px/0.875rem", + "$modes": { + "default": "14", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + } }, "line-height": { "$type": "number", "$value": 1.125, - "comment": "18px" + "comment": "18px", + "$modes": { + "default": 1.125, + "cds-g0": "{carbon.typography.code02.line-height}", + "cds-g10": "{carbon.typography.code02.line-height}", + "cds-g90": "{carbon.typography.code02.line-height}", + "cds-g100": "{carbon.typography.code02.line-height}" + } } }, - "code-300": { + "code-100": { "font-family": { "$type": "font-family", - "$value": "{typography.font-stack.code}" + "$value": "{typography.font-stack.code}", + "$modes": { + "default": "{typography.font-stack.code}", + "cds-g0": "{carbon.typography.font-family.mono}", + "cds-g10": "{carbon.typography.font-family.mono}", + "cds-g90": "{carbon.typography.font-family.mono}", + "cds-g100": "{carbon.typography.font-family.mono}" + } }, "font-size": { "$type": "font-size", - "$value": "16", + "$value": "13", "unit": "px", - "comment": "16px/1rem" + "comment": "13px/0.8125rem", + "$modes": { + "default": "13", + "cds-g0": "{carbon.typography.code02.font-size}", + "cds-g10": "{carbon.typography.code02.font-size}", + "cds-g90": "{carbon.typography.code02.font-size}", + "cds-g100": "{carbon.typography.code02.font-size}" + } }, "line-height": { "$type": "number", - "$value": 1.25, - "comment": "20px" + "$value": 1.23, + "comment": "16px", + "$modes": { + "default": 1.23, + "cds-g0": "{carbon.typography.code01.line-height}", + "cds-g10": "{carbon.typography.code01.line-height}", + "cds-g90": "{carbon.typography.code01.line-height}", + "cds-g100": "{carbon.typography.code01.line-height}" + } } } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5fdc76dbdb8..0c65748ecc7 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -295,9 +295,6 @@ importers: rollup-plugin-copy: specifier: ^3.5.0 version: 3.5.0 - rollup-plugin-scss: - specifier: ^4.0.1 - version: 4.0.1 stylelint: specifier: ^16.17.0 version: 16.23.0(typescript@5.9.2) @@ -417,22 +414,22 @@ importers: devDependencies: '@carbon/colors': specifier: ^11.39.0 - version: 11.39.0 + version: 11.42.0 '@carbon/grid': specifier: ^11.42.0 - version: 11.42.0 + version: 11.45.0 '@carbon/layout': specifier: ^11.40.0 - version: 11.40.0 + version: 11.43.0 '@carbon/motion': specifier: ^11.34.0 - version: 11.34.0 + version: 11.37.0 '@carbon/themes': specifier: ^11.59.0 - version: 11.59.0 + version: 11.62.0 '@carbon/type': specifier: ^11.46.0 - version: 11.46.0 + version: 11.49.0 '@types/fs-extra': specifier: ^11.0.4 version: 11.0.4 @@ -451,6 +448,9 @@ importers: '@typescript-eslint/parser': specifier: ^8.18.1 version: 8.38.0(eslint@8.57.1)(typescript@5.9.2) + chalk: + specifier: ^5.4.1 + version: 5.4.1 eslint: specifier: ^8.57.1 version: 8.57.1 @@ -493,6 +493,24 @@ importers: '@babel/plugin-proposal-decorators': specifier: ^7.27.1 version: 7.28.0(@babel/core@7.28.0) + '@carbon/grid': + specifier: ^11.43.0 + version: 11.45.0 + '@carbon/layout': + specifier: ^11.41.0 + version: 11.43.0 + '@carbon/styles': + specifier: ^1.93.0 + version: 1.93.0(sass@1.89.2) + '@carbon/themes': + specifier: ^11.60.0 + version: 11.62.0 + '@carbon/type': + specifier: ^11.47.0 + version: 11.49.0 + '@carbon/web-components': + specifier: ^2.38.0 + version: 2.38.0(sass@1.89.2) '@codemirror/lint': specifier: ^6.8.4 version: 6.8.5 @@ -547,6 +565,9 @@ importers: '@hashicorp/design-system-tokens': specifier: workspace:* version: link:../packages/tokens + '@ibm/plex': + specifier: ^6.4.1 + version: 6.4.1 '@nullvoxpopuli/ember-composable-helpers': specifier: ^5.2.11 version: 5.2.11(@babel/core@7.28.0)(ember-source@6.5.0(@glimmer/component@1.1.2(@babel/core@7.28.0))(rsvp@4.8.5)) @@ -1882,23 +1903,37 @@ packages: '@bundled-es-modules/memfs@4.9.4': resolution: {integrity: sha512-1XyYPUaIHwEOdF19wYVLBtHJRr42Do+3ctht17cZOHwHf67vkmRNPlYDGY2kJps4RgE5+c7nEZmEzxxvb1NZWA==} - '@carbon/colors@11.39.0': - resolution: {integrity: sha512-H1hL9NW1I1vks469KuIV/YY4zHUiDQJ/MOlJgv8iCLi0SQS4DWkDslccXAhce8U8qRtx1JPfePhiYkRBbjgKgw==} + '@carbon/colors@11.42.0': + resolution: {integrity: sha512-kfEGVk2vzokkRrVwqUGYK8YLQ1Cn7cDhJ/lEz31kdBrUbR8vlgKSFq9GTqAgZiqxbTC0surR3nBF2kU3NTNPOg==} + + '@carbon/feature-flags@0.32.0': + resolution: {integrity: sha512-a1rFplSEFPwJ4ZsuwvOaKHgoLqPNhjCJdWY6VTgCoytRZqtgYWqwYFEqQkm9/f1mX1lHr6oK/eBpAcmi0Izuvg==} + + '@carbon/grid@11.45.0': + resolution: {integrity: sha512-J8hh5li0Q0RRS6IGg+MVPQVfjp1ePxzQsyMyjQOHLux8i8HwiWJmKLQ+4lKMzRXorLG2RtEoPVl00EaKlQEgKQ==} - '@carbon/grid@11.42.0': - resolution: {integrity: sha512-l91wFV7uMhaf2PX89cW1zS5iMnzrFVY2d81Xf7U9OdNu8sBTQWxUPtj1RnZyep4F7v/HG8U4DOzfa+nO5GgZeA==} + '@carbon/layout@11.43.0': + resolution: {integrity: sha512-aOUNqVv/5TGhNTn1HV+620ZlqhE7+Chs0TJoxwe/CCsLOdziCX9st3c5inyINPZDyvDK46mas1RmqvZwNYe/mA==} - '@carbon/layout@11.40.0': - resolution: {integrity: sha512-2wIOPJZFjt5Y+TZ7NwPTf0l3zif14hBiPwv/nQo76J2Wr1i/NJrYNfBTpUnKxoq6IZEsVd0e6Ab4RLGGIP2eVA==} + '@carbon/motion@11.37.0': + resolution: {integrity: sha512-bjFzY8Wy5Umj+g41ZGj3L3b/z2gDBDKfzfc9M3ZAHaj73PZ7Z/Z5jT0IFlihEv8wUwZfbhbtnb4jeNhckfLINA==} - '@carbon/motion@11.34.0': - resolution: {integrity: sha512-Gc5VcfXO70un5jeCUqlplKal8PpRLzUfxg8x8b1LwKfzjWrgxilHtNk3B4dGj190M9dyrTKVfCCrLKlVtyhEQw==} + '@carbon/styles@1.93.0': + resolution: {integrity: sha512-Nt8W4gwnSBRkDsnmJ3yqXYyR0elZPElmHt2aEBkKPpSRskRddF+2cDTlOH+iq+D9KHWWO+n6WLEnZ0fvftvDPA==} + peerDependencies: + sass: ^1.33.0 + peerDependenciesMeta: + sass: + optional: true + + '@carbon/themes@11.62.0': + resolution: {integrity: sha512-/sPOiGaC4YtXBiA4uNx2PuBxPOAjVMOThrsHfdDbroUvm2yigvRZUJcJTivunOFKtfIC5EOoKxxAP3XzxWjf0Q==} - '@carbon/themes@11.59.0': - resolution: {integrity: sha512-vnFuKTuThYVGQ9f8G/amO0laun6pyr8Nze1KuD6LrOJl6waEC2LPJqNz3rg4ySLievFg9+993R0GNUI9HjC2bw==} + '@carbon/type@11.49.0': + resolution: {integrity: sha512-5SwbuMj7VO7QAxB273MQVMoVLEvwcMVflhmriWA4I+YWMDwtoprPHiXseO6ueoRGJp+TOqnItvkPMPOdKz5sjQ==} - '@carbon/type@11.46.0': - resolution: {integrity: sha512-Xt2lhYsRuRrpEESy8BW+xjsf1TXnzv4CdxgAvjL+YSQxzdD0gbMnIhEIpJiDAyWddviqH8ZwxIdlnlfqKrA9rg==} + '@carbon/web-components@2.38.0': + resolution: {integrity: sha512-/b4r14HGBgY7tYuwyIkRHbWsRpjAbJyC/NdRlc+JALNJ7FUPPThhuWBvkcZ+c9YqE/r11opXDlylU/pERPPmbw==} '@changesets/apply-release-plan@7.0.12': resolution: {integrity: sha512-EaET7As5CeuhTzvXTQCRZeBUcisoYPDDcXvgTE/2jmmypKp0RC7LxKj/yzqeh/1qFTZI7oDGFcL1PHRuQuketQ==} @@ -2878,6 +2913,37 @@ packages: resolution: {integrity: sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==} engines: {node: '>=18.18'} + '@ibm/plex-mono@1.1.0': + resolution: {integrity: sha512-hpsdRxR3BRJkC6wGM4MZcUFD6C8M+mmK76RtAy/hlsfPro9FzpXVdIWC+G3jeQOXof109dxlUvmeKxpeKUG68A==} + + '@ibm/plex-sans-arabic@1.1.0': + resolution: {integrity: sha512-u8wIS6szLAOFvlBjCFZmtpKIqbhuIuniG2N0J+sio8vV6INH58hP0t0QNYrSl9SZtCv2Fwb4oQGuZJY3kJ4+QA==} + + '@ibm/plex-sans-devanagari@1.1.0': + resolution: {integrity: sha512-IVNV9NxXZDzcGZRao/xj+kiFwkdLkcw5vNiKwY8wEzzkpjApXJnPhJ0a7mIKNAh8oIadTIF68+iGtzRKK3nXAQ==} + + '@ibm/plex-sans-hebrew@1.1.0': + resolution: {integrity: sha512-iix0rLpUD0E8dE8q+/t3B7u1or7h6gEzoy6TK9NwP41AN31WE55f2cFwQAXomBDwr0Ozc9sHYy97NutEukZXzQ==} + + '@ibm/plex-sans-thai-looped@1.1.0': + resolution: {integrity: sha512-9zbDGzmtscHgBRTF88y3/92zQx6lmKjz5ZxhgcljilwOpj08BAytDc3mzUl9XGUh+DmOMl0Ql1lk6ecsEYYg2w==} + + '@ibm/plex-sans-thai@1.1.0': + resolution: {integrity: sha512-vk7IrjdO69eEElJpFBppCha/wvU48DFyVuDewcfIf5L6Z11s0vbROANCvKipVPRUz1LE4ron8KoitWGcl3AlfA==} + + '@ibm/plex-sans@1.1.0': + resolution: {integrity: sha512-WPgvO6Yfj2w5YbhyAr1tv95RUz4LRJlqN+CmYvBglabXteufP1D1E9BABMde+ZIKdRbFJDoKF5eQzfhpnbgZcQ==} + + '@ibm/plex-serif@1.1.0': + resolution: {integrity: sha512-ORIyWlK8t8mvpFI7AAfhVFH+sacink2l9AjLiKZscmAzLVSa2dqFckrPOXqx4dK/cax567gWwCpJNEYk7xWxBQ==} + + '@ibm/plex@6.0.0-next.6': + resolution: {integrity: sha512-B3uGruTn2rS5gweynLmfSe7yCawSRsJguJJQHVQiqf4rh2RNgJFu8YLE2Zd/JHV0ZXoVMOslcXP2k3hMkxKEyA==} + engines: {node: '>=14'} + + '@ibm/plex@6.4.1': + resolution: {integrity: sha512-fnsipQywHt3zWvsnlyYKMikcVI7E2fEwpiPnIHFqlbByXVfQfANAAeJk1IV4mNnxhppUIDlhU0TzwYwL++Rn2g==} + '@ibm/telemetry-js@1.10.1': resolution: {integrity: sha512-aQcDq03BKbgNnkHujHbA950wJVHtJnY0PsMHKyxgRvr3XPgInWjDfgxJQmKIp9I8Vy2wpfe0cGmduJfIX0HewQ==} hasBin: true @@ -3046,6 +3112,15 @@ packages: resolution: {integrity: sha512-F5z53uvRIF4dYfFfJP3a2Cqg+4P1dgJchJsFnsZE0eZp0LK8X7g2J0CsJHRgns+skpXOlM7n5vFGwkWCWj8qJg==} engines: {node: 12.* || >= 14} + '@lit-labs/ssr-dom-shim@1.4.0': + resolution: {integrity: sha512-ficsEARKnmmW5njugNYKipTm4SFnbik7CXtoencDZzmzo/dQ+2Q0bgkzJuoJP20Aj0F+izzJjOqsnkd6F/o1bw==} + + '@lit/context@1.1.6': + resolution: {integrity: sha512-M26qDE6UkQbZA2mQ3RjJ3Gzd8TxP+/0obMgE5HfkfLhEEyYE3Bui4A5XHiGPjy0MUGAyxB3QgVuw2ciS0kHn6A==} + + '@lit/reactive-element@2.1.1': + resolution: {integrity: sha512-N+dm5PAYdQ8e6UlywyyrgI2t++wFGXfHx+dSJ1oBrg6FAxUj40jId++EaRm80MKX5JnlH1sBsyZ5h0bcZKemCg==} + '@manypkg/find-root@1.1.0': resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==} @@ -3774,6 +3849,9 @@ packages: '@types/tinycolor2@1.4.6': resolution: {integrity: sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==} + '@types/trusted-types@2.0.7': + resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==} + '@types/unist@2.0.11': resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==} @@ -7112,6 +7190,9 @@ packages: flat-cache@6.1.12: resolution: {integrity: sha512-U+HqqpZPPXP5d24bWuRzjGqVqUcw64k4nZAbruniDwdRg0H10tvN7H6ku1tjhA4rg5B9GS3siEvwO2qjJJ6f8Q==} + flatpickr@4.6.13: + resolution: {integrity: sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==} + flatted@2.0.2: resolution: {integrity: sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==} @@ -8494,6 +8575,15 @@ packages: linkify-it@5.0.0: resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==} + lit-element@4.2.1: + resolution: {integrity: sha512-WGAWRGzirAgyphK2urmYOV72tlvnxw7YfyLDgQ+OZnM9vQQBQnumQ7jUJe6unEzwGU3ahFOjuz1iz1jjrpCPuw==} + + lit-html@3.3.1: + resolution: {integrity: sha512-S9hbyDu/vs1qNrithiNyeyv64c9yqiW9l+DBgI18fL+MTvOtWoFR0FWiyq1TxaYef5wNlpEmzlXoBlZEO+WjoA==} + + lit@3.3.1: + resolution: {integrity: sha512-Ksr/8L3PTapbdXJCk+EJVB78jDodUMaP54gD24W186zGRARvwrsPfS60wae/SSCTCNZVPd1chXqio1qHQmu4NA==} + livereload-js@3.4.1: resolution: {integrity: sha512-5MP0uUeVCec89ZbNOT/i97Mc+q3SxXmiUGhRFOTmhrGPn//uWVQdCvcLJDy64MSBR5MidFdOR7B9viumoavy6g==} @@ -10247,9 +10337,6 @@ packages: resolution: {integrity: sha512-wI8D5dvYovRMx/YYKtUNt3Yxaw4ORC9xo6Gt9t22kveWz1enG9QrhVlagzwrxSC455xD1dHMKhIJkbsQ7d48BA==} engines: {node: '>=8.3'} - rollup-plugin-scss@4.0.1: - resolution: {integrity: sha512-3W3+3OzR+shkDl3hJ1XTAuGkP4AfiLgIjie2GtcoZ9pHfRiNqeDbtCu1EUnkjZ98EPIM6nnMIXkKlc7Sx5bRvA==} - rollup-pluginutils@2.8.2: resolution: {integrity: sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==} @@ -12896,36 +12983,75 @@ snapshots: stream: 0.0.3 util: 0.12.5 - '@carbon/colors@11.39.0': + '@carbon/colors@11.42.0': dependencies: '@ibm/telemetry-js': 1.10.1 - '@carbon/grid@11.42.0': + '@carbon/feature-flags@0.32.0': dependencies: - '@carbon/layout': 11.40.0 '@ibm/telemetry-js': 1.10.1 - '@carbon/layout@11.40.0': + '@carbon/grid@11.45.0': dependencies: + '@carbon/layout': 11.43.0 '@ibm/telemetry-js': 1.10.1 - '@carbon/motion@11.34.0': + '@carbon/layout@11.43.0': dependencies: '@ibm/telemetry-js': 1.10.1 - '@carbon/themes@11.59.0': + '@carbon/motion@11.37.0': dependencies: - '@carbon/colors': 11.39.0 - '@carbon/layout': 11.40.0 - '@carbon/type': 11.46.0 + '@ibm/telemetry-js': 1.10.1 + + '@carbon/styles@1.93.0(sass@1.89.2)': + dependencies: + '@carbon/colors': 11.42.0 + '@carbon/feature-flags': 0.32.0 + '@carbon/grid': 11.45.0 + '@carbon/layout': 11.43.0 + '@carbon/motion': 11.37.0 + '@carbon/themes': 11.62.0 + '@carbon/type': 11.49.0 + '@ibm/plex': 6.0.0-next.6 + '@ibm/plex-mono': 1.1.0 + '@ibm/plex-sans': 1.1.0 + '@ibm/plex-sans-arabic': 1.1.0 + '@ibm/plex-sans-devanagari': 1.1.0 + '@ibm/plex-sans-hebrew': 1.1.0 + '@ibm/plex-sans-thai': 1.1.0 + '@ibm/plex-sans-thai-looped': 1.1.0 + '@ibm/plex-serif': 1.1.0 + '@ibm/telemetry-js': 1.10.1 + optionalDependencies: + sass: 1.89.2 + + '@carbon/themes@11.62.0': + dependencies: + '@carbon/colors': 11.42.0 + '@carbon/layout': 11.43.0 + '@carbon/type': 11.49.0 '@ibm/telemetry-js': 1.10.1 color: 4.2.3 - '@carbon/type@11.46.0': + '@carbon/type@11.49.0': + dependencies: + '@carbon/grid': 11.45.0 + '@carbon/layout': 11.43.0 + '@ibm/telemetry-js': 1.10.1 + + '@carbon/web-components@2.38.0(sass@1.89.2)': dependencies: - '@carbon/grid': 11.42.0 - '@carbon/layout': 11.40.0 + '@carbon/styles': 1.93.0(sass@1.89.2) + '@floating-ui/dom': 1.7.3 '@ibm/telemetry-js': 1.10.1 + '@lit/context': 1.1.6 + flatpickr: 4.6.13 + lit: 3.3.1 + lodash-es: 4.17.21 + tslib: 2.8.1 + transitivePeerDependencies: + - sass '@changesets/apply-release-plan@7.0.12': dependencies: @@ -14319,6 +14445,44 @@ snapshots: '@humanwhocodes/retry@0.4.2': {} + '@ibm/plex-mono@1.1.0': + dependencies: + '@ibm/telemetry-js': 1.10.1 + + '@ibm/plex-sans-arabic@1.1.0': + dependencies: + '@ibm/telemetry-js': 1.10.1 + + '@ibm/plex-sans-devanagari@1.1.0': + dependencies: + '@ibm/telemetry-js': 1.10.1 + + '@ibm/plex-sans-hebrew@1.1.0': + dependencies: + '@ibm/telemetry-js': 1.10.1 + + '@ibm/plex-sans-thai-looped@1.1.0': + dependencies: + '@ibm/telemetry-js': 1.10.1 + + '@ibm/plex-sans-thai@1.1.0': + dependencies: + '@ibm/telemetry-js': 1.10.1 + + '@ibm/plex-sans@1.1.0': + dependencies: + '@ibm/telemetry-js': 1.10.1 + + '@ibm/plex-serif@1.1.0': + dependencies: + '@ibm/telemetry-js': 1.10.1 + + '@ibm/plex@6.0.0-next.6': {} + + '@ibm/plex@6.4.1': + dependencies: + '@ibm/telemetry-js': 1.10.1 + '@ibm/telemetry-js@1.10.1': {} '@inquirer/figures@1.0.9': {} @@ -14617,6 +14781,16 @@ snapshots: tslib: 2.8.1 upath: 2.0.1 + '@lit-labs/ssr-dom-shim@1.4.0': {} + + '@lit/context@1.1.6': + dependencies: + '@lit/reactive-element': 2.1.1 + + '@lit/reactive-element@2.1.1': + dependencies: + '@lit-labs/ssr-dom-shim': 1.4.0 + '@manypkg/find-root@1.1.0': dependencies: '@babel/runtime': 7.28.2 @@ -15450,6 +15624,8 @@ snapshots: '@types/tinycolor2@1.4.6': {} + '@types/trusted-types@2.0.7': {} + '@types/unist@2.0.11': {} '@types/unist@3.0.3': {} @@ -20931,6 +21107,8 @@ snapshots: flatted: 3.3.3 hookified: 1.11.0 + flatpickr@4.6.13: {} + flatted@2.0.2: {} flatted@3.3.3: {} @@ -22686,6 +22864,22 @@ snapshots: dependencies: uc.micro: 2.1.0 + lit-element@4.2.1: + dependencies: + '@lit-labs/ssr-dom-shim': 1.4.0 + '@lit/reactive-element': 2.1.1 + lit-html: 3.3.1 + + lit-html@3.3.1: + dependencies: + '@types/trusted-types': 2.0.7 + + lit@3.3.1: + dependencies: + '@lit/reactive-element': 2.1.1 + lit-element: 4.2.1 + lit-html: 3.3.1 + livereload-js@3.4.1: {} load-json-file@4.0.0: @@ -24712,10 +24906,6 @@ snapshots: globby: 10.0.1 is-plain-object: 3.0.1 - rollup-plugin-scss@4.0.1: - dependencies: - rollup-pluginutils: 2.8.2 - rollup-pluginutils@2.8.2: dependencies: estree-walker: 0.6.1 diff --git a/showcase/.prettierignore b/showcase/.prettierignore index 6b95cb7bf32..63e7e2dc3d7 100644 --- a/showcase/.prettierignore +++ b/showcase/.prettierignore @@ -12,3 +12,6 @@ ember-cli-update.json *.html *.scss + +# temporary CSS files for theming +/public/assets/styles/@hashicorp/ diff --git a/showcase/.stylelintignore b/showcase/.stylelintignore index fc178a0b910..6c722d9246d 100644 --- a/showcase/.stylelintignore +++ b/showcase/.stylelintignore @@ -3,3 +3,6 @@ # compiled output /dist/ + +# temporary CSS files for theming +/public/assets/styles/@hashicorp/ diff --git a/showcase/app/components/mock/app/index.gts b/showcase/app/components/mock/app/index.gts index e8ffe853e0b..5e8f983f4d5 100644 --- a/showcase/app/components/mock/app/index.gts +++ b/showcase/app/components/mock/app/index.gts @@ -11,10 +11,15 @@ import MockAppSidebarOldSideNav from './sidebar/side-nav'; import MockAppMainPageHeader from './main/page-header'; import MockAppMainGenericTextContent from './main/generic-text-content'; import MockAppMainGenericAdvancedTable from './main/generic-advanced-table'; +import MockAppMainFormComplex from './main/form-complex'; +import MockAppMainTableComplex from './main/table-complex'; import MockAppFooterAppFooter from './footer/app-footer'; // HDS components -import { HdsAppFrame } from '@hashicorp/design-system-components/components'; +import { + HdsAlert, + HdsAppFrame, +} from '@hashicorp/design-system-components/components'; // types import type { ComponentLike } from '@glint/template'; @@ -25,10 +30,14 @@ import type { MockAppSidebarOldSideNavSignature } from './sidebar/side-nav'; import type { MockAppMainPageHeaderSignature } from './main/page-header'; import type { MockAppMainGenericTextContentSignature } from './main/generic-text-content'; import type { MockAppMainGenericAdvancedTableSignature } from './main/generic-advanced-table'; +import type { MockAppMainFormComplexSignature } from './main/form-complex'; +import type { MockAppMainTableComplexSignature } from './main/table-complex'; +import type { MockAppMainPaginationSignature } from './main/pagination'; import type { MockAppFooterAppFooterSignature } from './footer/app-footer'; export interface MockAppSignature { Args: { + hasPageAlert?: boolean; hasHeader?: HdsAppFrameSignature['Args']['hasHeader']; hasSidebar?: HdsAppFrameSignature['Args']['hasSidebar']; hasOldSidebar?: boolean; @@ -42,9 +51,8 @@ export interface MockAppSignature { ]; sidebar?: [ { - SideNav?: - | ComponentLike - | ComponentLike; + AppSideNav?: ComponentLike; + SideNav?: ComponentLike; }, ]; main?: [ @@ -52,6 +60,9 @@ export interface MockAppSignature { PageHeader?: ComponentLike; GenericTextContent?: ComponentLike; GenericAdvancedTable?: ComponentLike; + FormComplex?: ComponentLike; + TableComplex?: ComponentLike; + Pagination?: ComponentLike; }, ]; footer?: [ @@ -82,7 +93,13 @@ export default class MockApp extends Component { {{#if (has-block "sidebar")}} - {{yield (hash SideNav=MockAppSidebarAppSideNav) to="sidebar"}} + {{yield + (hash + AppSideNav=MockAppSidebarAppSideNav + SideNav=MockAppSidebarOldSideNav + ) + to="sidebar" + }} {{else}} {{#if @hasOldSidebar}} @@ -92,12 +109,20 @@ export default class MockApp extends Component { {{/if}} + {{#if @hasPageAlert}} + + Lorem ipsum + Lorem ipsum dolor sit amet. + + {{/if}}
{{yield (hash PageHeader=MockAppMainPageHeader GenericTextContent=MockAppMainGenericTextContent GenericAdvancedTable=MockAppMainGenericAdvancedTable + FormComplex=MockAppMainFormComplex + TableComplex=MockAppMainTableComplex ) to="main" }} diff --git a/showcase/app/components/mock/app/main/form-complex.gts b/showcase/app/components/mock/app/main/form-complex.gts new file mode 100644 index 00000000000..4d966dc64c3 --- /dev/null +++ b/showcase/app/components/mock/app/main/form-complex.gts @@ -0,0 +1,354 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import Component from '@glimmer/component'; +import style from 'ember-style-modifier/modifiers/style'; + +// HDS components +import { + HdsButton, + HdsButtonSet, + HdsFormCheckboxGroup, + HdsFormFileInputField, + HdsFormMaskedInputField, + HdsFormRadioGroup, + HdsFormRadioCardGroup, + HdsFormSelectField, + HdsFormSuperSelectSingleField, + HdsFormSuperSelectMultipleField, + HdsFormTextInputField, + HdsFormTextareaField, + HdsFormToggleField, + HdsLinkInline, + HdsSeparator, + HdsTextBody, + HdsTextDisplay, +} from '@hashicorp/design-system-components/components'; + +const RADIOCARDS = [ + { + value: '1', + label: 'Radio card label 1', + badge: 'Badge', + checked: true, + description: 'Radio card description 1', + generic: 'Radio card custom content 1', + }, + { + value: '2', + label: 'Radio card label 2', + badge: 'Badge', + description: 'Radio card description 2', + generic: 'Radio card custom content 2', + }, + { + value: '3', + label: 'Radio card label 3', + badge: 'Badge', + description: 'Radio card description 3', + generic: 'Radio card custom content 3', + }, +]; + +const SUPERSELECT1_OPTIONS = [ + { + size: 'Extra Small', + description: '2 vCPU | 1 GiB RAM', + price: '$0.02', + }, + { + size: 'Small', + description: '2 vCPU | 2 GiB RAM', + price: '$0.04', + disabled: true, + }, + { + size: 'Medium', + description: '4 vCPU | 4 GiB RAM', + price: '$0.08', + disabled: true, + }, + { size: 'Large', description: '8 vCPU | 8 GiB RAM', price: '$0.16' }, + { + size: 'Extra Large', + description: '16 vCPU | 16 GiB RAM', + price: '$0.32', + }, +]; +const SELECTED_SUPERSELECT1_OPTION = SUPERSELECT1_OPTIONS[1]; + +const SUPERSELECT2_OPTIONS = ['Option 1', 'Option 2', 'Option 3']; +const SELECTED_SUPERSELECT2_OPTIONS = [ + SUPERSELECT2_OPTIONS[0], + SUPERSELECT2_OPTIONS[1], +]; + +const noop = () => {}; + +export interface MockAppMainFormComplexSignature { + Args: { + showAll?: boolean; + showErrors?: boolean; + showIntro?: boolean; + showCheckbox?: boolean; + showFileInput?: boolean; + showMaskedInput?: boolean; + showRadio?: boolean; + showRadioCard?: boolean; + showSelect?: boolean; + showSuperSelect?: boolean; + showTextarea?: boolean; + showTextInput?: boolean; + showToggle?: boolean; + showButtons?: boolean; + }; + Element: HTMLDivElement; +} + +export default class MockAppMainFormComplex extends Component { + _showIntro; + _showCheckbox; + _showFileInput; + _showMaskedInput; + _showRadio; + _showRadioCard; + _showSelect; + _showSuperSelect; + _showTextarea; + _showTextInput; + _showToggle; + _showButtons; + _showErrors; + + constructor(owner: unknown, args: MockAppMainFormComplexSignature['Args']) { + super(owner, args); + this._showIntro = this.args.showIntro ?? this.args.showAll ?? false; + this._showCheckbox = this.args.showCheckbox ?? this.args.showAll ?? false; + this._showFileInput = this.args.showFileInput ?? this.args.showAll ?? false; + this._showMaskedInput = + this.args.showMaskedInput ?? this.args.showAll ?? false; + this._showRadio = this.args.showRadio ?? this.args.showAll ?? false; + this._showRadioCard = this.args.showRadioCard ?? this.args.showAll ?? false; + this._showSelect = this.args.showSelect ?? this.args.showAll ?? false; + this._showSuperSelect = + this.args.showSuperSelect ?? this.args.showAll ?? false; + this._showTextarea = this.args.showTextarea ?? this.args.showAll ?? false; + this._showToggle = this.args.showToggle ?? this.args.showAll ?? false; + this._showErrors = this.args.showErrors ?? this.args.showAll ?? false; + // we want at least something to be visible by default + this._showTextInput = this.args.showTextInput ?? this.args.showAll ?? true; + this._showButtons = this.args.showButtons ?? this.args.showAll ?? true; + } + + +} diff --git a/showcase/app/components/mock/app/main/generic-text-content.gts b/showcase/app/components/mock/app/main/generic-text-content.gts index 94c54345959..0fd674d4f35 100644 --- a/showcase/app/components/mock/app/main/generic-text-content.gts +++ b/showcase/app/components/mock/app/main/generic-text-content.gts @@ -8,16 +8,23 @@ import type { TemplateOnlyComponent } from '@ember/component/template-only'; // HDS components import { HdsLinkInline, + HdsTextDisplay, HdsTextBody, } from '@hashicorp/design-system-components/components'; export interface MockAppMainGenericTextContentSignature { + Args: { + showHeadings?: boolean; + }; Element: HTMLDivElement; } const MockAppMainGenericTextContent: TemplateOnlyComponent = diff --git a/showcase/app/components/mock/app/sidebar/side-nav.gts b/showcase/app/components/mock/app/sidebar/side-nav.gts index c5f61f41237..c2329a4d04e 100644 --- a/showcase/app/components/mock/app/sidebar/side-nav.gts +++ b/showcase/app/components/mock/app/sidebar/side-nav.gts @@ -27,6 +27,10 @@ export interface MockAppSidebarOldSideNavSignature { showHeader?: boolean; showFooter?: boolean; }; + Blocks: { + extraBodyAfter: []; + extraFooterBefore: []; + }; Element: HdsSideNavSignature['Element']; } @@ -153,9 +157,11 @@ export default class MockAppSidebarOldSideNav extends Component + {{yield to="extraBodyAfter"}} <:footer> {{#if this.showFooter}} + {{yield to="extraFooterBefore"}} + {{pageTitle "BadgeCount - Carbonization"}} + + BadgeCount - Carbonization + +
+ + Size + + + <:theming> + + {{#each SIZES as |size|}} + + + + + {{/each}} + + + <:reference> + + {{#let (array "sm" "md" "lg") as |SIZES|}} + {{#each SIZES as |size|}} + + 3 + 99+ + + {{/each}} + {{/let}} + + + + + + + Type + + + <:theming> + + {{#each TYPES as |type|}} + + + + + {{/each}} + + + <:reference> + + {{#let (array "gray" "high-contrast" "outline") as |TYPES|}} + {{#each TYPES as |type|}} + + 3 + 99+ + + {{/each}} + {{/let}} + + + + + + + Color + + + <:theming> + + {{#each TYPES as |type|}} + + + + + {{/each}} + + + <:reference> + + + 3 + 99+ + + + 3 + 99+ + + + + + + + <:theming> + + {{#each TYPES as |type|}} + + + + + {{/each}} + + + <:reference> + 3 + 99+ + + + +
+; + +export default BadgeCountCarbonizationIndex; diff --git a/showcase/app/components/page-carbonization/components/badge/index.gts b/showcase/app/components/page-carbonization/components/badge/index.gts new file mode 100644 index 00000000000..3f3c55cbd65 --- /dev/null +++ b/showcase/app/components/page-carbonization/components/badge/index.gts @@ -0,0 +1,349 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { pageTitle } from 'ember-page-title'; +import { array } from '@ember/helper'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; +import ShwTextH2 from 'showcase/components/shw/text/h2'; +import ShwFlex from 'showcase/components/shw/flex'; +import ShwDivider from 'showcase/components/shw/divider'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; + +import { + HdsBadge, + HdsIcon, +} from '@hashicorp/design-system-components/components'; +import { + SIZES, + TYPES, +} from '@hashicorp/design-system-components/components/hds/badge/index'; + +const BadgeCarbonizationIndex: TemplateOnlyComponent = ; + +export default BadgeCarbonizationIndex; diff --git a/showcase/app/components/page-carbonization/components/button/index.gts b/showcase/app/components/page-carbonization/components/button/index.gts new file mode 100644 index 00000000000..528f4cc5c11 --- /dev/null +++ b/showcase/app/components/page-carbonization/components/button/index.gts @@ -0,0 +1,258 @@ +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { helper } from '@ember/component/helper'; +import { pageTitle } from 'ember-page-title'; +import { capitalize } from '@ember/string'; +import { array } from '@ember/helper'; +import style from 'ember-style-modifier'; +import { eq } from 'ember-truth-helpers'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; +import ShwTextH2 from 'showcase/components/shw/text/h2'; +import ShwTextH3 from 'showcase/components/shw/text/h3'; +import ShwTextBody from 'showcase/components/shw/text/body'; +import ShwFlex from 'showcase/components/shw/flex'; +import ShwDivider from 'showcase/components/shw/divider'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; + +import { + HdsButton, + HdsIcon, +} from '@hashicorp/design-system-components/components'; +import { + COLORS, + SIZES, +} from '@hashicorp/design-system-components/components/hds/button/index'; + +// these are used only for presentation purpose in the showcase +const STATES = ['default', 'hover', 'active', 'focus', 'disabled']; + +const MAPPING_HDS_COLOR_TO_CDS_KIND = { + primary: 'primary', + secondary: 'secondary', + tertiary: 'tertiary', + critical: 'danger', +} as const; + +// tried to use `HdsButtonColors` from the HdsButton types but doesn't make TS happy +type HdsButtonColors = [keyof typeof MAPPING_HDS_COLOR_TO_CDS_KIND]; + +const mapHdsColorToCdsKind = helper(function ([color]: HdsButtonColors) { + return MAPPING_HDS_COLOR_TO_CDS_KIND[color]; +}); + +const ButtonCarbonizationIndex: TemplateOnlyComponent = ; + +export default ButtonCarbonizationIndex; diff --git a/showcase/app/components/page-carbonization/components/form/radio-card/index.gts b/showcase/app/components/page-carbonization/components/form/radio-card/index.gts new file mode 100644 index 00000000000..6a6856b319d --- /dev/null +++ b/showcase/app/components/page-carbonization/components/form/radio-card/index.gts @@ -0,0 +1,440 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import Component from '@glimmer/component'; +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { pageTitle } from 'ember-page-title'; +import { capitalize } from '@ember/string'; +import { eq } from 'ember-truth-helpers'; +import { on } from '@ember/modifier'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; +import ShwTextH2 from 'showcase/components/shw/text/h2'; +import ShwTextH3 from 'showcase/components/shw/text/h3'; +import ShwTextBody from 'showcase/components/shw/text/body'; +import ShwDivider from 'showcase/components/shw/divider'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; + +import { + HdsBadge, + HdsFormRadioCard, + HdsFormRadioCardGroup, + HdsIcon, + HdsTextBody, + HdsTextDisplay, +} from '@hashicorp/design-system-components/components'; + +import { + CONTROL_POSITIONS, + ALIGNMENTS, +} from '@hashicorp/design-system-components/components/hds/form/radio-card/index'; + +import { LAYOUT_TYPES } from '@hashicorp/design-system-components/components/hds/form/fieldset/index'; + +const STATES = ['default', 'hover', 'focus', 'disabled']; + +export interface CdsRadioTileContentSignature { + Args: { + alignment?: string; + showIcon?: boolean; + showBadge?: boolean; + label?: string; + description?: string; + badgeText?: string; + }; +} + +const CdsRadioTileContent: TemplateOnlyComponent = + ; + +export default class FormRadioCardCarbonizationIndex extends Component { + onChange = (event: Event) => { + const control = event.target as HTMLInputElement; + const group = control.closest('.hds-form-group__control-fields-wrapper'); + group?.querySelectorAll('.hds-form-radio-card').forEach((radioCard) => { + radioCard.classList.remove('hds-form-radio-card--checked'); + }); + control + ?.closest('.hds-form-radio-card') + ?.classList.add('hds-form-radio-card--checked'); + }; + + +} diff --git a/showcase/app/components/page-carbonization/components/form/text-input/index.gts b/showcase/app/components/page-carbonization/components/form/text-input/index.gts new file mode 100644 index 00000000000..5440eaadbbe --- /dev/null +++ b/showcase/app/components/page-carbonization/components/form/text-input/index.gts @@ -0,0 +1,573 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ + +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { pageTitle } from 'ember-page-title'; +import { array } from '@ember/helper'; +import { capitalize } from '@ember/string'; +import { eq, notEq, and } from 'ember-truth-helpers'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; +import ShwTextH2 from 'showcase/components/shw/text/h2'; +import ShwTextH3 from 'showcase/components/shw/text/h3'; +import ShwFlex from 'showcase/components/shw/flex'; +import ShwDivider from 'showcase/components/shw/divider'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; + +import CodeFragmentWithCharacterCount from 'showcase/components/page-components/form/text-input/code-fragments/with-character-count'; + +import { + HdsFormTextInputBase, + HdsFormTextInputField, + HdsLinkInline, +} from '@hashicorp/design-system-components/components'; +import { TYPES } from '@hashicorp/design-system-components/components/hds/form/text-input/base'; + +const STATES = ['default', 'hover', 'focus']; + +const FormTextInputCarbonizationIndex: TemplateOnlyComponent = ; + +export default FormTextInputCarbonizationIndex; diff --git a/showcase/app/components/page-carbonization/components/modal/index.gts b/showcase/app/components/page-carbonization/components/modal/index.gts new file mode 100644 index 00000000000..922a48d7e8b --- /dev/null +++ b/showcase/app/components/page-carbonization/components/modal/index.gts @@ -0,0 +1,430 @@ +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { pageTitle } from 'ember-page-title'; +import { capitalize } from '@ember/string'; +import { get } from '@ember/object'; +import { eq } from 'ember-truth-helpers'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; +import ShwTextH2 from 'showcase/components/shw/text/h2'; +import ShwTextH3 from 'showcase/components/shw/text/h3'; +import ShwDivider from 'showcase/components/shw/divider'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; + +import { + HdsModal, + HdsButton, + HdsButtonSet, +} from '@hashicorp/design-system-components/components'; + +import { COLORS } from '@hashicorp/design-system-components/components/hds/modal/index'; +import { NAMES as ICON_NAMES } from '@hashicorp/design-system-components/components/hds/icon/index'; + +// Static color to icon mapping +const colorToIconMap: Record< + (typeof COLORS)[number], + (typeof ICON_NAMES)[number] | undefined +> = { + neutral: undefined, + warning: 'alert-triangle', + critical: 'alert-diamond', +}; + +const ModalCarbonizationIndex: TemplateOnlyComponent = ; + +export default ModalCarbonizationIndex; diff --git a/showcase/app/components/page-carbonization/components/segmented-group/index.gts b/showcase/app/components/page-carbonization/components/segmented-group/index.gts new file mode 100644 index 00000000000..ebbdb494cc0 --- /dev/null +++ b/showcase/app/components/page-carbonization/components/segmented-group/index.gts @@ -0,0 +1,485 @@ +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { pageTitle } from 'ember-page-title'; +import { capitalize } from '@ember/string'; +import { concat } from '@ember/helper'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; +import ShwTextH2 from 'showcase/components/shw/text/h2'; +import ShwTextH3 from 'showcase/components/shw/text/h3'; +import ShwDivider from 'showcase/components/shw/divider'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; + +import { + HdsSegmentedGroup, + HdsFormField, +} from '@hashicorp/design-system-components/components'; +import type { HdsFormTextInputTypes } from '@hashicorp/design-system-components/components/hds/form/text-input/types'; + +const TEXT_INPUT_TYPES: HdsFormTextInputTypes[] = [ + 'text', + 'search', + 'date', + 'time', + 'password', +]; + +const SegmentedGroupCarbonizationIndex: TemplateOnlyComponent = ; + +export default SegmentedGroupCarbonizationIndex; diff --git a/showcase/app/components/page-carbonization/foundations/color/index.gts b/showcase/app/components/page-carbonization/foundations/color/index.gts new file mode 100644 index 00000000000..6fef4e151b8 --- /dev/null +++ b/showcase/app/components/page-carbonization/foundations/color/index.gts @@ -0,0 +1,38 @@ +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { pageTitle } from 'ember-page-title'; +import { helper } from '@ember/component/helper'; +import { eq, notEq, and } from 'ember-truth-helpers'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; +import ShwCarbonizationTokenPreviewColor from 'showcase/components/shw/carbonization/token-preview/color'; + +import type { DesignToken } from '../../../../../types/design-token'; + +import TOKENS_RAW from '@hashicorp/design-system-tokens/dist/docs/products/tokens.json'; + +const tokenShortName = helper(function ([token]: [DesignToken]) { + return token.name?.replace(/^token-/, ''); +}); + +const ColorCarbonizationIndex: TemplateOnlyComponent = ; +export default ColorCarbonizationIndex; diff --git a/showcase/app/components/page-carbonization/foundations/focus-ring/index.gts b/showcase/app/components/page-carbonization/foundations/focus-ring/index.gts new file mode 100644 index 00000000000..32ceb2054d1 --- /dev/null +++ b/showcase/app/components/page-carbonization/foundations/focus-ring/index.gts @@ -0,0 +1,1343 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { pageTitle } from 'ember-page-title'; +import style from 'ember-style-modifier'; +import { capitalize } from '@ember/string'; +import { eq } from 'ember-truth-helpers'; +import { array, concat, hash } from '@ember/helper'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; +import ShwTextH2 from 'showcase/components/shw/text/h2'; +import ShwTextH4 from 'showcase/components/shw/text/h4'; +import ShwDivider from 'showcase/components/shw/divider'; +import ShwFlex from 'showcase/components/shw/flex'; +import ShwGrid from 'showcase/components/shw/grid'; +import ShwPlaceholder from 'showcase/components/shw/placeholder'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; +import FormSuperSelectCodeFragmentWithSingleBaseElement from 'showcase/components/page-components/form/super-select/code-fragments/with-single-base-element'; +import FormSuperSelectCodeFragmentWithMultipleBaseElement from 'showcase/components/page-components/form/super-select/code-fragments/with-multiple-base-element'; +import NOOP from 'showcase/utils/noop'; + +import { + HdsAccordionItem, + HdsAppFooter, + HdsAppHeader, + HdsAppHeaderHomeLink, + HdsAppSideNavListBackLink, + HdsAppSideNavListLink, + HdsAppSideNavToggleButton, + HdsBadge, + HdsBreadcrumb, + HdsBreadcrumbItem, + HdsBreadcrumbTruncation, + HdsButton, + HdsCodeEditor, + HdsCopyButton, + HdsCopySnippet, + HdsDismissButton, + HdsDropdown, + HdsDropdownToggleButton, + HdsDropdownToggleIcon, + HdsDropdownListItemInteractive, + HdsDropdownListItemCheckmark, + HdsDropdownListItemCheckbox, + HdsDropdownListItemRadio, + HdsFormCheckboxBase, + HdsFormFileInputBase, + HdsFormMaskedInputBase, + HdsFormRadioBase, + HdsFormRadioCard, + HdsFormSelectBase, + HdsFormTextareaBase, + HdsFormTextInputBase, + HdsFormToggleBase, + HdsIcon, + HdsLinkInline, + HdsLinkStandalone, + HdsPaginationNavArrow, + HdsPaginationNavNumber, + HdsRevealToggleButton, + HdsRichTooltip, + HdsStepperNav, + HdsTabsTab, + HdsTable, + HdsTableTh, + HdsTableThSelectable, + HdsTableThSort, + HdsAdvancedTableTh, + HdsAdvancedTableThSelectable, + HdsAdvancedTableThSort, + HdsAdvancedTableTd, + HdsTableTr, + HdsTag, + HdsTextBody, + HdsTooltipButton, +} from '@hashicorp/design-system-components/components'; +import HdsAdvancedTableThResizeHandle from '@hashicorp/design-system-components/components/hds/advanced-table/th-resize-handle'; +import HdsAdvancedTableThReorderHandle from '@hashicorp/design-system-components/components/hds/advanced-table/th-reorder-handle'; + +import { + COLORS as BUTTON_COLORS, + SIZES as BUTTON_SIZES, +} from '@hashicorp/design-system-components/components/hds/button/index'; +import { COLORS as DROPDOWN_TOGGLE_COLORS } from '@hashicorp/design-system-components/components/hds/dropdown/toggle/button'; +import { COLORS as DROPDOWN_ITEM_INTERACTIVE_COLORS } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/interactive'; +import { SIZES as TABS_SIZES } from '@hashicorp/design-system-components/components/hds/tabs/index'; +import { COLORS as TAG_COLORS } from '@hashicorp/design-system-components/components/hds/tag/index'; + +const CODE_EDITOR_SNIPPET = `package main +import "fmt" +func main() { + fmt.Println("Hello, world!") +}`; + +const FocusRingCarbonizationIndex: TemplateOnlyComponent = ; + +export default FocusRingCarbonizationIndex; diff --git a/showcase/app/components/page-carbonization/foundations/typography/index.gts b/showcase/app/components/page-carbonization/foundations/typography/index.gts new file mode 100644 index 00000000000..65a31d985c0 --- /dev/null +++ b/showcase/app/components/page-carbonization/foundations/typography/index.gts @@ -0,0 +1,103 @@ +/** + * Copyright (c) HashiCorp, Inc. + * SPDX-License-Identifier: MPL-2.0 + */ +import type { TemplateOnlyComponent } from '@ember/component/template-only'; +import { pageTitle } from 'ember-page-title'; +import { get } from '@ember/helper'; + +import ShwTextH1 from 'showcase/components/shw/text/h1'; + +import ShwFlex from 'showcase/components/shw/flex'; +import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonization/comparison-grid'; +import ShwCarbonizationStylePreviewTypography from 'showcase/components/shw/carbonization/style-preview/typography'; + +import { STYLES_COMBINATIONS } from 'showcase/components/page-foundations/typography/sub-sections/styles'; + +type StyleMapping = { + mapsTo: string; + weights: Record; +}; + +const HDS_CARBON_STYLES_MAPPING: Record = { + 'display-500': { mapsTo: 'heading-05', weights: { bold: 'semibold' } }, + 'display-400': { + mapsTo: 'heading-04', + weights: { medium: 'regular', semibold: 'semibold', bold: 'semibold' }, + }, + 'display-300': { + mapsTo: 'heading-03', + weights: { medium: 'regular', semibold: 'semibold', bold: 'semibold' }, + }, + 'display-200': { mapsTo: 'heading-02', weights: { semibold: 'semibold' } }, + 'display-100': { mapsTo: 'heading-01', weights: { medium: 'regular' } }, + 'body-300': { + mapsTo: 'body-02', + weights: { regular: 'regular', medium: 'regular', semibold: 'semibold' }, + }, + 'body-200': { + mapsTo: 'body-01', + weights: { regular: 'regular', medium: 'regular', semibold: 'semibold' }, + }, + 'body-100': { + mapsTo: 'body-compact-01', + weights: { regular: 'regular', medium: 'regular', semibold: 'semibold' }, + }, + 'code-300': { + mapsTo: 'code-02', + weights: { regular: 'regular', bold: 'semibold' }, + }, + 'code-200': { + mapsTo: 'code-02', + weights: { regular: 'regular', bold: 'semibold' }, + }, + 'code-100': { + mapsTo: 'code-01', + weights: { regular: 'regular', bold: 'semibold' }, + }, +}; + +const TypographyCarbonizationIndex: TemplateOnlyComponent = ; + +export default TypographyCarbonizationIndex; diff --git a/showcase/app/components/page-components/advanced-table/sub-sections/basic.gts b/showcase/app/components/page-components/advanced-table/sub-sections/basic.gts index 5033aa09ace..2c0a3ff45c2 100644 --- a/showcase/app/components/page-components/advanced-table/sub-sections/basic.gts +++ b/showcase/app/components/page-components/advanced-table/sub-sections/basic.gts @@ -8,6 +8,7 @@ import ShwDivider from 'showcase/components/shw/divider'; import ShwTextBody from 'showcase/components/shw/text/body'; import ShwTextH2 from 'showcase/components/shw/text/h2'; import ShwTextH3 from 'showcase/components/shw/text/h3'; +import ShwBodyLinkToRoute from 'showcase/components/shw/body-link-to-route'; import MUSIC from 'showcase/mocks/folk-music-data'; import { @@ -45,17 +46,14 @@ const BASIC_MUSIC_COLUMNS = [ ]; const SubSectionBasic: TemplateOnlyComponent =