@atlaskit/tokens 1.41.0 → 1.41.2
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 +12 -0
- package/dist/cjs/artifacts/generated-pairs.js +2 -2
- package/dist/cjs/artifacts/theme-import-map.js +13 -1
- package/dist/cjs/artifacts/themes/atlassian-dark-new-input-border.js +12 -0
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-new-input-border.js +12 -0
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +2 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-new-input-border.js +35 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3 -3
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-new-input-border.js +35 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/cjs/artifacts/types-internal.js +1 -5
- package/dist/cjs/artifacts/types.js +1 -5
- package/dist/cjs/artifacts/typescript/atlassian-dark-types-internal.js +1 -5
- package/dist/cjs/artifacts/typescript/atlassian-dark-types.js +1 -5
- package/dist/cjs/artifacts/typescript/atlassian-light-types-internal.js +1 -5
- package/dist/cjs/artifacts/typescript/atlassian-light-types.js +1 -5
- package/dist/cjs/entry-points/css-type-schema.codegen.js +1 -5
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/theme-config.js +21 -1
- package/dist/cjs/utils/get-theme-preferences.js +11 -0
- package/dist/es2019/artifacts/generated-pairs.js +2 -2
- package/dist/es2019/artifacts/theme-import-map.js +5 -1
- package/dist/es2019/artifacts/themes/atlassian-dark-new-input-border.js +12 -0
- package/dist/es2019/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-light-new-input-border.js +12 -0
- package/dist/es2019/artifacts/themes/atlassian-light.js +2 -2
- package/dist/es2019/artifacts/token-default-values.js +2 -2
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-new-input-border.js +29 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-new-input-border.js +29 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/es2019/artifacts/types-internal.js +0 -1
- package/dist/es2019/artifacts/types.js +0 -1
- package/dist/es2019/artifacts/typescript/atlassian-dark-types-internal.js +0 -1
- package/dist/es2019/artifacts/typescript/atlassian-dark-types.js +0 -1
- package/dist/es2019/artifacts/typescript/atlassian-light-types-internal.js +0 -1
- package/dist/es2019/artifacts/typescript/atlassian-light-types.js +0 -1
- package/dist/es2019/entry-points/css-type-schema.codegen.js +0 -1
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/theme-config.js +21 -1
- package/dist/es2019/utils/get-theme-preferences.js +13 -0
- package/dist/esm/artifacts/generated-pairs.js +2 -2
- package/dist/esm/artifacts/theme-import-map.js +9 -1
- package/dist/esm/artifacts/themes/atlassian-dark-new-input-border.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-new-input-border.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +2 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-new-input-border.js +29 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3 -3
- package/dist/esm/artifacts/tokens-raw/atlassian-light-new-input-border.js +29 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/esm/artifacts/types-internal.js +0 -1
- package/dist/esm/artifacts/types.js +0 -1
- package/dist/esm/artifacts/typescript/atlassian-dark-types-internal.js +0 -1
- package/dist/esm/artifacts/typescript/atlassian-dark-types.js +0 -1
- package/dist/esm/artifacts/typescript/atlassian-light-types-internal.js +0 -1
- package/dist/esm/artifacts/typescript/atlassian-light-types.js +0 -1
- package/dist/esm/entry-points/css-type-schema.codegen.js +0 -1
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/theme-config.js +21 -1
- package/dist/esm/utils/get-theme-preferences.js +11 -0
- package/dist/types/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-new-input-border.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-new-input-border.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +2 -2
- package/dist/types/artifacts/tokens-raw/atlassian-dark-new-input-border.d.ts +29 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-new-input-border.d.ts +29 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +58 -66
- package/dist/types/theme-config.d.ts +3 -3
- package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-new-input-border.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-new-input-border.d.ts +7 -0
- 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 -2
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-new-input-border.d.ts +29 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-new-input-border.d.ts +29 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +58 -66
- package/dist/types-ts4.5/theme-config.d.ts +6 -2
- package/figma/atlassian-dark.json +1 -1
- package/figma/atlassian-light.json +1 -1
- package/package.json +4 -1
- package/.eslintrc.js +0 -35
|
@@ -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::70516fae4cc24ba1b8d76c16272420f0>>
|
|
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: #AE2E24;\n --ds-text-accent-red-bolder: #5D1F1A;\n --ds-text-accent-orange: #A54800;\n --ds-text-accent-orange-bolder: #702E00;\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: #206A83;\n --ds-text-accent-teal-bolder: #164555;\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: #AE2E24;\n --ds-text-warning: #A54800;\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: #C9372C;\n --ds-icon-accent-orange: #E56910;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\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: #C9372C;\n --ds-icon-warning: #E56910;\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: #E2483D;\n --ds-border-accent-orange: #E56910;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\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: #8590A2;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E2483D;\n --ds-border-warning: #E56910;\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: #EFFFD6;\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: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FD9891;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FD9891;\n --ds-background-accent-red-subtler-pressed: #F87168;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFD5D2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #5D1F1A;\n --ds-background-accent-orange-subtlest: #FFF3EB;\n --ds-background-accent-orange-subtlest-hovered: #FEDEC8;\n --ds-background-accent-orange-subtlest-pressed: #FEC195;\n --ds-background-accent-orange-subtler: #FEDEC8;\n --ds-background-accent-orange-subtler-hovered: #FEC195;\n --ds-background-accent-orange-subtler-pressed: #FEA362;\n --ds-background-accent-orange-subtle: #FEA362;\n --ds-background-accent-orange-subtle-hovered: #FEC195;\n --ds-background-accent-orange-subtle-pressed: #FEDEC8;\n --ds-background-accent-orange-bolder: #C25100;\n --ds-background-accent-orange-bolder-hovered: #A54800;\n --ds-background-accent-orange-bolder-pressed: #702E00;\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: #F5CD47;\n --ds-background-accent-yellow-subtle-hovered: #E2B203;\n --ds-background-accent-yellow-subtle-pressed: #CF9F02;\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: #DCFFF1;\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: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #9DD9EE;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #9DD9EE;\n --ds-background-accent-teal-subtler-pressed: #6CC3E0;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #C6EDFB;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #164555;\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: #1C2B41;\n --ds-background-brand-boldest-hovered: #09326C;\n --ds-background-brand-boldest-pressed: #0055CC;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #5D1F1A;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #F5CD47;\n --ds-background-warning-bold-hovered: #E2B203;\n --ds-background-warning-bold-pressed: #CF9F02;\n --ds-background-success: #DCFFF1;\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: #2898BD;\n --ds-chart-categorical-1-hovered: #227D9B;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #E56910;\n --ds-chart-categorical-3-hovered: #C25100;\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: #1C2B41;\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: #3D2232;\n --ds-chart-categorical-8: #A54800;\n --ds-chart-categorical-8-hovered: #702E00;\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: #F15B50;\n --ds-chart-red-bold-hovered: #E2483D;\n --ds-chart-red-bolder: #E2483D;\n --ds-chart-red-bolder-hovered: #C9372C;\n --ds-chart-red-boldest: #AE2E24;\n --ds-chart-red-boldest-hovered: #5D1F1A;\n --ds-chart-orange-bold: #E56910;\n --ds-chart-orange-bold-hovered: #C25100;\n --ds-chart-orange-bolder: #C25100;\n --ds-chart-orange-bolder-hovered: #A54800;\n --ds-chart-orange-boldest: #A54800;\n --ds-chart-orange-boldest-hovered: #702E00;\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: #2898BD;\n --ds-chart-teal-bold-hovered: #227D9B;\n --ds-chart-teal-bolder: #227D9B;\n --ds-chart-teal-bolder-hovered: #206A83;\n --ds-chart-teal-boldest: #206A83;\n --ds-chart-teal-boldest-hovered: #164555;\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: #F15B50;\n --ds-chart-danger-hovered: #E2483D;\n --ds-chart-danger-bold: #AE2E24;\n --ds-chart-danger-bold-hovered: #5D1F1A;\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: #AE2E24;\n --ds-text-accent-red-bolder: #5D1F1A;\n --ds-text-accent-orange: #A54800;\n --ds-text-accent-orange-bolder: #702E00;\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: #206A83;\n --ds-text-accent-teal-bolder: #164555;\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: #AE2E24;\n --ds-text-warning: #A54800;\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: #C9372C;\n --ds-icon-accent-orange: #E56910;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\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: #C9372C;\n --ds-icon-warning: #E56910;\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: #E2483D;\n --ds-border-accent-orange: #E56910;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\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: #E2483D;\n --ds-border-warning: #E56910;\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: #EFFFD6;\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: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FD9891;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FD9891;\n --ds-background-accent-red-subtler-pressed: #F87168;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFD5D2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #5D1F1A;\n --ds-background-accent-orange-subtlest: #FFF3EB;\n --ds-background-accent-orange-subtlest-hovered: #FEDEC8;\n --ds-background-accent-orange-subtlest-pressed: #FEC195;\n --ds-background-accent-orange-subtler: #FEDEC8;\n --ds-background-accent-orange-subtler-hovered: #FEC195;\n --ds-background-accent-orange-subtler-pressed: #FEA362;\n --ds-background-accent-orange-subtle: #FEA362;\n --ds-background-accent-orange-subtle-hovered: #FEC195;\n --ds-background-accent-orange-subtle-pressed: #FEDEC8;\n --ds-background-accent-orange-bolder: #C25100;\n --ds-background-accent-orange-bolder-hovered: #A54800;\n --ds-background-accent-orange-bolder-pressed: #702E00;\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: #F5CD47;\n --ds-background-accent-yellow-subtle-hovered: #E2B203;\n --ds-background-accent-yellow-subtle-pressed: #CF9F02;\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: #DCFFF1;\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: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #9DD9EE;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #9DD9EE;\n --ds-background-accent-teal-subtler-pressed: #6CC3E0;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #C6EDFB;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #164555;\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: #1C2B41;\n --ds-background-brand-boldest-hovered: #09326C;\n --ds-background-brand-boldest-pressed: #0055CC;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #5D1F1A;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #F5CD47;\n --ds-background-warning-bold-hovered: #E2B203;\n --ds-background-warning-bold-pressed: #CF9F02;\n --ds-background-success: #DCFFF1;\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: #2898BD;\n --ds-chart-categorical-1-hovered: #227D9B;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #E56910;\n --ds-chart-categorical-3-hovered: #C25100;\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: #1C2B41;\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: #3D2232;\n --ds-chart-categorical-8: #A54800;\n --ds-chart-categorical-8-hovered: #702E00;\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: #F15B50;\n --ds-chart-red-bold-hovered: #E2483D;\n --ds-chart-red-bolder: #E2483D;\n --ds-chart-red-bolder-hovered: #C9372C;\n --ds-chart-red-boldest: #AE2E24;\n --ds-chart-red-boldest-hovered: #5D1F1A;\n --ds-chart-orange-bold: #E56910;\n --ds-chart-orange-bold-hovered: #C25100;\n --ds-chart-orange-bolder: #C25100;\n --ds-chart-orange-bolder-hovered: #A54800;\n --ds-chart-orange-boldest: #A54800;\n --ds-chart-orange-boldest-hovered: #702E00;\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: #2898BD;\n --ds-chart-teal-bold-hovered: #227D9B;\n --ds-chart-teal-bolder: #227D9B;\n --ds-chart-teal-bolder-hovered: #206A83;\n --ds-chart-teal-boldest: #206A83;\n --ds-chart-teal-boldest-hovered: #164555;\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: #F15B50;\n --ds-chart-danger-hovered: #E2483D;\n --ds-chart-danger-bold: #AE2E24;\n --ds-chart-danger-bold-hovered: #5D1F1A;\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::a5ef42a0373166de767df9be7435e58d>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
declare const defaultTokenValues: {
|
|
@@ -82,7 +82,7 @@ declare const defaultTokenValues: {
|
|
|
82
82
|
readonly 'color.border.accent.gray': "#758195";
|
|
83
83
|
readonly 'color.border.disabled': "#091E420F";
|
|
84
84
|
readonly 'color.border.focused': "#388BFF";
|
|
85
|
-
readonly 'color.border.input': "#
|
|
85
|
+
readonly 'color.border.input': "#091E4224";
|
|
86
86
|
readonly 'color.border.inverse': "#FFFFFF";
|
|
87
87
|
readonly 'color.border.selected': "#0C66E4";
|
|
88
88
|
readonly 'color.border.brand': "#0C66E4";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::b161e147ce65337d118e888ce1a057d7>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const tokens: {
|
|
7
|
+
attributes: {
|
|
8
|
+
group: string;
|
|
9
|
+
state: string;
|
|
10
|
+
introduced: string;
|
|
11
|
+
description: string;
|
|
12
|
+
};
|
|
13
|
+
value: string;
|
|
14
|
+
filePath: string;
|
|
15
|
+
isSource: boolean;
|
|
16
|
+
original: {
|
|
17
|
+
attributes: {
|
|
18
|
+
group: string;
|
|
19
|
+
state: string;
|
|
20
|
+
introduced: string;
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
value: string;
|
|
24
|
+
};
|
|
25
|
+
name: string;
|
|
26
|
+
path: string[];
|
|
27
|
+
cleanName: string;
|
|
28
|
+
}[];
|
|
29
|
+
export default 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::17268b2c8921f4f8a7e40e1920d7891a>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::0e3f6bfc7a03913b35d8aabe0be4d8d6>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const tokens: {
|
|
7
|
+
attributes: {
|
|
8
|
+
group: string;
|
|
9
|
+
state: string;
|
|
10
|
+
introduced: string;
|
|
11
|
+
description: string;
|
|
12
|
+
};
|
|
13
|
+
value: string;
|
|
14
|
+
filePath: string;
|
|
15
|
+
isSource: boolean;
|
|
16
|
+
original: {
|
|
17
|
+
attributes: {
|
|
18
|
+
group: string;
|
|
19
|
+
state: string;
|
|
20
|
+
introduced: string;
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
value: string;
|
|
24
|
+
};
|
|
25
|
+
name: string;
|
|
26
|
+
path: string[];
|
|
27
|
+
cleanName: string;
|
|
28
|
+
}[];
|
|
29
|
+
export default 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::8002d8a3725e4a69481492649872da52>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -3,23 +3,35 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Strict design token based typedef representing a subset of safe CSS properties.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::c7363a2d80b3a60a076ac846bfebf8c1>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
|
-
export type BackgroundColor = 'var(--ds-background-accent-lime-subtlest)' | 'var(--ds-background-accent-lime-subtler)' | 'var(--ds-background-accent-lime-subtle)' | 'var(--ds-background-accent-lime-bolder)' | 'var(--ds-background-accent-red-subtlest)' | 'var(--ds-background-accent-red-subtler)' | 'var(--ds-background-accent-red-subtle)' | 'var(--ds-background-accent-red-bolder)' | 'var(--ds-background-accent-orange-subtlest)' | 'var(--ds-background-accent-orange-subtler)' | 'var(--ds-background-accent-orange-subtle)' | 'var(--ds-background-accent-orange-bolder)' | 'var(--ds-background-accent-yellow-subtlest)' | 'var(--ds-background-accent-yellow-subtler)' | 'var(--ds-background-accent-yellow-subtle)' | 'var(--ds-background-accent-yellow-bolder)' | 'var(--ds-background-accent-green-subtlest)' | 'var(--ds-background-accent-green-subtler)' | 'var(--ds-background-accent-green-subtle)' | 'var(--ds-background-accent-green-bolder)' | 'var(--ds-background-accent-teal-subtlest)' | 'var(--ds-background-accent-teal-subtler)' | 'var(--ds-background-accent-teal-subtle)' | 'var(--ds-background-accent-teal-bolder)' | 'var(--ds-background-accent-blue-subtlest)' | 'var(--ds-background-accent-blue-subtler)' | 'var(--ds-background-accent-blue-subtle)' | 'var(--ds-background-accent-blue-bolder)' | 'var(--ds-background-accent-purple-subtlest)' | 'var(--ds-background-accent-purple-subtler)' | 'var(--ds-background-accent-purple-subtle)' | 'var(--ds-background-accent-purple-bolder)' | 'var(--ds-background-accent-magenta-subtlest)' | 'var(--ds-background-accent-magenta-subtler)' | 'var(--ds-background-accent-magenta-subtle)' | 'var(--ds-background-accent-magenta-bolder)' | 'var(--ds-background-accent-gray-subtlest)' | 'var(--ds-background-accent-gray-subtler)' | 'var(--ds-background-accent-gray-subtle)' | 'var(--ds-background-accent-gray-bolder)' | 'var(--ds-background-disabled)' | 'var(--ds-background-input)' | 'var(--ds-background-inverse-subtle)' | 'var(--ds-background-neutral)' | 'var(--ds-background-neutral-subtle)' | 'var(--ds-background-neutral-bold)' | 'var(--ds-background-selected)' | 'var(--ds-background-selected-bold)' | 'var(--ds-background-brand-subtlest)' | 'var(--ds-background-brand-bold)' | 'var(--ds-background-brand-boldest)' | 'var(--ds-background-danger)' | 'var(--ds-background-danger-bold)' | 'var(--ds-background-warning)' | 'var(--ds-background-warning-bold)' | 'var(--ds-background-success)' | 'var(--ds-background-success-bold)' | 'var(--ds-background-discovery)' | 'var(--ds-background-discovery-bold)' | 'var(--ds-background-information)' | 'var(--ds-background-information-bold)' | 'var(--ds-surface)' | 'var(--ds-surface-overlay)' | 'var(--ds-surface-raised)' | 'var(--ds-surface-sunken)' | 'var(--ds-elevation-surface-current)';
|
|
9
|
+
export type BackgroundColor = 'var(--ds-background-accent-lime-subtlest)' | 'var(--ds-background-accent-lime-subtler)' | 'var(--ds-background-accent-lime-subtle)' | 'var(--ds-background-accent-lime-bolder)' | 'var(--ds-background-accent-red-subtlest)' | 'var(--ds-background-accent-red-subtler)' | 'var(--ds-background-accent-red-subtle)' | 'var(--ds-background-accent-red-bolder)' | 'var(--ds-background-accent-orange-subtlest)' | 'var(--ds-background-accent-orange-subtler)' | 'var(--ds-background-accent-orange-subtle)' | 'var(--ds-background-accent-orange-bolder)' | 'var(--ds-background-accent-yellow-subtlest)' | 'var(--ds-background-accent-yellow-subtler)' | 'var(--ds-background-accent-yellow-subtle)' | 'var(--ds-background-accent-yellow-bolder)' | 'var(--ds-background-accent-green-subtlest)' | 'var(--ds-background-accent-green-subtler)' | 'var(--ds-background-accent-green-subtle)' | 'var(--ds-background-accent-green-bolder)' | 'var(--ds-background-accent-teal-subtlest)' | 'var(--ds-background-accent-teal-subtler)' | 'var(--ds-background-accent-teal-subtle)' | 'var(--ds-background-accent-teal-bolder)' | 'var(--ds-background-accent-blue-subtlest)' | 'var(--ds-background-accent-blue-subtler)' | 'var(--ds-background-accent-blue-subtle)' | 'var(--ds-background-accent-blue-bolder)' | 'var(--ds-background-accent-purple-subtlest)' | 'var(--ds-background-accent-purple-subtler)' | 'var(--ds-background-accent-purple-subtle)' | 'var(--ds-background-accent-purple-bolder)' | 'var(--ds-background-accent-magenta-subtlest)' | 'var(--ds-background-accent-magenta-subtler)' | 'var(--ds-background-accent-magenta-subtle)' | 'var(--ds-background-accent-magenta-bolder)' | 'var(--ds-background-accent-gray-subtlest)' | 'var(--ds-background-accent-gray-subtler)' | 'var(--ds-background-accent-gray-subtle)' | 'var(--ds-background-accent-gray-bolder)' | 'var(--ds-background-disabled)' | 'var(--ds-background-input)' | 'var(--ds-background-inverse-subtle)' | 'var(--ds-background-neutral)' | 'var(--ds-background-neutral-subtle)' | 'var(--ds-background-neutral-bold)' | 'var(--ds-background-selected)' | 'var(--ds-background-selected-bold)' | 'var(--ds-background-brand-subtlest)' | 'var(--ds-background-brand-bold)' | 'var(--ds-background-brand-boldest)' | 'var(--ds-background-danger)' | 'var(--ds-background-danger-bold)' | 'var(--ds-background-warning)' | 'var(--ds-background-warning-bold)' | 'var(--ds-background-success)' | 'var(--ds-background-success-bold)' | 'var(--ds-background-discovery)' | 'var(--ds-background-discovery-bold)' | 'var(--ds-background-information)' | 'var(--ds-background-information-bold)' | 'var(--ds-skeleton)' | 'var(--ds-skeleton-subtle)' | 'var(--ds-surface)' | 'var(--ds-surface-overlay)' | 'var(--ds-surface-raised)' | 'var(--ds-surface-sunken)' | 'var(--ds-elevation-surface-current)';
|
|
10
10
|
export type BackgroundColorHovered = 'var(--ds-background-accent-lime-subtlest-hovered)' | 'var(--ds-background-accent-lime-subtler-hovered)' | 'var(--ds-background-accent-lime-subtle-hovered)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-background-accent-red-subtlest-hovered)' | 'var(--ds-background-accent-red-subtler-hovered)' | 'var(--ds-background-accent-red-subtle-hovered)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-background-accent-orange-subtlest-hovered)' | 'var(--ds-background-accent-orange-subtler-hovered)' | 'var(--ds-background-accent-orange-subtle-hovered)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-background-accent-yellow-subtlest-hovered)' | 'var(--ds-background-accent-yellow-subtler-hovered)' | 'var(--ds-background-accent-yellow-subtle-hovered)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-green-subtlest-hovered)' | 'var(--ds-background-accent-green-subtler-hovered)' | 'var(--ds-background-accent-green-subtle-hovered)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-background-accent-teal-subtlest-hovered)' | 'var(--ds-background-accent-teal-subtler-hovered)' | 'var(--ds-background-accent-teal-subtle-hovered)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-background-accent-blue-subtlest-hovered)' | 'var(--ds-background-accent-blue-subtler-hovered)' | 'var(--ds-background-accent-blue-subtle-hovered)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-background-accent-purple-subtlest-hovered)' | 'var(--ds-background-accent-purple-subtler-hovered)' | 'var(--ds-background-accent-purple-subtle-hovered)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-background-accent-magenta-subtlest-hovered)' | 'var(--ds-background-accent-magenta-subtler-hovered)' | 'var(--ds-background-accent-magenta-subtle-hovered)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-background-accent-gray-subtlest-hovered)' | 'var(--ds-background-accent-gray-subtler-hovered)' | 'var(--ds-background-accent-gray-subtle-hovered)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-background-input-hovered)' | 'var(--ds-background-inverse-subtle-hovered)' | 'var(--ds-background-neutral-hovered)' | 'var(--ds-background-neutral-subtle-hovered)' | 'var(--ds-background-neutral-bold-hovered)' | 'var(--ds-background-selected-hovered)' | 'var(--ds-background-selected-bold-hovered)' | 'var(--ds-background-brand-subtlest-hovered)' | 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-brand-boldest-hovered)' | 'var(--ds-background-danger-hovered)' | 'var(--ds-background-danger-bold-hovered)' | 'var(--ds-background-warning-hovered)' | 'var(--ds-background-warning-bold-hovered)' | 'var(--ds-background-success-hovered)' | 'var(--ds-background-success-bold-hovered)' | 'var(--ds-background-discovery-hovered)' | 'var(--ds-background-discovery-bold-hovered)' | 'var(--ds-background-information-hovered)' | 'var(--ds-background-information-bold-hovered)' | 'var(--ds-surface-hovered)' | 'var(--ds-surface-overlay-hovered)' | 'var(--ds-surface-raised-hovered)';
|
|
11
11
|
export type BackgroundColorPressed = 'var(--ds-background-accent-lime-subtlest-pressed)' | 'var(--ds-background-accent-lime-subtler-pressed)' | 'var(--ds-background-accent-lime-subtle-pressed)' | 'var(--ds-background-accent-lime-bolder-pressed)' | 'var(--ds-background-accent-red-subtlest-pressed)' | 'var(--ds-background-accent-red-subtler-pressed)' | 'var(--ds-background-accent-red-subtle-pressed)' | 'var(--ds-background-accent-red-bolder-pressed)' | 'var(--ds-background-accent-orange-subtlest-pressed)' | 'var(--ds-background-accent-orange-subtler-pressed)' | 'var(--ds-background-accent-orange-subtle-pressed)' | 'var(--ds-background-accent-orange-bolder-pressed)' | 'var(--ds-background-accent-yellow-subtlest-pressed)' | 'var(--ds-background-accent-yellow-subtler-pressed)' | 'var(--ds-background-accent-yellow-subtle-pressed)' | 'var(--ds-background-accent-yellow-bolder-pressed)' | 'var(--ds-background-accent-green-subtlest-pressed)' | 'var(--ds-background-accent-green-subtler-pressed)' | 'var(--ds-background-accent-green-subtle-pressed)' | 'var(--ds-background-accent-green-bolder-pressed)' | 'var(--ds-background-accent-teal-subtlest-pressed)' | 'var(--ds-background-accent-teal-subtler-pressed)' | 'var(--ds-background-accent-teal-subtle-pressed)' | 'var(--ds-background-accent-teal-bolder-pressed)' | 'var(--ds-background-accent-blue-subtlest-pressed)' | 'var(--ds-background-accent-blue-subtler-pressed)' | 'var(--ds-background-accent-blue-subtle-pressed)' | 'var(--ds-background-accent-blue-bolder-pressed)' | 'var(--ds-background-accent-purple-subtlest-pressed)' | 'var(--ds-background-accent-purple-subtler-pressed)' | 'var(--ds-background-accent-purple-subtle-pressed)' | 'var(--ds-background-accent-purple-bolder-pressed)' | 'var(--ds-background-accent-magenta-subtlest-pressed)' | 'var(--ds-background-accent-magenta-subtler-pressed)' | 'var(--ds-background-accent-magenta-subtle-pressed)' | 'var(--ds-background-accent-magenta-bolder-pressed)' | 'var(--ds-background-accent-gray-subtlest-pressed)' | 'var(--ds-background-accent-gray-subtler-pressed)' | 'var(--ds-background-accent-gray-subtle-pressed)' | 'var(--ds-background-accent-gray-bolder-pressed)' | 'var(--ds-background-input-pressed)' | 'var(--ds-background-inverse-subtle-pressed)' | 'var(--ds-background-neutral-pressed)' | 'var(--ds-background-neutral-subtle-pressed)' | 'var(--ds-background-neutral-bold-pressed)' | 'var(--ds-background-selected-pressed)' | 'var(--ds-background-selected-bold-pressed)' | 'var(--ds-background-brand-subtlest-pressed)' | 'var(--ds-background-brand-bold-pressed)' | 'var(--ds-background-brand-boldest-pressed)' | 'var(--ds-background-danger-pressed)' | 'var(--ds-background-danger-bold-pressed)' | 'var(--ds-background-warning-pressed)' | 'var(--ds-background-warning-bold-pressed)' | 'var(--ds-background-success-pressed)' | 'var(--ds-background-success-bold-pressed)' | 'var(--ds-background-discovery-pressed)' | 'var(--ds-background-discovery-bold-pressed)' | 'var(--ds-background-information-pressed)' | 'var(--ds-background-information-bold-pressed)' | 'var(--ds-surface-pressed)' | 'var(--ds-surface-overlay-pressed)' | 'var(--ds-surface-raised-pressed)';
|
|
12
|
-
export type Dimension = 'var(--ds-font-size-050)' | 'var(--ds-font-size-075)' | 'var(--ds-font-size-100)' | 'var(--ds-font-size-200)' | 'var(--ds-font-size-300)' | 'var(--ds-font-size-400)' | 'var(--ds-font-size-500)' | 'var(--ds-font-size-600)';
|
|
13
12
|
export type BorderColor = 'var(--ds-border)' | 'var(--ds-border-accent-lime)' | 'var(--ds-border-accent-red)' | 'var(--ds-border-accent-orange)' | 'var(--ds-border-accent-yellow)' | 'var(--ds-border-accent-green)' | 'var(--ds-border-accent-teal)' | 'var(--ds-border-accent-blue)' | 'var(--ds-border-accent-purple)' | 'var(--ds-border-accent-magenta)' | 'var(--ds-border-accent-gray)' | 'var(--ds-border-disabled)' | 'var(--ds-border-focused)' | 'var(--ds-border-input)' | 'var(--ds-border-inverse)' | 'var(--ds-border-selected)' | 'var(--ds-border-brand)' | 'var(--ds-border-danger)' | 'var(--ds-border-warning)' | 'var(--ds-border-success)' | 'var(--ds-border-discovery)' | 'var(--ds-border-information)' | 'var(--ds-border-bold)';
|
|
14
13
|
export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-indicator)' | 'var(--ds-border-width-outline)';
|
|
15
14
|
export type BorderRadius = 'var(--ds-border-radius-050)' | 'var(--ds-border-radius)' | 'var(--ds-border-radius-100)' | 'var(--ds-border-radius-200)' | 'var(--ds-border-radius-300)' | 'var(--ds-border-radius-400)' | 'var(--ds-border-radius-circle)';
|
|
15
|
+
export type SizeIntrinsic = `${number}px` | `${number}rem` | '100%';
|
|
16
16
|
export type Space = 'var(--ds-space-0)' | 'var(--ds-space-025)' | 'var(--ds-space-050)' | 'var(--ds-space-075)' | 'var(--ds-space-100)' | 'var(--ds-space-150)' | 'var(--ds-space-200)' | 'var(--ds-space-250)' | 'var(--ds-space-300)' | 'var(--ds-space-400)' | 'var(--ds-space-500)' | 'var(--ds-space-600)' | 'var(--ds-space-800)' | 'var(--ds-space-1000)' | 'var(--ds-space-negative-025)' | 'var(--ds-space-negative-050)' | 'var(--ds-space-negative-075)' | 'var(--ds-space-negative-100)' | 'var(--ds-space-negative-150)' | 'var(--ds-space-negative-200)' | 'var(--ds-space-negative-250)' | 'var(--ds-space-negative-300)' | 'var(--ds-space-negative-400)';
|
|
17
|
+
export type SpaceMargin = Space | 'auto' | '0 auto' | '0';
|
|
17
18
|
export type Shadow = 'var(--ds-shadow-overflow)' | 'var(--ds-shadow-overflow-perimeter)' | 'var(--ds-shadow-overflow-spread)' | 'var(--ds-shadow-overlay)' | 'var(--ds-shadow-raised)';
|
|
18
|
-
export type TextColor = 'var(--ds-text)' | 'var(--ds-text-accent-lime)' | 'var(--ds-text-accent-lime-bolder)' | 'var(--ds-text-accent-red)' | 'var(--ds-text-accent-red-bolder)' | 'var(--ds-text-accent-orange)' | 'var(--ds-text-accent-orange-bolder)' | 'var(--ds-text-accent-yellow)' | 'var(--ds-text-accent-yellow-bolder)' | 'var(--ds-text-accent-green)' | 'var(--ds-text-accent-green-bolder)' | 'var(--ds-text-accent-teal)' | 'var(--ds-text-accent-teal-bolder)' | 'var(--ds-text-accent-blue)' | 'var(--ds-text-accent-blue-bolder)' | 'var(--ds-text-accent-purple)' | 'var(--ds-text-accent-purple-bolder)' | 'var(--ds-text-accent-magenta)' | 'var(--ds-text-accent-magenta-bolder)' | 'var(--ds-text-accent-gray)' | 'var(--ds-text-accent-gray-bolder)' | 'var(--ds-text-disabled)' | 'var(--ds-text-inverse)' | 'var(--ds-text-selected)' | 'var(--ds-text-brand)' | 'var(--ds-text-danger)' | 'var(--ds-text-warning)' | 'var(--ds-text-warning-inverse)' | 'var(--ds-text-success)' | 'var(--ds-text-discovery)' | 'var(--ds-text-information)' | 'var(--ds-text-subtlest)' | 'var(--ds-text-subtle)' | 'var(--ds-link)' | 'var(--ds-link-
|
|
19
|
+
export type TextColor = 'var(--ds-text)' | 'var(--ds-text-accent-lime)' | 'var(--ds-text-accent-lime-bolder)' | 'var(--ds-text-accent-red)' | 'var(--ds-text-accent-red-bolder)' | 'var(--ds-text-accent-orange)' | 'var(--ds-text-accent-orange-bolder)' | 'var(--ds-text-accent-yellow)' | 'var(--ds-text-accent-yellow-bolder)' | 'var(--ds-text-accent-green)' | 'var(--ds-text-accent-green-bolder)' | 'var(--ds-text-accent-teal)' | 'var(--ds-text-accent-teal-bolder)' | 'var(--ds-text-accent-blue)' | 'var(--ds-text-accent-blue-bolder)' | 'var(--ds-text-accent-purple)' | 'var(--ds-text-accent-purple-bolder)' | 'var(--ds-text-accent-magenta)' | 'var(--ds-text-accent-magenta-bolder)' | 'var(--ds-text-accent-gray)' | 'var(--ds-text-accent-gray-bolder)' | 'var(--ds-text-disabled)' | 'var(--ds-text-inverse)' | 'var(--ds-text-selected)' | 'var(--ds-text-brand)' | 'var(--ds-text-danger)' | 'var(--ds-text-warning)' | 'var(--ds-text-warning-inverse)' | 'var(--ds-text-success)' | 'var(--ds-text-discovery)' | 'var(--ds-text-information)' | 'var(--ds-text-subtlest)' | 'var(--ds-text-subtle)' | 'var(--ds-link)' | 'var(--ds-link-visited)';
|
|
20
|
+
export type TextColorPressed = 'var(--ds-link-pressed)';
|
|
19
21
|
export type Opacity = 'var(--ds-opacity-disabled)' | 'var(--ds-opacity-loading)';
|
|
20
|
-
export interface
|
|
22
|
+
export interface CSSPropertiesHovered {
|
|
23
|
+
backgroundColor: BackgroundColorHovered;
|
|
24
|
+
}
|
|
25
|
+
export interface CSSPropertiesActive {
|
|
26
|
+
backgroundColor: BackgroundColorPressed;
|
|
27
|
+
color: TextColorPressed;
|
|
28
|
+
}
|
|
29
|
+
export interface DesignTokenStyles {
|
|
30
|
+
'&:active': CSSPropertiesActive;
|
|
31
|
+
'&:hover': CSSPropertiesHovered;
|
|
32
|
+
appearance: 'none' | 'auto';
|
|
21
33
|
backgroundColor: BackgroundColor;
|
|
22
|
-
blockSize:
|
|
34
|
+
blockSize: SizeIntrinsic;
|
|
23
35
|
borderBlockColor: BorderColor;
|
|
24
36
|
borderBlockEndColor: BorderColor;
|
|
25
37
|
borderBlockEndWidth: BorderWidth;
|
|
@@ -53,11 +65,23 @@ export interface TokenizedProps {
|
|
|
53
65
|
borderWidth: BorderWidth;
|
|
54
66
|
bottom: Space;
|
|
55
67
|
boxShadow: Shadow;
|
|
68
|
+
boxSizing: 'border-box';
|
|
69
|
+
clear: never;
|
|
70
|
+
clip: never;
|
|
56
71
|
color: TextColor;
|
|
57
72
|
columnGap: Space;
|
|
73
|
+
container: never;
|
|
74
|
+
containerName: never;
|
|
75
|
+
containerType: never;
|
|
76
|
+
float: never;
|
|
77
|
+
font: never;
|
|
78
|
+
fontFamily: never;
|
|
79
|
+
fontSize: never;
|
|
80
|
+
fontSizeAdjust: never;
|
|
81
|
+
fontWeight: never;
|
|
58
82
|
gap: Space;
|
|
59
|
-
height:
|
|
60
|
-
inlineSize:
|
|
83
|
+
height: SizeIntrinsic;
|
|
84
|
+
inlineSize: SizeIntrinsic;
|
|
61
85
|
inset: Space;
|
|
62
86
|
insetBlock: Space;
|
|
63
87
|
insetBlockEnd: Space;
|
|
@@ -66,29 +90,33 @@ export interface TokenizedProps {
|
|
|
66
90
|
insetInlineEnd: Space;
|
|
67
91
|
insetInlineStart: Space;
|
|
68
92
|
left: Space;
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
93
|
+
letterSpacing: never;
|
|
94
|
+
lineHeight: never;
|
|
95
|
+
lineHeightStep: never;
|
|
96
|
+
margin: SpaceMargin;
|
|
97
|
+
marginBlock: SpaceMargin;
|
|
98
|
+
marginBlockEnd: SpaceMargin;
|
|
99
|
+
marginBlockStart: SpaceMargin;
|
|
100
|
+
marginBottom: SpaceMargin;
|
|
101
|
+
marginInline: SpaceMargin;
|
|
102
|
+
marginInlineEnd: SpaceMargin;
|
|
103
|
+
marginInlineStart: SpaceMargin;
|
|
104
|
+
marginLeft: SpaceMargin;
|
|
105
|
+
marginRight: SpaceMargin;
|
|
106
|
+
marginTop: SpaceMargin;
|
|
107
|
+
maxBlockSize: SizeIntrinsic;
|
|
108
|
+
maxHeight: SizeIntrinsic;
|
|
109
|
+
maxInlineSize: SizeIntrinsic;
|
|
110
|
+
maxWidth: SizeIntrinsic;
|
|
111
|
+
minBlockSize: SizeIntrinsic;
|
|
112
|
+
minHeight: SizeIntrinsic;
|
|
113
|
+
minInlineSize: SizeIntrinsic;
|
|
114
|
+
minWidth: SizeIntrinsic;
|
|
88
115
|
opacity: Opacity;
|
|
89
116
|
outlineColor: BorderColor;
|
|
90
117
|
outlineOffset: Space;
|
|
91
118
|
outlineWidth: BorderWidth;
|
|
119
|
+
overlay: never;
|
|
92
120
|
padding: Space;
|
|
93
121
|
paddingBlock: Space;
|
|
94
122
|
paddingBlockEnd: Space;
|
|
@@ -103,43 +131,7 @@ export interface TokenizedProps {
|
|
|
103
131
|
right: Space;
|
|
104
132
|
rowGap: Space;
|
|
105
133
|
top: Space;
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
export interface TokenizedPropsWithHovered extends Omit<TokenizedProps, 'backgroundColor'> {
|
|
110
|
-
backgroundColor: BackgroundColorHovered;
|
|
111
|
-
}
|
|
112
|
-
export interface TokenizedPropsWithPressed extends Omit<TokenizedProps, 'backgroundColor'> {
|
|
113
|
-
backgroundColor: BackgroundColorPressed;
|
|
114
|
-
}
|
|
115
|
-
export interface DesignTokenStyles extends TokenizedProps {
|
|
116
|
-
'&::after': TokenizedProps;
|
|
117
|
-
'&::before': TokenizedProps;
|
|
118
|
-
'&:active': TokenizedPropsWithPressed;
|
|
119
|
-
'&:any-link': TokenizedProps;
|
|
120
|
-
'&:autofill': TokenizedProps;
|
|
121
|
-
'&:blank': TokenizedProps;
|
|
122
|
-
'&:checked': TokenizedProps;
|
|
123
|
-
'&:default': TokenizedProps;
|
|
124
|
-
'&:disabled': TokenizedProps;
|
|
125
|
-
'&:enabled': TokenizedProps;
|
|
126
|
-
'&:focus-visible': TokenizedProps;
|
|
127
|
-
'&:focus-within': TokenizedProps;
|
|
128
|
-
'&:focus': TokenizedProps;
|
|
129
|
-
'&:hover': TokenizedPropsWithHovered;
|
|
130
|
-
'&:in-range': TokenizedProps;
|
|
131
|
-
'&:indeterminate': TokenizedProps;
|
|
132
|
-
'&:invalid': TokenizedProps;
|
|
133
|
-
'&:link': TokenizedProps;
|
|
134
|
-
'&:local-link': TokenizedProps;
|
|
135
|
-
'&:optional': TokenizedProps;
|
|
136
|
-
'&:out-of-range': TokenizedProps;
|
|
137
|
-
'&:placeholder-shown': TokenizedProps;
|
|
138
|
-
'&:read-only': TokenizedProps;
|
|
139
|
-
'&:read-write': TokenizedProps;
|
|
140
|
-
'&:required': TokenizedProps;
|
|
141
|
-
'&:user-invalid': TokenizedProps;
|
|
142
|
-
'&:user-valid': TokenizedProps;
|
|
143
|
-
'&:valid': TokenizedProps;
|
|
144
|
-
'&:visited': TokenizedProps;
|
|
134
|
+
userModify: never;
|
|
135
|
+
width: SizeIntrinsic;
|
|
136
|
+
zIndex: 100 | 200 | 300 | 400 | 500 | 510 | 600 | 700 | 800;
|
|
145
137
|
}
|
|
@@ -14,7 +14,7 @@ export type ThemeFileNames = Themes;
|
|
|
14
14
|
* theme files/folders are called. style-dictionary will attempt to locate these in the file-system.
|
|
15
15
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
16
16
|
*/
|
|
17
|
-
export type ThemeOverrides =
|
|
17
|
+
export type ThemeOverrides = 'atlassian-light-new-input-border' | 'atlassian-dark-new-input-border';
|
|
18
18
|
/**
|
|
19
19
|
* Theme kinds: The type of theme.
|
|
20
20
|
* Some themes are entirely focused on Color, whilst others are purely focused on spacing.
|
|
@@ -70,6 +70,8 @@ export type ThemeIds = (typeof themeIds)[number];
|
|
|
70
70
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
71
71
|
*/
|
|
72
72
|
export declare const themeOverrideIds: readonly [
|
|
73
|
+
"light-new-input-border",
|
|
74
|
+
"dark-new-input-border"
|
|
73
75
|
];
|
|
74
76
|
export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
|
|
75
77
|
export declare const themeIdsWithOverrides: readonly [
|
|
@@ -84,7 +86,9 @@ export declare const themeIdsWithOverrides: readonly [
|
|
|
84
86
|
"spacing",
|
|
85
87
|
"shape",
|
|
86
88
|
"typography-adg3",
|
|
87
|
-
"typography-minor3"
|
|
89
|
+
"typography-minor3",
|
|
90
|
+
"light-new-input-border",
|
|
91
|
+
"dark-new-input-border"
|
|
88
92
|
];
|
|
89
93
|
export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
|
|
90
94
|
/**
|
|
@@ -647,7 +647,7 @@
|
|
|
647
647
|
"introduced": "0.6.0",
|
|
648
648
|
"description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
|
|
649
649
|
},
|
|
650
|
-
"value": "#
|
|
650
|
+
"value": "#A6C5E229"
|
|
651
651
|
},
|
|
652
652
|
"Dark/color.border.inverse": {
|
|
653
653
|
"attributes": {
|
|
@@ -647,7 +647,7 @@
|
|
|
647
647
|
"introduced": "0.6.0",
|
|
648
648
|
"description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
|
|
649
649
|
},
|
|
650
|
-
"value": "#
|
|
650
|
+
"value": "#091E4224"
|
|
651
651
|
},
|
|
652
652
|
"Light/color.border.inverse": {
|
|
653
653
|
"attributes": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "1.41.
|
|
3
|
+
"version": "1.41.2",
|
|
4
4
|
"description": "Design tokens are the single source of truth to name and store design decisions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -121,6 +121,9 @@
|
|
|
121
121
|
"./css-type-schema": "./src/entry-points/css-type-schema.codegen.tsx"
|
|
122
122
|
},
|
|
123
123
|
"platform-feature-flags": {
|
|
124
|
+
"platform.design-system-team.border-checkbox_nyoiu": {
|
|
125
|
+
"type": "boolean"
|
|
126
|
+
},
|
|
124
127
|
"platform.design-system-team.increased-contrast-themes": {
|
|
125
128
|
"type": "boolean"
|
|
126
129
|
}
|
package/.eslintrc.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
overrides: [
|
|
3
|
-
{
|
|
4
|
-
// Lint documentation to ensure usage examples are up-to-date
|
|
5
|
-
files: ['./examples/**', './docs/**'],
|
|
6
|
-
rules: {
|
|
7
|
-
'@atlaskit/design-system/no-deprecated-design-token-usage': ['warn'],
|
|
8
|
-
'@atlaskit/design-system/ensure-design-token-usage': [
|
|
9
|
-
'error',
|
|
10
|
-
{ domains: ['color'], shouldEnforceFallbacks: true },
|
|
11
|
-
],
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
// Constellation examples, and docs, include fallbacks for now
|
|
16
|
-
files: ['./examples/constellation/**', './docs/**'],
|
|
17
|
-
rules: {
|
|
18
|
-
'@atlaskit/design-system/no-unsafe-design-token-usage': [
|
|
19
|
-
'error',
|
|
20
|
-
{ shouldEnforceFallbacks: true },
|
|
21
|
-
],
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
// Atlaskit examples don't all have fallbacks
|
|
26
|
-
files: ['./examples/**.tsx'],
|
|
27
|
-
rules: {
|
|
28
|
-
'@atlaskit/design-system/no-unsafe-design-token-usage': [
|
|
29
|
-
'error',
|
|
30
|
-
{ shouldEnforceFallbacks: false },
|
|
31
|
-
],
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
],
|
|
35
|
-
};
|