@atlaskit/tokens 1.22.1 → 1.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/custom-themes/package.json +17 -0
- package/dist/cjs/artifacts/generated-pairs.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +2 -1
- package/dist/cjs/artifacts/token-names.js +2 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +23 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +23 -1
- package/dist/cjs/constants.js +3 -1
- package/dist/cjs/custom-theme.js +45 -79
- package/dist/cjs/enable-global-theme.js +70 -0
- package/dist/cjs/entry-points/custom-themes.js +13 -0
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/index.js +7 -0
- package/dist/cjs/load-custom-theme-styles.js +45 -0
- package/dist/cjs/set-global-theme.js +50 -94
- package/dist/cjs/theme-config.js +5 -0
- package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
- package/dist/cjs/tokens/atlassian-legacy-dark/color/text.js +3 -0
- package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +3 -0
- package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
- package/dist/cjs/tokens/default/color/text.js +8 -0
- package/dist/cjs/utils/color-mode-listeners.js +66 -0
- package/dist/cjs/utils/configure-page.js +34 -0
- package/dist/es2019/artifacts/generated-pairs.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-dark.js +2 -1
- package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +2 -1
- package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +2 -1
- package/dist/es2019/artifacts/themes/atlassian-light.js +2 -1
- package/dist/es2019/artifacts/token-default-values.js +2 -1
- package/dist/es2019/artifacts/token-names.js +2 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +23 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +23 -1
- package/dist/es2019/constants.js +1 -0
- package/dist/es2019/custom-theme.js +4 -4
- package/dist/es2019/enable-global-theme.js +53 -0
- package/dist/es2019/entry-points/custom-themes.js +1 -0
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/index.js +1 -0
- package/dist/es2019/load-custom-theme-styles.js +37 -0
- package/dist/es2019/set-global-theme.js +34 -65
- package/dist/es2019/theme-config.js +6 -0
- package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
- package/dist/es2019/tokens/atlassian-legacy-dark/color/text.js +3 -0
- package/dist/es2019/tokens/atlassian-legacy-light/color/text.js +3 -0
- package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
- package/dist/es2019/tokens/default/color/text.js +8 -0
- package/dist/es2019/utils/color-mode-listeners.js +48 -0
- package/dist/es2019/utils/configure-page.js +22 -0
- package/dist/esm/artifacts/generated-pairs.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +2 -1
- package/dist/esm/artifacts/token-names.js +2 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +23 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +23 -1
- package/dist/esm/constants.js +1 -0
- package/dist/esm/custom-theme.js +45 -78
- package/dist/esm/enable-global-theme.js +63 -0
- package/dist/esm/entry-points/custom-themes.js +1 -0
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/load-custom-theme-styles.js +39 -0
- package/dist/esm/set-global-theme.js +49 -93
- package/dist/esm/theme-config.js +6 -0
- package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
- package/dist/esm/tokens/atlassian-legacy-dark/color/text.js +3 -0
- package/dist/esm/tokens/atlassian-legacy-light/color/text.js +3 -0
- package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
- package/dist/esm/tokens/default/color/text.js +8 -0
- package/dist/esm/utils/color-mode-listeners.js +58 -0
- package/dist/esm/utils/configure-page.js +28 -0
- package/dist/types/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +2 -1
- package/dist/types/artifacts/token-names.d.ts +3 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/constants.d.ts +1 -0
- package/dist/types/custom-theme.d.ts +3 -3
- package/dist/types/enable-global-theme.d.ts +25 -0
- package/dist/types/entry-points/custom-themes.d.ts +1 -0
- package/dist/types/get-global-theme.d.ts +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/load-custom-theme-styles.d.ts +17 -0
- package/dist/types/set-global-theme.d.ts +1 -4
- package/dist/types/theme-config.d.ts +7 -0
- package/dist/types/theme-mutation-observer.d.ts +1 -1
- package/dist/types/types.d.ts +1 -0
- package/dist/types/use-theme-observer.d.ts +1 -1
- package/dist/types/utils/color-mode-listeners.d.ts +13 -0
- package/dist/types/utils/configure-page.d.ts +6 -0
- package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/constants.d.ts +1 -0
- package/dist/types-ts4.5/custom-theme.d.ts +3 -3
- package/dist/types-ts4.5/enable-global-theme.d.ts +25 -0
- package/dist/types-ts4.5/entry-points/custom-themes.d.ts +1 -0
- package/dist/types-ts4.5/get-global-theme.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -0
- package/dist/types-ts4.5/load-custom-theme-styles.d.ts +17 -0
- package/dist/types-ts4.5/set-global-theme.d.ts +1 -4
- package/dist/types-ts4.5/theme-config.d.ts +7 -0
- package/dist/types-ts4.5/theme-mutation-observer.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +1 -0
- package/dist/types-ts4.5/use-theme-observer.d.ts +1 -1
- package/dist/types-ts4.5/utils/color-mode-listeners.d.ts +13 -0
- package/dist/types-ts4.5/utils/configure-page.d.ts +6 -0
- package/figma/atlassian-dark.json +9 -0
- package/figma/atlassian-legacy-dark.json +9 -0
- package/figma/atlassian-legacy-light.json +9 -0
- package/figma/atlassian-light.json +9 -0
- package/package.json +3 -2
- package/report.api.md +20 -2
- package/tmp/api-report-tmp.d.ts +9 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::8c2806dec8e3f2fc93f7bc93229db8b9>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2A19;\n --ds-text-accent-red-bolder: #601E16;\n --ds-text-accent-orange: #974F0C;\n --ds-text-accent-orange-bolder: #5F3811;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206B74;\n --ds-text-accent-teal-bolder: #1D474C;\n --ds-text-accent-blue: #0055CC;\n --ds-text-accent-blue-bolder: #09326C;\n --ds-text-accent-purple: #5E4DB2;\n --ds-text-accent-purple-bolder: #352C63;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #44546F;\n --ds-text-accent-gray-bolder: #091E42;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0C66E4;\n --ds-text-brand: #0C66E4;\n --ds-text-danger: #AE2A19;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #216E4E;\n --ds-text-discovery: #5E4DB2;\n --ds-text-information: #0055CC;\n --ds-text-subtlest: #626F86;\n --ds-text-subtle: #44546F;\n --ds-link: #0C66E4;\n --ds-link-pressed: #0055CC;\n --ds-icon: #44546F;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #E34935;\n --ds-icon-accent-orange: #D97008;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #1D9AAA;\n --ds-icon-accent-blue: #1D7AFC;\n --ds-icon-accent-purple: #8270DB;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #758195;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0C66E4;\n --ds-icon-brand: #0C66E4;\n --ds-icon-danger: #E34935;\n --ds-icon-warning: #D97008;\n --ds-icon-warning-inverse: #172B4D;\n --ds-icon-success: #22A06B;\n --ds-icon-discovery: #8270DB;\n --ds-icon-information: #1D7AFC;\n --ds-icon-subtle: #626F86;\n --ds-border: #091E4224;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E34935;\n --ds-border-accent-orange: #D97008;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #1D9AAA;\n --ds-border-accent-blue: #1D7AFC;\n --ds-border-accent-purple: #8270DB;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #758195;\n --ds-border-disabled: #091E420F;\n --ds-border-focused: #388BFF;\n --ds-border-input: #091E4224;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E34935;\n --ds-border-warning: #D97008;\n --ds-border-success: #22A06B;\n --ds-border-discovery: #8270DB;\n --ds-border-information: #1D7AFC;\n --ds-border-bold: #758195;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #B3DF72;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #B3DF72;\n --ds-background-accent-lime-subtler-pressed: #94C748;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #D3F1A7;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #37471F;\n --ds-background-accent-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtlest-hovered: #FFD2CC;\n --ds-background-accent-red-subtlest-pressed: #FF9C8F;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtler-hovered: #FF9C8F;\n --ds-background-accent-red-subtler-pressed: #F87462;\n --ds-background-accent-red-subtle: #F87462;\n --ds-background-accent-red-subtle-hovered: #FF9C8F;\n --ds-background-accent-red-subtle-pressed: #FFD2CC;\n --ds-background-accent-red-bolder: #CA3521;\n --ds-background-accent-red-bolder-hovered: #AE2A19;\n --ds-background-accent-red-bolder-pressed: #601E16;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtlest-hovered: #FFE2BD;\n --ds-background-accent-orange-subtlest-pressed: #FEC57B;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtler-hovered: #FEC57B;\n --ds-background-accent-orange-subtler-pressed: #FAA53D;\n --ds-background-accent-orange-subtle: #FAA53D;\n --ds-background-accent-orange-subtle-hovered: #FEC57B;\n --ds-background-accent-orange-subtle-pressed: #FFE2BD;\n --ds-background-accent-orange-bolder: #B65C02;\n --ds-background-accent-orange-bolder-hovered: #974F0C;\n --ds-background-accent-orange-bolder-pressed: #5F3811;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtlest-hovered: #F8E6A0;\n --ds-background-accent-yellow-subtlest-pressed: #F5CD47;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtler-hovered: #F5CD47;\n --ds-background-accent-yellow-subtler-pressed: #E2B203;\n --ds-background-accent-yellow-subtle: #E2B203;\n --ds-background-accent-yellow-subtle-hovered: #F5CD47;\n --ds-background-accent-yellow-subtle-pressed: #F8E6A0;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #533F04;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #7EE2B8;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #7EE2B8;\n --ds-background-accent-green-subtler-pressed: #4BCE97;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #BAF3DB;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #164B35;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtlest-hovered: #C1F0F5;\n --ds-background-accent-teal-subtlest-pressed: #8BDBE5;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtler-hovered: #8BDBE5;\n --ds-background-accent-teal-subtler-pressed: #60C6D2;\n --ds-background-accent-teal-subtle: #60C6D2;\n --ds-background-accent-teal-subtle-hovered: #8BDBE5;\n --ds-background-accent-teal-subtle-pressed: #C1F0F5;\n --ds-background-accent-teal-bolder: #1D7F8C;\n --ds-background-accent-teal-bolder-hovered: #206B74;\n --ds-background-accent-teal-bolder-pressed: #1D474C;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtlest-hovered: #CCE0FF;\n --ds-background-accent-blue-subtlest-pressed: #85B8FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtler-hovered: #85B8FF;\n --ds-background-accent-blue-subtler-pressed: #579DFF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-subtle-hovered: #85B8FF;\n --ds-background-accent-blue-subtle-pressed: #CCE0FF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-blue-bolder-hovered: #0055CC;\n --ds-background-accent-blue-bolder-pressed: #09326C;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtlest-hovered: #DFD8FD;\n --ds-background-accent-purple-subtlest-pressed: #B8ACF6;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtler-hovered: #B8ACF6;\n --ds-background-accent-purple-subtler-pressed: #9F8FEF;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-subtle-hovered: #B8ACF6;\n --ds-background-accent-purple-subtle-pressed: #DFD8FD;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-purple-bolder-hovered: #5E4DB2;\n --ds-background-accent-purple-bolder-pressed: #352C63;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #F797D2;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #F797D2;\n --ds-background-accent-magenta-subtler-pressed: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FDD0EC;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #50253F;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtlest-hovered: #DCDFE4;\n --ds-background-accent-gray-subtlest-pressed: #B3B9C4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtler-hovered: #B3B9C4;\n --ds-background-accent-gray-subtler-pressed: #8590A2;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-subtle-hovered: #B3B9C4;\n --ds-background-accent-gray-subtle-pressed: #DCDFE4;\n --ds-background-accent-gray-bolder: #626F86;\n --ds-background-accent-gray-bolder-hovered: #44546F;\n --ds-background-accent-gray-bolder-pressed: #2C3E5D;\n --ds-background-disabled: #091E4208;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F7F8F9;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #091E420F;\n --ds-background-neutral-hovered: #091E4224;\n --ds-background-neutral-pressed: #091E424F;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #091E420F;\n --ds-background-neutral-subtle-pressed: #091E4224;\n --ds-background-neutral-bold: #44546F;\n --ds-background-neutral-bold-hovered: #2C3E5D;\n --ds-background-neutral-bold-pressed: #172B4D;\n --ds-background-selected: #E9F2FF;\n --ds-background-selected-hovered: #CCE0FF;\n --ds-background-selected-pressed: #85B8FF;\n --ds-background-selected-bold: #0C66E4;\n --ds-background-selected-bold-hovered: #0055CC;\n --ds-background-selected-bold-pressed: #09326C;\n --ds-background-brand-subtlest: #E9F2FF;\n --ds-background-brand-subtlest-hovered: #CCE0FF;\n --ds-background-brand-subtlest-pressed: #85B8FF;\n --ds-background-brand-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\n --ds-background-brand-boldest: #092957;\n --ds-background-brand-boldest-hovered: #09326C;\n --ds-background-brand-boldest-pressed: #0055CC;\n --ds-background-danger: #FFEDEB;\n --ds-background-danger-hovered: #FFD2CC;\n --ds-background-danger-pressed: #FF9C8F;\n --ds-background-danger-bold: #CA3521;\n --ds-background-danger-bold-hovered: #AE2A19;\n --ds-background-danger-bold-pressed: #601E16;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #CF9F02;\n --ds-background-warning-bold-pressed: #B38600;\n --ds-background-success: #DFFCF0;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #1F845A;\n --ds-background-success-bold-hovered: #216E4E;\n --ds-background-success-bold-pressed: #164B35;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #6E5DC6;\n --ds-background-discovery-bold-hovered: #5E4DB2;\n --ds-background-discovery-bold-pressed: #352C63;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #0C66E4;\n --ds-background-information-bold-hovered: #0055CC;\n --ds-background-information-bold-pressed: #09326C;\n --ds-blanket: #091E427D;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #091E420F;\n --ds-skeleton-subtle: #091E4208;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #1D7F8C;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #09326C;\n --ds-chart-categorical-5-hovered: #092957;\n --ds-chart-categorical-6: #8F7EE7;\n --ds-chart-categorical-6-hovered: #8270DB;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #421F34;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8590A2;\n --ds-chart-neutral-hovered: #758195;\n --ds-chart-red-bold: #EF5C48;\n --ds-chart-red-bold-hovered: #E34935;\n --ds-chart-red-bolder: #E34935;\n --ds-chart-red-bolder-hovered: #CA3521;\n --ds-chart-red-boldest: #AE2A19;\n --ds-chart-red-boldest-hovered: #601E16;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #1D9AAA;\n --ds-chart-teal-bold-hovered: #1D7F8C;\n --ds-chart-teal-bolder: #1D7F8C;\n --ds-chart-teal-bolder-hovered: #206B74;\n --ds-chart-teal-boldest: #206B74;\n --ds-chart-teal-boldest-hovered: #1D474C;\n --ds-chart-blue-bold: #388BFF;\n --ds-chart-blue-bold-hovered: #1D7AFC;\n --ds-chart-blue-bolder: #1D7AFC;\n --ds-chart-blue-bolder-hovered: #0C66E4;\n --ds-chart-blue-boldest: #0055CC;\n --ds-chart-blue-boldest-hovered: #09326C;\n --ds-chart-purple-bold: #8F7EE7;\n --ds-chart-purple-bold-hovered: #8270DB;\n --ds-chart-purple-bolder: #8270DB;\n --ds-chart-purple-bolder-hovered: #6E5DC6;\n --ds-chart-purple-boldest: #5E4DB2;\n --ds-chart-purple-boldest-hovered: #352C63;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8590A2;\n --ds-chart-gray-bold-hovered: #758195;\n --ds-chart-gray-bolder: #758195;\n --ds-chart-gray-bolder-hovered: #626F86;\n --ds-chart-gray-boldest: #44546F;\n --ds-chart-gray-boldest-hovered: #2C3E5D;\n --ds-chart-brand: #1D7AFC;\n --ds-chart-brand-hovered: #0C66E4;\n --ds-chart-danger: #EF5C48;\n --ds-chart-danger-hovered: #E34935;\n --ds-chart-danger-bold: #AE2A19;\n --ds-chart-danger-bold-hovered: #601E16;\n --ds-chart-warning: #B38600;\n --ds-chart-warning-hovered: #946F00;\n --ds-chart-warning-bold: #7F5F01;\n --ds-chart-warning-bold-hovered: #533F04;\n --ds-chart-success: #22A06B;\n --ds-chart-success-hovered: #1F845A;\n --ds-chart-success-bold: #216E4E;\n --ds-chart-success-bold-hovered: #164B35;\n --ds-chart-discovery: #8F7EE7;\n --ds-chart-discovery-hovered: #8270DB;\n --ds-chart-discovery-bold: #5E4DB2;\n --ds-chart-discovery-bold-hovered: #352C63;\n --ds-chart-information: #388BFF;\n --ds-chart-information-hovered: #1D7AFC;\n --ds-chart-information-bold: #0055CC;\n --ds-chart-information-bold-hovered: #09326C;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F1F2F4;\n --ds-surface-pressed: #DCDFE4;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F1F2F4;\n --ds-surface-overlay-pressed: #DCDFE4;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F1F2F4;\n --ds-surface-raised-pressed: #DCDFE4;\n --ds-surface-sunken: #F7F8F9;\n --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;\n --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2A19;\n --ds-text-accent-red-bolder: #601E16;\n --ds-text-accent-orange: #974F0C;\n --ds-text-accent-orange-bolder: #5F3811;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206B74;\n --ds-text-accent-teal-bolder: #1D474C;\n --ds-text-accent-blue: #0055CC;\n --ds-text-accent-blue-bolder: #09326C;\n --ds-text-accent-purple: #5E4DB2;\n --ds-text-accent-purple-bolder: #352C63;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #44546F;\n --ds-text-accent-gray-bolder: #091E42;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0C66E4;\n --ds-text-brand: #0C66E4;\n --ds-text-danger: #AE2A19;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #216E4E;\n --ds-text-discovery: #5E4DB2;\n --ds-text-information: #0055CC;\n --ds-text-subtlest: #626F86;\n --ds-text-subtle: #44546F;\n --ds-link: #0C66E4;\n --ds-link-pressed: #0055CC;\n --ds-link-visited: #5E4DB2;\n --ds-icon: #44546F;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #E34935;\n --ds-icon-accent-orange: #D97008;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #1D9AAA;\n --ds-icon-accent-blue: #1D7AFC;\n --ds-icon-accent-purple: #8270DB;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #758195;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0C66E4;\n --ds-icon-brand: #0C66E4;\n --ds-icon-danger: #E34935;\n --ds-icon-warning: #D97008;\n --ds-icon-warning-inverse: #172B4D;\n --ds-icon-success: #22A06B;\n --ds-icon-discovery: #8270DB;\n --ds-icon-information: #1D7AFC;\n --ds-icon-subtle: #626F86;\n --ds-border: #091E4224;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E34935;\n --ds-border-accent-orange: #D97008;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #1D9AAA;\n --ds-border-accent-blue: #1D7AFC;\n --ds-border-accent-purple: #8270DB;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #758195;\n --ds-border-disabled: #091E420F;\n --ds-border-focused: #388BFF;\n --ds-border-input: #091E4224;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E34935;\n --ds-border-warning: #D97008;\n --ds-border-success: #22A06B;\n --ds-border-discovery: #8270DB;\n --ds-border-information: #1D7AFC;\n --ds-border-bold: #758195;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #B3DF72;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #B3DF72;\n --ds-background-accent-lime-subtler-pressed: #94C748;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #D3F1A7;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #37471F;\n --ds-background-accent-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtlest-hovered: #FFD2CC;\n --ds-background-accent-red-subtlest-pressed: #FF9C8F;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtler-hovered: #FF9C8F;\n --ds-background-accent-red-subtler-pressed: #F87462;\n --ds-background-accent-red-subtle: #F87462;\n --ds-background-accent-red-subtle-hovered: #FF9C8F;\n --ds-background-accent-red-subtle-pressed: #FFD2CC;\n --ds-background-accent-red-bolder: #CA3521;\n --ds-background-accent-red-bolder-hovered: #AE2A19;\n --ds-background-accent-red-bolder-pressed: #601E16;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtlest-hovered: #FFE2BD;\n --ds-background-accent-orange-subtlest-pressed: #FEC57B;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtler-hovered: #FEC57B;\n --ds-background-accent-orange-subtler-pressed: #FAA53D;\n --ds-background-accent-orange-subtle: #FAA53D;\n --ds-background-accent-orange-subtle-hovered: #FEC57B;\n --ds-background-accent-orange-subtle-pressed: #FFE2BD;\n --ds-background-accent-orange-bolder: #B65C02;\n --ds-background-accent-orange-bolder-hovered: #974F0C;\n --ds-background-accent-orange-bolder-pressed: #5F3811;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtlest-hovered: #F8E6A0;\n --ds-background-accent-yellow-subtlest-pressed: #F5CD47;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtler-hovered: #F5CD47;\n --ds-background-accent-yellow-subtler-pressed: #E2B203;\n --ds-background-accent-yellow-subtle: #E2B203;\n --ds-background-accent-yellow-subtle-hovered: #F5CD47;\n --ds-background-accent-yellow-subtle-pressed: #F8E6A0;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #533F04;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #7EE2B8;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #7EE2B8;\n --ds-background-accent-green-subtler-pressed: #4BCE97;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #BAF3DB;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #164B35;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtlest-hovered: #C1F0F5;\n --ds-background-accent-teal-subtlest-pressed: #8BDBE5;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtler-hovered: #8BDBE5;\n --ds-background-accent-teal-subtler-pressed: #60C6D2;\n --ds-background-accent-teal-subtle: #60C6D2;\n --ds-background-accent-teal-subtle-hovered: #8BDBE5;\n --ds-background-accent-teal-subtle-pressed: #C1F0F5;\n --ds-background-accent-teal-bolder: #1D7F8C;\n --ds-background-accent-teal-bolder-hovered: #206B74;\n --ds-background-accent-teal-bolder-pressed: #1D474C;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtlest-hovered: #CCE0FF;\n --ds-background-accent-blue-subtlest-pressed: #85B8FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtler-hovered: #85B8FF;\n --ds-background-accent-blue-subtler-pressed: #579DFF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-subtle-hovered: #85B8FF;\n --ds-background-accent-blue-subtle-pressed: #CCE0FF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-blue-bolder-hovered: #0055CC;\n --ds-background-accent-blue-bolder-pressed: #09326C;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtlest-hovered: #DFD8FD;\n --ds-background-accent-purple-subtlest-pressed: #B8ACF6;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtler-hovered: #B8ACF6;\n --ds-background-accent-purple-subtler-pressed: #9F8FEF;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-subtle-hovered: #B8ACF6;\n --ds-background-accent-purple-subtle-pressed: #DFD8FD;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-purple-bolder-hovered: #5E4DB2;\n --ds-background-accent-purple-bolder-pressed: #352C63;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #F797D2;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #F797D2;\n --ds-background-accent-magenta-subtler-pressed: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FDD0EC;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #50253F;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtlest-hovered: #DCDFE4;\n --ds-background-accent-gray-subtlest-pressed: #B3B9C4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtler-hovered: #B3B9C4;\n --ds-background-accent-gray-subtler-pressed: #8590A2;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-subtle-hovered: #B3B9C4;\n --ds-background-accent-gray-subtle-pressed: #DCDFE4;\n --ds-background-accent-gray-bolder: #626F86;\n --ds-background-accent-gray-bolder-hovered: #44546F;\n --ds-background-accent-gray-bolder-pressed: #2C3E5D;\n --ds-background-disabled: #091E4208;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F7F8F9;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #091E420F;\n --ds-background-neutral-hovered: #091E4224;\n --ds-background-neutral-pressed: #091E424F;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #091E420F;\n --ds-background-neutral-subtle-pressed: #091E4224;\n --ds-background-neutral-bold: #44546F;\n --ds-background-neutral-bold-hovered: #2C3E5D;\n --ds-background-neutral-bold-pressed: #172B4D;\n --ds-background-selected: #E9F2FF;\n --ds-background-selected-hovered: #CCE0FF;\n --ds-background-selected-pressed: #85B8FF;\n --ds-background-selected-bold: #0C66E4;\n --ds-background-selected-bold-hovered: #0055CC;\n --ds-background-selected-bold-pressed: #09326C;\n --ds-background-brand-subtlest: #E9F2FF;\n --ds-background-brand-subtlest-hovered: #CCE0FF;\n --ds-background-brand-subtlest-pressed: #85B8FF;\n --ds-background-brand-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\n --ds-background-brand-boldest: #092957;\n --ds-background-brand-boldest-hovered: #09326C;\n --ds-background-brand-boldest-pressed: #0055CC;\n --ds-background-danger: #FFEDEB;\n --ds-background-danger-hovered: #FFD2CC;\n --ds-background-danger-pressed: #FF9C8F;\n --ds-background-danger-bold: #CA3521;\n --ds-background-danger-bold-hovered: #AE2A19;\n --ds-background-danger-bold-pressed: #601E16;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #CF9F02;\n --ds-background-warning-bold-pressed: #B38600;\n --ds-background-success: #DFFCF0;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #1F845A;\n --ds-background-success-bold-hovered: #216E4E;\n --ds-background-success-bold-pressed: #164B35;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #6E5DC6;\n --ds-background-discovery-bold-hovered: #5E4DB2;\n --ds-background-discovery-bold-pressed: #352C63;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #0C66E4;\n --ds-background-information-bold-hovered: #0055CC;\n --ds-background-information-bold-pressed: #09326C;\n --ds-blanket: #091E427D;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #091E420F;\n --ds-skeleton-subtle: #091E4208;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #1D7F8C;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #09326C;\n --ds-chart-categorical-5-hovered: #092957;\n --ds-chart-categorical-6: #8F7EE7;\n --ds-chart-categorical-6-hovered: #8270DB;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #421F34;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8590A2;\n --ds-chart-neutral-hovered: #758195;\n --ds-chart-red-bold: #EF5C48;\n --ds-chart-red-bold-hovered: #E34935;\n --ds-chart-red-bolder: #E34935;\n --ds-chart-red-bolder-hovered: #CA3521;\n --ds-chart-red-boldest: #AE2A19;\n --ds-chart-red-boldest-hovered: #601E16;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #1D9AAA;\n --ds-chart-teal-bold-hovered: #1D7F8C;\n --ds-chart-teal-bolder: #1D7F8C;\n --ds-chart-teal-bolder-hovered: #206B74;\n --ds-chart-teal-boldest: #206B74;\n --ds-chart-teal-boldest-hovered: #1D474C;\n --ds-chart-blue-bold: #388BFF;\n --ds-chart-blue-bold-hovered: #1D7AFC;\n --ds-chart-blue-bolder: #1D7AFC;\n --ds-chart-blue-bolder-hovered: #0C66E4;\n --ds-chart-blue-boldest: #0055CC;\n --ds-chart-blue-boldest-hovered: #09326C;\n --ds-chart-purple-bold: #8F7EE7;\n --ds-chart-purple-bold-hovered: #8270DB;\n --ds-chart-purple-bolder: #8270DB;\n --ds-chart-purple-bolder-hovered: #6E5DC6;\n --ds-chart-purple-boldest: #5E4DB2;\n --ds-chart-purple-boldest-hovered: #352C63;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8590A2;\n --ds-chart-gray-bold-hovered: #758195;\n --ds-chart-gray-bolder: #758195;\n --ds-chart-gray-bolder-hovered: #626F86;\n --ds-chart-gray-boldest: #44546F;\n --ds-chart-gray-boldest-hovered: #2C3E5D;\n --ds-chart-brand: #1D7AFC;\n --ds-chart-brand-hovered: #0C66E4;\n --ds-chart-danger: #EF5C48;\n --ds-chart-danger-hovered: #E34935;\n --ds-chart-danger-bold: #AE2A19;\n --ds-chart-danger-bold-hovered: #601E16;\n --ds-chart-warning: #B38600;\n --ds-chart-warning-hovered: #946F00;\n --ds-chart-warning-bold: #7F5F01;\n --ds-chart-warning-bold-hovered: #533F04;\n --ds-chart-success: #22A06B;\n --ds-chart-success-hovered: #1F845A;\n --ds-chart-success-bold: #216E4E;\n --ds-chart-success-bold-hovered: #164B35;\n --ds-chart-discovery: #8F7EE7;\n --ds-chart-discovery-hovered: #8270DB;\n --ds-chart-discovery-bold: #5E4DB2;\n --ds-chart-discovery-bold-hovered: #352C63;\n --ds-chart-information: #388BFF;\n --ds-chart-information-hovered: #1D7AFC;\n --ds-chart-information-bold: #0055CC;\n --ds-chart-information-bold-hovered: #09326C;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F1F2F4;\n --ds-surface-pressed: #DCDFE4;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F1F2F4;\n --ds-surface-overlay-pressed: #DCDFE4;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F1F2F4;\n --ds-surface-raised-pressed: #DCDFE4;\n --ds-surface-sunken: #F7F8F9;\n --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;\n --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::2055e9d3b964a68e35d40fda2189f30a>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
declare const defaultTokenValues: {
|
|
@@ -46,6 +46,7 @@ declare const defaultTokenValues: {
|
|
|
46
46
|
readonly 'color.text.subtle': "#44546F";
|
|
47
47
|
readonly 'color.link': "#0C66E4";
|
|
48
48
|
readonly 'color.link.pressed': "#0055CC";
|
|
49
|
+
readonly 'color.link.visited': "#5E4DB2";
|
|
49
50
|
readonly 'color.icon': "#44546F";
|
|
50
51
|
readonly 'color.icon.accent.lime': "#6A9A23";
|
|
51
52
|
readonly 'color.icon.accent.red': "#E34935";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::85873830ffd9373b872fe41c841504eb>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: {
|
|
@@ -39,6 +39,7 @@ declare const tokens: {
|
|
|
39
39
|
readonly 'color.text.subtle': "--ds-text-subtle";
|
|
40
40
|
readonly 'color.link': "--ds-link";
|
|
41
41
|
readonly 'color.link.pressed': "--ds-link-pressed";
|
|
42
|
+
readonly 'color.link.visited': "--ds-link-visited";
|
|
42
43
|
readonly 'color.icon': "--ds-icon";
|
|
43
44
|
readonly 'color.icon.accent.lime': "--ds-icon-accent-lime";
|
|
44
45
|
readonly 'color.icon.accent.red': "--ds-icon-accent-red";
|
|
@@ -506,6 +507,7 @@ export type CSSTokenMap = {
|
|
|
506
507
|
'color.text.subtle': 'var(--ds-text-subtle)';
|
|
507
508
|
'color.link': 'var(--ds-link)';
|
|
508
509
|
'color.link.pressed': 'var(--ds-link-pressed)';
|
|
510
|
+
'color.link.visited': 'var(--ds-link-visited)';
|
|
509
511
|
'color.icon': 'var(--ds-icon)';
|
|
510
512
|
'color.icon.accent.lime': 'var(--ds-icon-accent-lime)';
|
|
511
513
|
'color.icon.accent.red': 'var(--ds-icon-accent-red)';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::53fe3ce214e188eaafa0c96c9d57e282>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::bee85f1b04f33c290a4e90dad09a8602>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::3335668d6b974c0aae9b4e7246358fd2>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::6009ba9010fc2a039dc1080a936d9f80>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::0b6eab0434deab2e44b17b40e607940f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
6
|
+
export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.link.visited' | 'color.icon.[default]' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f2a1cadba78bb3e4fa07a576c71a7d55>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
6
|
+
export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.link.visited' | 'color.icon' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const THEME_DATA_ATTRIBUTE = "data-theme";
|
|
2
2
|
export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
|
|
3
3
|
export declare const CUSTOM_THEME_ATTRIBUTE = "data-custom-theme";
|
|
4
|
+
export declare const DEFAULT_THEME = "light";
|
|
4
5
|
export declare const CSS_PREFIX = "ds";
|
|
5
6
|
export declare const CSS_VAR_FULL: string[];
|
|
6
7
|
export declare const TOKEN_NOT_FOUND_CSS_VAR: string;
|
|
@@ -14,12 +14,12 @@ export declare const CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD = 10;
|
|
|
14
14
|
* @param {string} themeState.colorMode Determines which color theme is applied
|
|
15
15
|
* @param {Object} themeState.UNSAFE_themeOptions The custom branding options to be used for custom theme generation
|
|
16
16
|
*
|
|
17
|
-
* @returns
|
|
17
|
+
* @returns An object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
|
|
18
18
|
* If an error is encountered while loading themes, the themes array will be empty.
|
|
19
19
|
*/
|
|
20
20
|
export declare function getCustomThemeStyles(themeState: Partial<ThemeState> & {
|
|
21
21
|
UNSAFE_themeOptions: ThemeOptionsSchema;
|
|
22
|
-
}):
|
|
22
|
+
}): ThemeStyles[];
|
|
23
23
|
export declare function loadAndAppendCustomThemeCss(themeState: Partial<ThemeState> & {
|
|
24
24
|
UNSAFE_themeOptions: ThemeOptionsSchema;
|
|
25
|
-
}):
|
|
25
|
+
}): void;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { UnbindFn } from 'bind-event-listener';
|
|
2
|
+
import { ThemeIdsWithOverrides, ThemeState } from './theme-config';
|
|
3
|
+
/**
|
|
4
|
+
* Synchronously sets the theme globally at runtime. Themes are not loaded;
|
|
5
|
+
* use `getThemeStyles` and other server-side utilities to generate and load them.
|
|
6
|
+
*
|
|
7
|
+
* @param {Object<string, string>} themeState The themes and color mode that should be applied.
|
|
8
|
+
* @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
|
|
9
|
+
* @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
|
|
10
|
+
* @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
|
|
11
|
+
* @param {string} themeState.shape The shape theme to be applied.
|
|
12
|
+
* @param {string} themeState.spacing The spacing theme to be applied.
|
|
13
|
+
* @param {string} themeState.typography The typography theme to be applied.
|
|
14
|
+
* @param {Object} themeState.UNSAFE_themeOptions The custom branding options to be used for custom theme generation
|
|
15
|
+
* @param {function} themeLoader Callback function used to override the default theme loading functionality.
|
|
16
|
+
*
|
|
17
|
+
* @returns An unbind function, that can be used to stop listening for changes to system theme.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```
|
|
21
|
+
* enableGlobalTheme({colorMode: 'auto', light: 'light', dark: 'dark', spacing: 'spacing'});
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
declare const enableGlobalTheme: ({ colorMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => void) | undefined) => UnbindFn;
|
|
25
|
+
export default enableGlobalTheme;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as UNSAFE_loadCustomThemeStyles } from '../load-custom-theme-styles';
|
|
@@ -2,6 +2,7 @@ export { default as themeConfig } from './theme-config';
|
|
|
2
2
|
export { default as token } from './get-token';
|
|
3
3
|
export { default as getTokenValue } from './get-token-value';
|
|
4
4
|
export { default as setGlobalTheme } from './set-global-theme';
|
|
5
|
+
export { default as enableGlobalTheme } from './enable-global-theme';
|
|
5
6
|
export { default as getThemeStyles } from './get-theme-styles';
|
|
6
7
|
export { default as getThemeHtmlAttrs } from './get-theme-html-attrs';
|
|
7
8
|
export { default as getSSRAutoScript } from './get-ssr-auto-script';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ThemeState } from './theme-config';
|
|
2
|
+
/**
|
|
3
|
+
* Synchronously generates and applies custom theme styles to the page.
|
|
4
|
+
*
|
|
5
|
+
* @param {Object<string, string>} themeState The themes and color mode that should be applied.
|
|
6
|
+
* @param {Object} themeState.UNSAFE_themeOptions The custom branding options to be used for custom theme generation
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* UNSAFE_loadCustomThemeStyles({
|
|
11
|
+
* colorMode: 'auto',
|
|
12
|
+
* UNSAFE_themeOptions: { brandColor: '#FF0000' }
|
|
13
|
+
* });
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
declare const UNSAFE_loadCustomThemeStyles: ({ colorMode, UNSAFE_themeOptions, }?: Partial<ThemeState>) => void;
|
|
17
|
+
export default UNSAFE_loadCustomThemeStyles;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { UnbindFn } from 'bind-event-listener';
|
|
2
|
-
import {
|
|
3
|
-
export interface ActiveThemeState extends ThemeState {
|
|
4
|
-
colorMode: Exclude<ThemeColorModes, 'auto'>;
|
|
5
|
-
}
|
|
2
|
+
import { ThemeIdsWithOverrides, ThemeState } from './theme-config';
|
|
6
3
|
/**
|
|
7
4
|
* Sets the theme globally at runtime. This updates the `data-theme` and `data-color-mode` attributes on your page's <html> tag.
|
|
8
5
|
*
|
|
@@ -130,4 +130,11 @@ export interface ThemeState {
|
|
|
130
130
|
* themeStateDefaults: the default values for ThemeState used by theming utilities
|
|
131
131
|
*/
|
|
132
132
|
export declare const themeStateDefaults: ThemeState;
|
|
133
|
+
/**
|
|
134
|
+
* Represents theme state once mounted to the page
|
|
135
|
+
* (the page doesn't have an "auto" color mode, it's either light or dark)
|
|
136
|
+
*/
|
|
137
|
+
export interface ActiveThemeState extends ThemeState {
|
|
138
|
+
colorMode: DataColorModes;
|
|
139
|
+
}
|
|
133
140
|
export default themeConfig;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { UnbindFn } from 'bind-event-listener';
|
|
2
|
+
declare class ColorModeObserver {
|
|
3
|
+
unbindThemeChangeListener: UnbindFn | null;
|
|
4
|
+
getColorMode(): "light" | "dark";
|
|
5
|
+
bind(): void;
|
|
6
|
+
unbind(): void;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* A singleton color mode observer - binds "auto" switching logic to a single `mediaQueryList` listener
|
|
10
|
+
* that can be unbound by any consumer when no longer needed.
|
|
11
|
+
*/
|
|
12
|
+
declare const SingletonColorModeObserver: ColorModeObserver;
|
|
13
|
+
export default SingletonColorModeObserver;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ThemeState } from '../theme-config';
|
|
2
|
+
/**
|
|
3
|
+
* Given ThemeState, sets appropriate html attributes on the documentElement,
|
|
4
|
+
* adds a listener to keep colorMode updated, and returns a function to unbind.
|
|
5
|
+
*/
|
|
6
|
+
export default function configurePage(themeState: ThemeState): () => () => void;
|
|
@@ -316,6 +316,15 @@
|
|
|
316
316
|
},
|
|
317
317
|
"value": "#85B8FF"
|
|
318
318
|
},
|
|
319
|
+
"Dark/color.link.visited": {
|
|
320
|
+
"attributes": {
|
|
321
|
+
"group": "paint",
|
|
322
|
+
"state": "active",
|
|
323
|
+
"introduced": "1.23.0",
|
|
324
|
+
"description": "Use for links in a visited state."
|
|
325
|
+
},
|
|
326
|
+
"value": "#B8ACF6"
|
|
327
|
+
},
|
|
319
328
|
"Dark/color.icon": {
|
|
320
329
|
"attributes": {
|
|
321
330
|
"group": "paint",
|
|
@@ -316,6 +316,15 @@
|
|
|
316
316
|
},
|
|
317
317
|
"value": "#0065FF"
|
|
318
318
|
},
|
|
319
|
+
"Legacy dark/color.link.visited": {
|
|
320
|
+
"attributes": {
|
|
321
|
+
"group": "paint",
|
|
322
|
+
"state": "active",
|
|
323
|
+
"introduced": "1.23.0",
|
|
324
|
+
"description": "Use for links in a visited state."
|
|
325
|
+
},
|
|
326
|
+
"value": "#6554C0"
|
|
327
|
+
},
|
|
319
328
|
"Legacy dark/color.icon": {
|
|
320
329
|
"attributes": {
|
|
321
330
|
"group": "paint",
|
|
@@ -316,6 +316,15 @@
|
|
|
316
316
|
},
|
|
317
317
|
"value": "#0747A6"
|
|
318
318
|
},
|
|
319
|
+
"Legacy light/color.link.visited": {
|
|
320
|
+
"attributes": {
|
|
321
|
+
"group": "paint",
|
|
322
|
+
"state": "active",
|
|
323
|
+
"introduced": "1.23.0",
|
|
324
|
+
"description": "Use for links in a visited state."
|
|
325
|
+
},
|
|
326
|
+
"value": "#403294"
|
|
327
|
+
},
|
|
319
328
|
"Legacy light/color.icon": {
|
|
320
329
|
"attributes": {
|
|
321
330
|
"group": "paint",
|
|
@@ -316,6 +316,15 @@
|
|
|
316
316
|
},
|
|
317
317
|
"value": "#0055CC"
|
|
318
318
|
},
|
|
319
|
+
"Light/color.link.visited": {
|
|
320
|
+
"attributes": {
|
|
321
|
+
"group": "paint",
|
|
322
|
+
"state": "active",
|
|
323
|
+
"introduced": "1.23.0",
|
|
324
|
+
"description": "Use for links in a visited state."
|
|
325
|
+
},
|
|
326
|
+
"value": "#5E4DB2"
|
|
327
|
+
},
|
|
319
328
|
"Light/color.icon": {
|
|
320
329
|
"attributes": {
|
|
321
330
|
"group": "paint",
|