@atlaskit/tokens 0.13.5 → 1.1.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 +305 -0
- package/README.md +7 -16
- package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
- package/dist/cjs/artifacts/replacement-mapping.js +3 -611
- package/dist/cjs/artifacts/theme-import-map.js +56 -0
- package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
- package/dist/cjs/artifacts/token-default-values.js +2 -170
- package/dist/cjs/artifacts/token-names.js +2 -170
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1582
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
- package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
- package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
- package/dist/cjs/babel-plugin/index.js +0 -2
- package/dist/cjs/babel-plugin/plugin.js +17 -43
- package/dist/cjs/entry-points/babel-plugin.js +0 -2
- package/dist/cjs/entry-points/palettes-raw.js +0 -2
- package/dist/cjs/entry-points/rename-mapping.js +0 -2
- package/dist/cjs/entry-points/token-ids.js +0 -1
- package/dist/cjs/entry-points/token-names.js +0 -2
- package/dist/cjs/entry-points/tokens-raw.js +0 -5
- package/dist/cjs/get-global-theme.js +30 -0
- package/dist/cjs/get-token-value.js +1 -10
- package/dist/cjs/get-token.js +3 -13
- package/dist/cjs/index.js +46 -10
- package/dist/cjs/palettes/legacy-palette.js +1 -1
- package/dist/cjs/palettes/spacing-scale.js +1 -1
- package/dist/cjs/palettes/typography-palette.js +0 -5
- package/dist/cjs/set-global-theme.js +265 -39
- package/dist/cjs/theme-config.js +8 -23
- package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
- package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -228
- package/dist/cjs/tokens/default/spacing/spacing.js +0 -621
- package/dist/cjs/tokens/default/utility/utility.js +1 -9
- package/dist/cjs/use-theme-observer.js +41 -0
- package/dist/cjs/utils/color-detection.js +23 -43
- package/dist/cjs/utils/theme-loading.js +69 -0
- package/dist/cjs/utils/theme-state-transformer.js +73 -0
- package/dist/cjs/utils/token-ids.js +4 -12
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/replacement-mapping.js +3 -610
- package/dist/es2019/artifacts/theme-import-map.js +27 -0
- package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
- package/dist/es2019/artifacts/themes/atlassian-spacing.js +23 -0
- package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
- package/dist/es2019/artifacts/token-default-values.js +2 -169
- package/dist/es2019/artifacts/token-names.js +2 -169
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
- package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
- package/dist/es2019/babel-plugin/plugin.js +17 -37
- package/dist/es2019/get-global-theme.js +20 -0
- package/dist/es2019/get-token-value.js +1 -6
- package/dist/es2019/get-token.js +3 -8
- package/dist/es2019/index.js +5 -2
- package/dist/es2019/palettes/legacy-palette.js +1 -0
- package/dist/es2019/palettes/spacing-scale.js +1 -0
- package/dist/es2019/palettes/typography-palette.js +2 -1
- package/dist/es2019/set-global-theme.js +162 -32
- package/dist/es2019/theme-config.js +5 -21
- package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
- package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/es2019/tokens/atlassian-spacing/spacing.js +0 -227
- package/dist/es2019/tokens/default/spacing/spacing.js +0 -620
- package/dist/es2019/tokens/default/utility/utility.js +1 -9
- package/dist/es2019/use-theme-observer.js +26 -0
- package/dist/es2019/utils/color-detection.js +3 -5
- package/dist/es2019/utils/theme-loading.js +18 -0
- package/dist/es2019/utils/theme-state-transformer.js +47 -0
- package/dist/es2019/utils/token-ids.js +5 -4
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/replacement-mapping.js +3 -610
- package/dist/esm/artifacts/theme-import-map.js +39 -0
- package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
- package/dist/esm/artifacts/token-default-values.js +2 -169
- package/dist/esm/artifacts/token-names.js +2 -169
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
- package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1581
- package/dist/esm/babel-plugin/plugin.js +17 -35
- package/dist/esm/get-global-theme.js +22 -0
- package/dist/esm/get-token-value.js +1 -6
- package/dist/esm/get-token.js +3 -8
- package/dist/esm/index.js +5 -2
- package/dist/esm/palettes/legacy-palette.js +1 -0
- package/dist/esm/palettes/spacing-scale.js +1 -0
- package/dist/esm/palettes/typography-palette.js +0 -3
- package/dist/esm/set-global-theme.js +263 -37
- package/dist/esm/theme-config.js +5 -21
- package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
- package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
- package/dist/esm/tokens/atlassian-spacing/spacing.js +0 -227
- package/dist/esm/tokens/default/spacing/spacing.js +0 -620
- package/dist/esm/tokens/default/utility/utility.js +1 -9
- package/dist/esm/use-theme-observer.js +34 -0
- package/dist/esm/utils/color-detection.js +23 -30
- package/dist/esm/utils/theme-loading.js +60 -0
- package/dist/esm/utils/theme-state-transformer.js +64 -0
- package/dist/esm/utils/token-ids.js +5 -4
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +16 -0
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
- package/dist/types/artifacts/token-default-values.d.ts +2 -169
- package/dist/types/artifacts/token-names.d.ts +3 -337
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
- package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -89
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/get-global-theme.d.ts +2 -0
- package/dist/types/index.d.ts +7 -3
- package/dist/types/set-global-theme.d.ts +63 -7
- package/dist/types/theme-config.d.ts +10 -7
- package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
- package/dist/types/types.d.ts +1 -286
- package/dist/types/use-theme-observer.d.ts +15 -0
- package/dist/types/utils/theme-loading.d.ts +3 -0
- package/dist/types/utils/theme-state-transformer.d.ts +26 -0
- package/figma/atlassian-dark.json +1 -102
- package/figma/atlassian-legacy-dark.json +1 -102
- package/figma/atlassian-legacy-light.json +1 -102
- package/figma/atlassian-light.json +1 -102
- package/figma/atlassian-spacing.json +1 -761
- package/package.json +5 -8
- package/report.api.md +85 -351
- package/tmp/api-report-tmp.d.ts +58 -342
- package/css/atlassian-dark.css +0 -786
- package/css/atlassian-legacy-dark.css +0 -786
- package/css/atlassian-legacy-light.css +0 -786
- package/css/atlassian-light.css +0 -786
- package/css/atlassian-spacing.css +0 -87
- package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
- package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
- package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
- package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
- package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
- package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
- package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
- package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
- package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
- package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
- package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
- package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
- package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
- package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
- package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
- package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
- package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
- package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
- package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
- package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
- package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::1c3f659ac4c8889e3e380cbceeca3bae>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-dark\"] {\n --ds-text: #E6EDFA;\n --ds-text-accent-red: #FF5630;\n --ds-text-accent-red-bolder: #FF7452;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #F18D13;\n --ds-text-accent-yellow: #FFAB00;\n --ds-text-accent-yellow-bolder: #FFC400;\n --ds-text-accent-green: #36B37E;\n --ds-text-accent-green-bolder: #57D9A3;\n --ds-text-accent-teal: #00B8D9;\n --ds-text-accent-teal-bolder: #00C7E6;\n --ds-text-accent-blue: #0065FF;\n --ds-text-accent-blue-bolder: #2684FF;\n --ds-text-accent-purple: #6554C0;\n --ds-text-accent-purple-bolder: #8777D9;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #8C9CB8;\n --ds-text-accent-gray-bolder: #ABBBD6;\n --ds-text-disabled: #1B2638;\n --ds-text-inverse: #0D1424;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0052CC;\n --ds-text-danger: #FF5630;\n --ds-text-warning: #172B4D;\n --ds-text-warning-inverse: #0D1424;\n --ds-text-success: #36B37E;\n --ds-text-discovery: #6554C0;\n --ds-text-information: #0065FF;\n --ds-text-subtlest: #7988A3;\n --ds-text-subtle: #9FB0CC;\n --ds-link: #0052CC;\n --ds-link-pressed: #0065FF;\n --ds-icon: #DCE5F5;\n --ds-icon-accent-red: #BF2600;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #FF8B00;\n --ds-icon-accent-green: #006644;\n --ds-icon-accent-teal: #008DA6;\n --ds-icon-accent-blue: #0747A6;\n --ds-icon-accent-purple: #403294;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #B8C7E0;\n --ds-icon-disabled: #0d14245b;\n --ds-icon-inverse: #202B3D;\n --ds-icon-selected: #4C9AFF;\n --ds-icon-brand: #4C9AFF;\n --ds-icon-danger: #FF8F73;\n --ds-icon-warning: #FFF0B3;\n --ds-icon-warning-inverse: #202B3D;\n --ds-icon-success: #57D9A3;\n --ds-icon-discovery: #998DD9;\n --ds-icon-information: #B3D4FF;\n --ds-icon-subtle: #202B3D;\n --ds-border: #202B3D;\n --ds-border-accent-red: #BF2600;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #FF8B00;\n --ds-border-accent-green: #006644;\n --ds-border-accent-teal: #008DA6;\n --ds-border-accent-blue: #0747A6;\n --ds-border-accent-purple: #403294;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #B8C7E0;\n --ds-border-disabled: #0E1624;\n --ds-border-focused: #B3D4FF;\n --ds-border-input: #202B3D;\n --ds-border-inverse: #0D1424;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #DE350B;\n --ds-border-warning: #FF8B00;\n --ds-border-success: #006644;\n --ds-border-discovery: #403294;\n --ds-border-information: #0747A6;\n --ds-border-bold: #7988A3;\n --ds-background-accent-red-subtlest: #BF2600;\n --ds-background-accent-red-subtler: #DE350B;\n --ds-background-accent-red-subtle: #FF5630;\n --ds-background-accent-red-bolder: #FF8F73;\n --ds-background-accent-orange-subtlest: #43290F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #F18D13;\n --ds-background-accent-yellow-subtlest: #FF8B00;\n --ds-background-accent-yellow-subtler: #FF991F;\n --ds-background-accent-yellow-subtle: #FFAB00;\n --ds-background-accent-yellow-bolder: #FFE380;\n --ds-background-accent-green-subtlest: #006644;\n --ds-background-accent-green-subtler: #00875A;\n --ds-background-accent-green-subtle: #36B37E;\n --ds-background-accent-green-bolder: #79F2C0;\n --ds-background-accent-teal-subtlest: #008DA6;\n --ds-background-accent-teal-subtler: #00A3BF;\n --ds-background-accent-teal-subtle: #00B8D9;\n --ds-background-accent-teal-bolder: #79E2F2;\n --ds-background-accent-blue-subtlest: #0747A6;\n --ds-background-accent-blue-subtler: #0052CC;\n --ds-background-accent-blue-subtle: #0065FF;\n --ds-background-accent-blue-bolder: #4C9AFF;\n --ds-background-accent-purple-subtlest: #403294;\n --ds-background-accent-purple-subtler: #5243AA;\n --ds-background-accent-purple-subtle: #6554C0;\n --ds-background-accent-purple-bolder: #998DD9;\n --ds-background-accent-magenta-subtlest: #341829;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #8C9CB8;\n --ds-background-accent-gray-subtler: #9FB0CC;\n --ds-background-accent-gray-subtle: #ABBBD6;\n --ds-background-accent-gray-bolder: #CED9EB;\n --ds-background-disabled: #3B475C;\n --ds-background-input: #0E1624;\n --ds-background-input-hovered: #1B2638;\n --ds-background-input-pressed: #0D1424;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #3B475C;\n --ds-background-neutral-hovered: #313D52;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #313D52;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #CED9EB;\n --ds-background-neutral-bold-hovered: #B8C7E0;\n --ds-background-neutral-bold-pressed: #DCE5F5;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #0065FF;\n --ds-background-selected-bold-pressed: #0747A6;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #FF5630;\n --ds-background-danger-bold-hovered: #FF7452;\n --ds-background-danger-bold-pressed: #DE350B;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #36B37E;\n --ds-background-success-bold-pressed: #006644;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #6554C0;\n --ds-background-discovery-bold-pressed: #403294;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #0065FF;\n --ds-background-information-bold-pressed: #0747A6;\n --ds-blanket: #0d1424a0;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #0d1424f2;\n --ds-skeleton-subtle: #0d1424f7;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00C7E6;\n --ds-chart-categorical-2: #6554C0;\n --ds-chart-categorical-2-hovered: #8777D9;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #0065FF;\n --ds-chart-categorical-5-hovered: #2684FF;\n --ds-chart-categorical-6: #6554C0;\n --ds-chart-categorical-6-hovered: #8777D9;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-neutral: #B8C7E0;\n --ds-chart-neutral-hovered: #ABBBD6;\n --ds-chart-red-bold: #BF2600;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #FF5630;\n --ds-chart-red-boldest: #FF5630;\n --ds-chart-red-boldest-hovered: #FF7452;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #FF8B00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FFAB00;\n --ds-chart-yellow-boldest: #FFAB00;\n --ds-chart-yellow-boldest-hovered: #FFC400;\n --ds-chart-green-bold: #006644;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #36B37E;\n --ds-chart-green-boldest: #36B37E;\n --ds-chart-green-boldest-hovered: #57D9A3;\n --ds-chart-teal-bold: #008DA6;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #00B8D9;\n --ds-chart-teal-boldest: #00B8D9;\n --ds-chart-teal-boldest-hovered: #00C7E6;\n --ds-chart-blue-bold: #0747A6;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0065FF;\n --ds-chart-blue-boldest: #0065FF;\n --ds-chart-blue-boldest-hovered: #2684FF;\n --ds-chart-purple-bold: #403294;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #6554C0;\n --ds-chart-purple-boldest: #6554C0;\n --ds-chart-purple-boldest-hovered: #8777D9;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #B8C7E0;\n --ds-chart-gray-bold-hovered: #CED9EB;\n --ds-chart-gray-bolder: #CED9EB;\n --ds-chart-gray-bolder-hovered: #DCE5F5;\n --ds-chart-gray-boldest: #DCE5F5;\n --ds-chart-gray-boldest-hovered: #E6EDFA;\n --ds-chart-brand: #0052CC;\n --ds-chart-brand-hovered: #0065FF;\n --ds-chart-danger: #DE350B;\n --ds-chart-danger-hovered: #FF5630;\n --ds-chart-danger-bold: #FF5630;\n --ds-chart-danger-bold-hovered: #FF7452;\n --ds-chart-warning: #FF991F;\n --ds-chart-warning-hovered: #FFAB00;\n --ds-chart-warning-bold: #FFAB00;\n --ds-chart-warning-bold-hovered: #FFC400;\n --ds-chart-success: #00875A;\n --ds-chart-success-hovered: #36B37E;\n --ds-chart-success-bold: #36B37E;\n --ds-chart-success-bold-hovered: #57D9A3;\n --ds-chart-discovery: #5243AA;\n --ds-chart-discovery-hovered: #6554C0;\n --ds-chart-discovery-bold: #6554C0;\n --ds-chart-discovery-bold-hovered: #8777D9;\n --ds-chart-information: #0052CC;\n --ds-chart-information-hovered: #0065FF;\n --ds-chart-information-bold: #0065FF;\n --ds-chart-information-bold-hovered: #2684FF;\n --ds-surface: #1B2638;\n --ds-surface-hovered: #202B3D;\n --ds-surface-pressed: #283447;\n --ds-surface-overlay: #7988A3;\n --ds-surface-overlay-hovered: #8C9CB8;\n --ds-surface-overlay-pressed: #9FB0CC;\n --ds-surface-raised: #455166;\n --ds-surface-raised-hovered: #56637A;\n --ds-surface-raised-pressed: #67758F;\n --ds-surface-sunken: #67758F;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::40cedef971cd5ad5fd9fe662859ac836>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-light\"] {\n --ds-text: #172B4D;\n --ds-text-accent-red: #DE350B;\n --ds-text-accent-red-bolder: #BF2600;\n --ds-text-accent-orange: #F18D13;\n --ds-text-accent-orange-bolder: #B65C02;\n --ds-text-accent-yellow: #FF991F;\n --ds-text-accent-yellow-bolder: #FF8B00;\n --ds-text-accent-green: #00875A;\n --ds-text-accent-green-bolder: #006644;\n --ds-text-accent-teal: #00A3BF;\n --ds-text-accent-teal-bolder: #008DA6;\n --ds-text-accent-blue: #0052CC;\n --ds-text-accent-blue-bolder: #0747A6;\n --ds-text-accent-purple: #5243AA;\n --ds-text-accent-purple-bolder: #403294;\n --ds-text-accent-magenta: #E774BB;\n --ds-text-accent-magenta-bolder: #DA62AC;\n --ds-text-accent-gray: #505F79;\n --ds-text-accent-gray-bolder: #172B4D;\n --ds-text-disabled: #A5ADBA;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0065FF;\n --ds-text-danger: #DE350B;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #006644;\n --ds-text-discovery: #403294;\n --ds-text-information: #0052CC;\n --ds-text-subtlest: #7A869A;\n --ds-text-subtle: #42526E;\n --ds-link: #0052CC;\n --ds-link-pressed: #0747A6;\n --ds-icon: #505F79;\n --ds-icon-accent-red: #FF5630;\n --ds-icon-accent-orange: #D94008;\n --ds-icon-accent-yellow: #FFAB00;\n --ds-icon-accent-green: #36B37E;\n --ds-icon-accent-teal: #00B8D9;\n --ds-icon-accent-blue: #0065FF;\n --ds-icon-accent-purple: #6554C0;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #5E6C84;\n --ds-icon-disabled: #8993A4;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0052CC;\n --ds-icon-brand: #0065FF;\n --ds-icon-danger: #DE350B;\n --ds-icon-warning: #FFC400;\n --ds-icon-warning-inverse: #253858;\n --ds-icon-success: #00875A;\n --ds-icon-discovery: #8777D9;\n --ds-icon-information: #0747A6;\n --ds-icon-subtle: #6B778C;\n --ds-border: #091e4221;\n --ds-border-accent-red: #FF5630;\n --ds-border-accent-orange: #D94008;\n --ds-border-accent-yellow: #FFAB00;\n --ds-border-accent-green: #36B37E;\n --ds-border-accent-teal: #00B8D9;\n --ds-border-accent-blue: #0065FF;\n --ds-border-accent-purple: #6554C0;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #5E6C84;\n --ds-border-disabled: #FAFBFC;\n --ds-border-focused: #4C9AFF;\n --ds-border-input: #FAFBFC;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #FF5630;\n --ds-border-warning: #FFC400;\n --ds-border-success: #00875A;\n --ds-border-discovery: #998DD9;\n --ds-border-information: #0065FF;\n --ds-border-bold: #344563;\n --ds-background-accent-red-subtlest: #FF8F73;\n --ds-background-accent-red-subtler: #FF7452;\n --ds-background-accent-red-subtle: #DE350B;\n --ds-background-accent-red-bolder: #DE350B;\n --ds-background-accent-orange-subtlest: #F18D13;\n --ds-background-accent-orange-subtler: #B65C02;\n --ds-background-accent-orange-subtle: #5F3811;\n --ds-background-accent-orange-bolder: #43290F;\n --ds-background-accent-yellow-subtlest: #FFE380;\n --ds-background-accent-yellow-subtler: #FFC400;\n --ds-background-accent-yellow-subtle: #FF991F;\n --ds-background-accent-yellow-bolder: #FF991F;\n --ds-background-accent-green-subtlest: #79F2C0;\n --ds-background-accent-green-subtler: #57D9A3;\n --ds-background-accent-green-subtle: #00875A;\n --ds-background-accent-green-bolder: #00875A;\n --ds-background-accent-teal-subtlest: #79E2F2;\n --ds-background-accent-teal-subtler: #00C7E6;\n --ds-background-accent-teal-subtle: #00A3BF;\n --ds-background-accent-teal-bolder: #00A3BF;\n --ds-background-accent-blue-subtlest: #4C9AFF;\n --ds-background-accent-blue-subtler: #2684FF;\n --ds-background-accent-blue-subtle: #0052CC;\n --ds-background-accent-blue-bolder: #0052CC;\n --ds-background-accent-purple-subtlest: #998DD9;\n --ds-background-accent-purple-subtler: #8777D9;\n --ds-background-accent-purple-subtle: #5243AA;\n --ds-background-accent-purple-bolder: #5243AA;\n --ds-background-accent-magenta-subtlest: #E774BB;\n --ds-background-accent-magenta-subtler: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #6B778C;\n --ds-background-accent-gray-subtler: #5E6C84;\n --ds-background-accent-gray-subtle: #42526E;\n --ds-background-accent-gray-bolder: #505F79;\n --ds-background-disabled: #091e4289;\n --ds-background-input: #FAFBFC;\n --ds-background-input-hovered: #EBECF0;\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: #DFE1E6;\n --ds-background-neutral-hovered: #091e4214;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #091e4214;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #42526E;\n --ds-background-neutral-bold-hovered: #505F79;\n --ds-background-neutral-bold-pressed: #344563;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #2684FF;\n --ds-background-selected-bold-pressed: #0052CC;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #DE350B;\n --ds-background-danger-bold-hovered: #FF5630;\n --ds-background-danger-bold-pressed: #BF2600;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #57D9A3;\n --ds-background-success-bold-pressed: #00875A;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #8777D9;\n --ds-background-discovery-bold-pressed: #5243AA;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #2684FF;\n --ds-background-information-bold-pressed: #0052CC;\n --ds-blanket: #091e4289;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #F4F5F7;\n --ds-skeleton-subtle: #091e420a;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00A3BF;\n --ds-chart-categorical-2: #5243AA;\n --ds-chart-categorical-2-hovered: #403294;\n --ds-chart-categorical-3: #D94008;\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: #0052CC;\n --ds-chart-categorical-5-hovered: #0747A6;\n --ds-chart-categorical-6: #5243AA;\n --ds-chart-categorical-6-hovered: #403294;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-neutral: #5E6C84;\n --ds-chart-neutral-hovered: #505F79;\n --ds-chart-red-bold: #FF5630;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #BF2600;\n --ds-chart-red-boldest: #BF2600;\n --ds-chart-red-boldest-hovered: #BF2600;\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: #FFAB00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FF8B00;\n --ds-chart-yellow-boldest: #FF8B00;\n --ds-chart-yellow-boldest-hovered: #FF8B00;\n --ds-chart-green-bold: #36B37E;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #006644;\n --ds-chart-green-boldest: #006644;\n --ds-chart-green-boldest-hovered: #006644;\n --ds-chart-teal-bold: #00B8D9;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #008DA6;\n --ds-chart-teal-boldest: #008DA6;\n --ds-chart-teal-boldest-hovered: #008DA6;\n --ds-chart-blue-bold: #0065FF;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0747A6;\n --ds-chart-blue-boldest: #0747A6;\n --ds-chart-blue-boldest-hovered: #0747A6;\n --ds-chart-purple-bold: #6554C0;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #403294;\n --ds-chart-purple-boldest: #403294;\n --ds-chart-purple-boldest-hovered: #403294;\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: #5E6C84;\n --ds-chart-gray-bold-hovered: #505F79;\n --ds-chart-gray-bolder: #505F79;\n --ds-chart-gray-bolder-hovered: #42526E;\n --ds-chart-gray-boldest: #42526E;\n --ds-chart-gray-boldest-hovered: #42526E;\n --ds-chart-brand: #0065FF;\n --ds-chart-brand-hovered: #0052CC;\n --ds-chart-danger: #FF5630;\n --ds-chart-danger-hovered: #DE350B;\n --ds-chart-danger-bold: #DE350B;\n --ds-chart-danger-bold-hovered: #BF2600;\n --ds-chart-warning: #FFAB00;\n --ds-chart-warning-hovered: #FF991F;\n --ds-chart-warning-bold: #FF991F;\n --ds-chart-warning-bold-hovered: #FF8B00;\n --ds-chart-success: #36B37E;\n --ds-chart-success-hovered: #00875A;\n --ds-chart-success-bold: #00875A;\n --ds-chart-success-bold-hovered: #006644;\n --ds-chart-discovery: #6554C0;\n --ds-chart-discovery-hovered: #5243AA;\n --ds-chart-discovery-bold: #5243AA;\n --ds-chart-discovery-bold-hovered: #403294;\n --ds-chart-information: #0065FF;\n --ds-chart-information-hovered: #0052CC;\n --ds-chart-information-bold: #0052CC;\n --ds-chart-information-bold-hovered: #0747A6;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #FAFBFC;\n --ds-surface-pressed: #F4F5F7;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #FAFBFC;\n --ds-surface-overlay-pressed: #F4F5F7;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #FAFBFC;\n --ds-surface-raised-pressed: #F4F5F7;\n --ds-surface-sunken: #F4F5F7;\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}\n";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::812743f16787a9099533869051fbdd32>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n --ds-text: #172B4D;\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-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-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-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtle: #F87462;\n --ds-background-accent-red-bolder: #CA3521;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtle: #FAA53D;\n --ds-background-accent-orange-bolder: #B65C02;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtle: #E2B203;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtle: #60C6D2;\n --ds-background-accent-teal-bolder: #1D7F8C;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-bolder: #626F86;\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-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\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: #082145;\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: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\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}\n";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::6a9bb91811dc597f0d705bbed643a7fc>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
export default "\nhtml[data-theme~=\"spacing:spacing\"] {\n --ds-space-0: 0;\n --ds-space-025: 0.125rem;\n --ds-space-050: 0.25rem;\n --ds-space-075: 0.375rem;\n --ds-space-100: 0.5rem;\n --ds-space-150: 0.75rem;\n --ds-space-200: 1rem;\n --ds-space-250: 1.25rem;\n --ds-space-300: 1.5rem;\n --ds-space-400: 2rem;\n --ds-space-500: 2.5rem;\n --ds-space-600: 3rem;\n --ds-space-800: 4rem;\n --ds-space-1000: 5rem;\n}\n";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::2bb692b141bab7de1129474ea0fe281e>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
export default "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-family-monospace: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace;\n --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-size-050: 11px;\n --ds-font-size-075: 12px;\n --ds-font-size-100: 14px;\n --ds-font-size-200: 16px;\n --ds-font-size-300: 20px;\n --ds-font-size-400: 24px;\n --ds-font-size-500: 29px;\n --ds-font-size-600: 35px;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-100: 16px;\n --ds-font-lineHeight-200: 20px;\n --ds-font-lineHeight-300: 24px;\n --ds-font-lineHeight-400: 28px;\n --ds-font-lineHeight-500: 32px;\n --ds-font-lineHeight-600: 40px;\n}\n";
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
5
5
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
6
6
|
*
|
|
7
|
-
* @codegen <<SignedSource::
|
|
7
|
+
* @codegen <<SignedSource::1481aae8495313f724d4e6c09ccaac8d>>
|
|
8
8
|
* @codegenCommand yarn build tokens
|
|
9
9
|
*/
|
|
10
10
|
var defaultTokenValues = {
|
|
@@ -28,14 +28,7 @@ var defaultTokenValues = {
|
|
|
28
28
|
'color.text.accent.gray': '#44546F',
|
|
29
29
|
'color.text.accent.gray.bolder': '#091E42',
|
|
30
30
|
'color.text.disabled': '#091E424F',
|
|
31
|
-
'color.text.highEmphasis': '#172B4D',
|
|
32
31
|
'color.text.inverse': '#FFFFFF',
|
|
33
|
-
'color.text.link.pressed': '#0055CC',
|
|
34
|
-
'color.text.link.resting': '#0C66E4',
|
|
35
|
-
'color.text.lowEmphasis': '#626F86',
|
|
36
|
-
'color.text.mediumEmphasis': '#44546F',
|
|
37
|
-
'color.text.onBold': '#FFFFFF',
|
|
38
|
-
'color.text.onBoldWarning': '#172B4D',
|
|
39
32
|
'color.text.selected': '#0C66E4',
|
|
40
33
|
'color.text.brand': '#0C66E4',
|
|
41
34
|
'color.text.danger': '#AE2A19',
|
|
@@ -80,11 +73,9 @@ var defaultTokenValues = {
|
|
|
80
73
|
'color.border.accent.magenta': '#CD519D',
|
|
81
74
|
'color.border.accent.gray': '#758195',
|
|
82
75
|
'color.border.disabled': '#091E420F',
|
|
83
|
-
'color.border.focus': '#388BFF',
|
|
84
76
|
'color.border.focused': '#388BFF',
|
|
85
77
|
'color.border.input': '#091E4224',
|
|
86
78
|
'color.border.inverse': '#FFFFFF',
|
|
87
|
-
'color.border.neutral': '#091E4224',
|
|
88
79
|
'color.border.selected': '#0C66E4',
|
|
89
80
|
'color.border.brand': '#0C66E4',
|
|
90
81
|
'color.border.danger': '#E34935',
|
|
@@ -93,84 +84,46 @@ var defaultTokenValues = {
|
|
|
93
84
|
'color.border.discovery': '#8270DB',
|
|
94
85
|
'color.border.information': '#1D7AFC',
|
|
95
86
|
'color.border.bold': '#758195',
|
|
96
|
-
'color.background.accent.red': '#FFD2CC',
|
|
97
87
|
'color.background.accent.red.subtlest': '#FFEDEB',
|
|
98
88
|
'color.background.accent.red.subtler': '#FFD2CC',
|
|
99
89
|
'color.background.accent.red.subtle': '#F87462',
|
|
100
|
-
'color.background.accent.red.bold': '#F87462',
|
|
101
90
|
'color.background.accent.red.bolder': '#CA3521',
|
|
102
|
-
'color.background.accent.orange': '#FFE2BD',
|
|
103
91
|
'color.background.accent.orange.subtlest': '#FFF4E5',
|
|
104
92
|
'color.background.accent.orange.subtler': '#FFE2BD',
|
|
105
93
|
'color.background.accent.orange.subtle': '#FAA53D',
|
|
106
|
-
'color.background.accent.orange.bold': '#FAA53D',
|
|
107
94
|
'color.background.accent.orange.bolder': '#B65C02',
|
|
108
|
-
'color.background.accent.yellow': '#F8E6A0',
|
|
109
95
|
'color.background.accent.yellow.subtlest': '#FFF7D6',
|
|
110
96
|
'color.background.accent.yellow.subtler': '#F8E6A0',
|
|
111
97
|
'color.background.accent.yellow.subtle': '#E2B203',
|
|
112
|
-
'color.background.accent.yellow.bold': '#E2B203',
|
|
113
98
|
'color.background.accent.yellow.bolder': '#946F00',
|
|
114
|
-
'color.background.accent.green': '#BAF3DB',
|
|
115
99
|
'color.background.accent.green.subtlest': '#DFFCF0',
|
|
116
100
|
'color.background.accent.green.subtler': '#BAF3DB',
|
|
117
101
|
'color.background.accent.green.subtle': '#4BCE97',
|
|
118
|
-
'color.background.accent.green.bold': '#4BCE97',
|
|
119
102
|
'color.background.accent.green.bolder': '#1F845A',
|
|
120
|
-
'color.background.accent.teal': '#C1F0F5',
|
|
121
103
|
'color.background.accent.teal.subtlest': '#E3FAFC',
|
|
122
104
|
'color.background.accent.teal.subtler': '#C1F0F5',
|
|
123
105
|
'color.background.accent.teal.subtle': '#60C6D2',
|
|
124
|
-
'color.background.accent.teal.bold': '#60C6D2',
|
|
125
106
|
'color.background.accent.teal.bolder': '#1D7F8C',
|
|
126
|
-
'color.background.accent.blue': '#CCE0FF',
|
|
127
107
|
'color.background.accent.blue.subtlest': '#E9F2FF',
|
|
128
108
|
'color.background.accent.blue.subtler': '#CCE0FF',
|
|
129
109
|
'color.background.accent.blue.subtle': '#579DFF',
|
|
130
|
-
'color.background.accent.blue.bold': '#579DFF',
|
|
131
110
|
'color.background.accent.blue.bolder': '#0C66E4',
|
|
132
|
-
'color.background.accent.purple': '#DFD8FD',
|
|
133
111
|
'color.background.accent.purple.subtlest': '#F3F0FF',
|
|
134
112
|
'color.background.accent.purple.subtler': '#DFD8FD',
|
|
135
113
|
'color.background.accent.purple.subtle': '#9F8FEF',
|
|
136
|
-
'color.background.accent.purple.bold': '#9F8FEF',
|
|
137
114
|
'color.background.accent.purple.bolder': '#6E5DC6',
|
|
138
|
-
'color.background.accent.magenta': '#FDD0EC',
|
|
139
115
|
'color.background.accent.magenta.subtlest': '#FFECF8',
|
|
140
116
|
'color.background.accent.magenta.subtler': '#FDD0EC',
|
|
141
117
|
'color.background.accent.magenta.subtle': '#E774BB',
|
|
142
|
-
'color.background.accent.magenta.bold': '#E774BB',
|
|
143
118
|
'color.background.accent.magenta.bolder': '#AE4787',
|
|
144
119
|
'color.background.accent.gray.subtlest': '#F1F2F4',
|
|
145
120
|
'color.background.accent.gray.subtler': '#DCDFE4',
|
|
146
121
|
'color.background.accent.gray.subtle': '#8590A2',
|
|
147
122
|
'color.background.accent.gray.bolder': '#626F86',
|
|
148
|
-
'color.background.blanket': '#091E427D',
|
|
149
|
-
'color.background.boldBrand.hover': '#0055CC',
|
|
150
|
-
'color.background.boldBrand.pressed': '#09326C',
|
|
151
|
-
'color.background.boldBrand.resting': '#0C66E4',
|
|
152
|
-
'color.background.boldDanger.hover': '#AE2A19',
|
|
153
|
-
'color.background.boldDanger.pressed': '#601E16',
|
|
154
|
-
'color.background.boldDanger.resting': '#CA3521',
|
|
155
|
-
'color.background.boldDiscovery.hover': '#5E4DB2',
|
|
156
|
-
'color.background.boldDiscovery.pressed': '#352C63',
|
|
157
|
-
'color.background.boldDiscovery.resting': '#6E5DC6',
|
|
158
|
-
'color.background.boldNeutral.hover': '#2C3E5D',
|
|
159
|
-
'color.background.boldNeutral.pressed': '#172B4D',
|
|
160
|
-
'color.background.boldNeutral.resting': '#44546F',
|
|
161
|
-
'color.background.boldSuccess.hover': '#216E4E',
|
|
162
|
-
'color.background.boldSuccess.pressed': '#164B35',
|
|
163
|
-
'color.background.boldSuccess.resting': '#1F845A',
|
|
164
|
-
'color.background.boldWarning.hover': '#CF9F02',
|
|
165
|
-
'color.background.boldWarning.pressed': '#B38600',
|
|
166
|
-
'color.background.boldWarning.resting': '#E2B203',
|
|
167
|
-
'color.background.card': '#FFFFFF',
|
|
168
|
-
'color.background.default': '#FFFFFF',
|
|
169
123
|
'color.background.disabled': '#091E4208',
|
|
170
124
|
'color.background.input': '#FFFFFF',
|
|
171
125
|
'color.background.input.hovered': '#F7F8F9',
|
|
172
126
|
'color.background.input.pressed': '#FFFFFF',
|
|
173
|
-
'color.background.inverse': '#FFFFFF29',
|
|
174
127
|
'color.background.inverse.subtle': '#00000029',
|
|
175
128
|
'color.background.inverse.subtle.hovered': '#0000003D',
|
|
176
129
|
'color.background.inverse.subtle.pressed': '#00000052',
|
|
@@ -183,41 +136,12 @@ var defaultTokenValues = {
|
|
|
183
136
|
'color.background.neutral.bold': '#44546F',
|
|
184
137
|
'color.background.neutral.bold.hovered': '#2C3E5D',
|
|
185
138
|
'color.background.neutral.bold.pressed': '#172B4D',
|
|
186
|
-
'color.background.overlay': '#FFFFFF',
|
|
187
139
|
'color.background.selected': '#E9F2FF',
|
|
188
140
|
'color.background.selected.hovered': '#CCE0FF',
|
|
189
141
|
'color.background.selected.pressed': '#85B8FF',
|
|
190
|
-
'color.background.selected.hover': '#CCE0FF',
|
|
191
|
-
'color.background.selected.resting': '#E9F2FF',
|
|
192
142
|
'color.background.selected.bold': '#0C66E4',
|
|
193
143
|
'color.background.selected.bold.hovered': '#0055CC',
|
|
194
144
|
'color.background.selected.bold.pressed': '#09326C',
|
|
195
|
-
'color.background.subtleBorderedNeutral.pressed': '#091E420F',
|
|
196
|
-
'color.background.subtleBorderedNeutral.resting': '#091E4208',
|
|
197
|
-
'color.background.subtleBrand.hover': '#CCE0FF',
|
|
198
|
-
'color.background.subtleBrand.pressed': '#85B8FF',
|
|
199
|
-
'color.background.subtleBrand.resting': '#E9F2FF',
|
|
200
|
-
'color.background.subtleDanger.hover': '#FFD2CC',
|
|
201
|
-
'color.background.subtleDanger.pressed': '#FF9C8F',
|
|
202
|
-
'color.background.subtleDanger.resting': '#FFEDEB',
|
|
203
|
-
'color.background.subtleDiscovery.hover': '#DFD8FD',
|
|
204
|
-
'color.background.subtleDiscovery.pressed': '#B8ACF6',
|
|
205
|
-
'color.background.subtleDiscovery.resting': '#F3F0FF',
|
|
206
|
-
'color.background.subtleNeutral.hover': '#091E4224',
|
|
207
|
-
'color.background.subtleNeutral.pressed': '#091E424F',
|
|
208
|
-
'color.background.subtleNeutral.resting': '#091E420F',
|
|
209
|
-
'color.background.subtleSuccess.hover': '#BAF3DB',
|
|
210
|
-
'color.background.subtleSuccess.pressed': '#7EE2B8',
|
|
211
|
-
'color.background.subtleSuccess.resting': '#DFFCF0',
|
|
212
|
-
'color.background.subtleWarning.hover': '#F8E6A0',
|
|
213
|
-
'color.background.subtleWarning.pressed': '#F5CD47',
|
|
214
|
-
'color.background.subtleWarning.resting': '#FFF7D6',
|
|
215
|
-
'color.background.sunken': '#091E4208',
|
|
216
|
-
'color.background.transparentNeutral.hover': '#091E420F',
|
|
217
|
-
'color.background.transparentNeutral.pressed': '#091E4224',
|
|
218
|
-
'color.background.brand': '#E9F2FF',
|
|
219
|
-
'color.background.brand.hovered': '#CCE0FF',
|
|
220
|
-
'color.background.brand.pressed': '#85B8FF',
|
|
221
145
|
'color.background.brand.bold': '#0C66E4',
|
|
222
146
|
'color.background.brand.bold.hovered': '#0055CC',
|
|
223
147
|
'color.background.brand.bold.pressed': '#09326C',
|
|
@@ -255,8 +179,6 @@ var defaultTokenValues = {
|
|
|
255
179
|
'color.blanket.selected': '#388BFF14',
|
|
256
180
|
'color.blanket.danger': '#EF5C4814',
|
|
257
181
|
'color.interaction.hovered': '#00000029',
|
|
258
|
-
'color.interaction.inverse.hovered': '#00000029',
|
|
259
|
-
'color.interaction.inverse.pressed': '#00000052',
|
|
260
182
|
'color.interaction.pressed': '#00000052',
|
|
261
183
|
'color.skeleton': '#091E420F',
|
|
262
184
|
'color.skeleton.subtle': '#091E4208',
|
|
@@ -354,26 +276,6 @@ var defaultTokenValues = {
|
|
|
354
276
|
'color.chart.information.hovered': '#1D7AFC',
|
|
355
277
|
'color.chart.information.bold': '#0055CC',
|
|
356
278
|
'color.chart.information.bold.hovered': '#09326C',
|
|
357
|
-
'color.accent.boldBlue': '#579DFF',
|
|
358
|
-
'color.accent.boldGreen': '#4BCE97',
|
|
359
|
-
'color.accent.boldOrange': '#FAA53D',
|
|
360
|
-
'color.accent.boldPurple': '#9F8FEF',
|
|
361
|
-
'color.accent.boldRed': '#F87462',
|
|
362
|
-
'color.accent.boldTeal': '#60C6D2',
|
|
363
|
-
'color.accent.subtleBlue': '#CCE0FF',
|
|
364
|
-
'color.accent.subtleGreen': '#BAF3DB',
|
|
365
|
-
'color.accent.subtleMagenta': '#FDD0EC',
|
|
366
|
-
'color.accent.subtleOrange': '#FFE2BD',
|
|
367
|
-
'color.accent.subtlePurple': '#DFD8FD',
|
|
368
|
-
'color.accent.subtleRed': '#FFD2CC',
|
|
369
|
-
'color.accent.subtleTeal': '#C1F0F5',
|
|
370
|
-
'color.iconBorder.brand': '#1D7AFC',
|
|
371
|
-
'color.iconBorder.danger': '#E34935',
|
|
372
|
-
'color.iconBorder.warning': '#D97008',
|
|
373
|
-
'color.iconBorder.success': '#22A06B',
|
|
374
|
-
'color.iconBorder.discovery': '#8270DB',
|
|
375
|
-
'color.overlay.hover': '#091E424F',
|
|
376
|
-
'color.overlay.pressed': '#091E427D',
|
|
377
279
|
'elevation.surface': '#FFFFFF',
|
|
378
280
|
'elevation.surface.hovered': '#F1F2F4',
|
|
379
281
|
'elevation.surface.pressed': '#DCDFE4',
|
|
@@ -391,76 +293,7 @@ var defaultTokenValues = {
|
|
|
391
293
|
'elevation.shadow.raised': '[object Object],[object Object]',
|
|
392
294
|
'opacity.disabled': '0.4',
|
|
393
295
|
'opacity.loading': '0.2',
|
|
394
|
-
'
|
|
395
|
-
'shadow.overlay': '[object Object],[object Object]',
|
|
396
|
-
'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2',
|
|
397
|
-
'utility.UNSAFE_util.transparent': 'transparent',
|
|
398
|
-
'spacing.scale.0': '0',
|
|
399
|
-
'spacing.scale.025': '0.125rem',
|
|
400
|
-
'spacing.scale.050': '0.25rem',
|
|
401
|
-
'spacing.scale.075': '0.375rem',
|
|
402
|
-
'spacing.scale.100': '0.5rem',
|
|
403
|
-
'spacing.scale.150': '0.75rem',
|
|
404
|
-
'spacing.scale.200': '1rem',
|
|
405
|
-
'spacing.scale.250': '1.25rem',
|
|
406
|
-
'spacing.scale.300': '1.5rem',
|
|
407
|
-
'spacing.scale.400': '2rem',
|
|
408
|
-
'spacing.scale.500': '2.5rem',
|
|
409
|
-
'spacing.scale.600': '3rem',
|
|
410
|
-
'spacing.scale.800': '4rem',
|
|
411
|
-
'spacing.scale.1000': '5rem',
|
|
412
|
-
'spacing.scaleLinear.0': '0',
|
|
413
|
-
'spacing.scaleLinear.100': '0.125rem',
|
|
414
|
-
'spacing.scaleLinear.200': '0.25rem',
|
|
415
|
-
'spacing.scaleLinear.300': '0.375rem',
|
|
416
|
-
'spacing.scaleLinear.400': '0.5rem',
|
|
417
|
-
'spacing.scaleLinear.500': '0.75rem',
|
|
418
|
-
'spacing.scaleLinear.600': '1rem',
|
|
419
|
-
'spacing.scaleLinear.700': '1.25rem',
|
|
420
|
-
'spacing.scaleLinear.800': '1.5rem',
|
|
421
|
-
'spacing.scaleLinear.900': '2rem',
|
|
422
|
-
'spacing.scaleLinear.1000': '2.5rem',
|
|
423
|
-
'spacing.scaleLinear.1100': '3rem',
|
|
424
|
-
'spacing.size.none': '0',
|
|
425
|
-
'spacing.size.xxxxSmall': '0.125rem',
|
|
426
|
-
'spacing.size.xxxSmall': '0.25rem',
|
|
427
|
-
'spacing.size.xxSmall': '0.375rem',
|
|
428
|
-
'spacing.size.xsmall': '0.5rem',
|
|
429
|
-
'spacing.size.small': '0.75rem',
|
|
430
|
-
'spacing.size.medium': '1rem',
|
|
431
|
-
'spacing.size.large': '1.25rem',
|
|
432
|
-
'spacing.size.xlarge': '1.5rem',
|
|
433
|
-
'spacing.size.xxlarge': '2rem',
|
|
434
|
-
'spacing.size.xxxlarge': '2.5rem',
|
|
435
|
-
'spacing.size.xxxxlarge': '3rem',
|
|
436
|
-
'spacing.gap.100': '0.5rem',
|
|
437
|
-
'spacing.gap.200': '1rem',
|
|
438
|
-
'spacing.gap.300': '1.5rem',
|
|
439
|
-
'spacing.inset.100': '0.5rem',
|
|
440
|
-
'spacing.inset.200': '1rem',
|
|
441
|
-
'spacing.inset.300': '1.5rem',
|
|
442
|
-
'spacing.ecl.container.12': '0.75rem',
|
|
443
|
-
'spacing.ecl.container.16': '1rem',
|
|
444
|
-
'spacing.ecl.container.20': '1.25rem',
|
|
445
|
-
'spacing.ecl.container.24': '1.5rem',
|
|
446
|
-
'spacing.ecl.element.2': '0.125rem',
|
|
447
|
-
'spacing.ecl.element.4': '0.25rem',
|
|
448
|
-
'spacing.ecl.element.6': '0.375rem',
|
|
449
|
-
'spacing.ecl.element.8': '0.5rem',
|
|
450
|
-
'spacing.ecl.layout.32': '2rem',
|
|
451
|
-
'spacing.ecl.layout.40': '2.5rem',
|
|
452
|
-
'spacing.ecl.layout.64': '3rem',
|
|
453
|
-
'spacing.ccc.component.2': '0.125rem',
|
|
454
|
-
'spacing.ccc.component.4': '0.25rem',
|
|
455
|
-
'spacing.ccc.component.6': '0.375rem',
|
|
456
|
-
'spacing.ccc.component.8': '0.5rem',
|
|
457
|
-
'spacing.ccc.container.32': '2rem',
|
|
458
|
-
'spacing.ccc.container.40': '2.5rem',
|
|
459
|
-
'spacing.ccc.container.48': '3rem',
|
|
460
|
-
'spacing.ccc.content.12': '0.75rem',
|
|
461
|
-
'spacing.ccc.content.16': '1rem',
|
|
462
|
-
'spacing.ccc.content.20': '1.25rem',
|
|
463
|
-
'spacing.ccc.content.24': '1.5rem',
|
|
296
|
+
'utility.UNSAFE.transparent': 'transparent',
|
|
464
297
|
'space.0': '0',
|
|
465
298
|
'space.025': '0.125rem',
|
|
466
299
|
'space.050': '0.25rem',
|