@atlaskit/tokens 13.0.4 → 13.1.1
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 +16 -0
- package/codemods/css-to-design-tokens/lib/colors.tsx +3 -8
- package/codemods/css-to-design-tokens/lib/declaration.tsx +3 -13
- package/codemods/css-to-design-tokens/lib/extract-between-parentheses.tsx +4 -0
- package/codemods/css-to-design-tokens/lib/extract-less-var-name.tsx +3 -0
- package/codemods/css-to-design-tokens/lib/get-css-var-meta.tsx +13 -0
- package/codemods/css-to-design-tokens/lib/get-named-color-meta.tsx +5 -0
- package/codemods/css-to-design-tokens/lib/get-raw-color-meta.tsx +11 -0
- package/codemods/css-to-design-tokens/lib/is-css-declaration.tsx +3 -0
- package/codemods/css-to-design-tokens/lib/is-known-css-variable.tsx +5 -0
- package/codemods/css-to-design-tokens/lib/known-named-colors.tsx +150 -0
- package/codemods/css-to-design-tokens/lib/known-raw-colors.tsx +17 -0
- package/codemods/css-to-design-tokens/lib/known-variables.tsx +167 -0
- package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +3 -335
- package/codemods/css-to-design-tokens/lib/meta.tsx +3 -28
- package/codemods/css-to-design-tokens/lib/split-css-value.tsx +4 -0
- package/codemods/css-to-design-tokens/lib/value.tsx +6 -9
- package/codemods/css-to-design-tokens/transform.tsx +3 -1
- package/dist/cjs/artifacts/palettes-raw/palette.js +35 -1
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- 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-increased-contrast.js +3 -3
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3 -3
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/cjs/constants.js +1 -0
- package/dist/cjs/entry-points/theme-state-transformer.js +4 -3
- package/dist/cjs/entry-points/token-metadata.codegen.js +2 -2
- package/dist/cjs/get-custom-theme-styles.js +7 -6
- package/dist/cjs/get-global-theme.js +2 -2
- package/dist/cjs/get-theme-html-attrs.js +2 -2
- package/dist/cjs/get-theme-styles.js +27 -27
- package/dist/cjs/index.js +4 -3
- package/dist/cjs/is-color-mode.js +9 -0
- package/dist/cjs/is-theme-ids.js +12 -0
- package/dist/cjs/is-theme-kind.js +12 -0
- package/dist/cjs/set-global-theme.js +32 -31
- package/dist/cjs/theme-config.js +9 -43
- package/dist/cjs/theme-object-to-string.js +42 -0
- package/dist/cjs/theme-options-schema.js +1 -0
- package/dist/cjs/theme-state-defaults.js +39 -0
- package/dist/cjs/theme-state.js +5 -0
- package/dist/cjs/theme-string-to-object.js +51 -0
- package/dist/cjs/utils/additional-contrast-checker.js +43 -0
- package/dist/cjs/utils/custom-theme-loading-utils.js +0 -20
- package/dist/cjs/utils/custom-theme-token-contrast-check.js +2 -38
- package/dist/cjs/utils/delta-e.js +26 -0
- package/dist/cjs/utils/generate-colors.js +47 -0
- package/dist/cjs/utils/generate-token-map-with-contrast-check.js +32 -0
- package/dist/cjs/utils/{generate-custom-color-ramp.js → generate-token-map.js} +6 -71
- package/dist/cjs/utils/get-closest-color-index.js +3 -2
- package/dist/cjs/utils/get-contrast-ratio.js +22 -0
- package/dist/cjs/utils/hct-color-utils/alpha-from-argb.js +12 -0
- package/dist/cjs/utils/hct-color-utils/argb-from-linrgb.js +17 -0
- package/dist/cjs/utils/hct-color-utils/argb-from-lstar.js +21 -0
- package/dist/cjs/utils/hct-color-utils/argb-from-rgba.js +24 -0
- package/dist/cjs/utils/hct-color-utils/argb-from-xyz.js +29 -0
- package/dist/cjs/utils/hct-color-utils/blue-from-argb.js +12 -0
- package/dist/cjs/utils/hct-color-utils/clamp-component.js +15 -0
- package/dist/cjs/utils/hct-color-utils/contrast.js +10 -11
- package/dist/cjs/utils/hct-color-utils/green-from-argb.js +12 -0
- package/dist/cjs/utils/hct-color-utils/hct.js +18 -12
- package/dist/cjs/utils/hct-color-utils/index.js +4 -3
- package/dist/cjs/utils/hct-color-utils/lab-f.js +15 -0
- package/dist/cjs/utils/hct-color-utils/lab-invf.js +16 -0
- package/dist/cjs/utils/hct-color-utils/lstar-from-argb.js +34 -0
- package/dist/cjs/utils/hct-color-utils/lstar-from-y.js +21 -0
- package/dist/cjs/utils/hct-color-utils/red-from-argb.js +12 -0
- package/dist/cjs/utils/hct-color-utils/rgba-from-argb.js +28 -0
- package/dist/cjs/utils/hct-color-utils/rgba.js +1 -0
- package/dist/cjs/utils/hct-color-utils/viewing-conditions.js +5 -4
- package/dist/cjs/utils/hct-color-utils/white-point-d65.js +14 -0
- package/dist/cjs/utils/hct-color-utils/y-from-lstar.js +21 -0
- package/dist/cjs/utils/hex-to-hsl.js +52 -0
- package/dist/cjs/utils/hex-to-rgb-a.js +20 -0
- package/dist/cjs/utils/hex-to-rgb.js +19 -0
- package/dist/cjs/utils/is-valid-hex.js +10 -0
- package/dist/cjs/utils/load-theme-css.js +4 -4
- package/dist/cjs/utils/reduce-token-map.js +18 -0
- package/dist/cjs/utils/rgb-to-lab.js +24 -0
- package/dist/cjs/utils/theme-loading.js +8 -8
- package/dist/es2019/artifacts/palettes-raw/palette.js +35 -1
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- 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-increased-contrast.js +3 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/es2019/constants.js +1 -0
- package/dist/es2019/entry-points/theme-state-transformer.js +2 -1
- package/dist/es2019/entry-points/token-metadata.codegen.js +2 -2
- package/dist/es2019/get-custom-theme-styles.js +3 -2
- package/dist/es2019/get-global-theme.js +1 -1
- package/dist/es2019/get-theme-html-attrs.js +1 -1
- package/dist/es2019/index.js +2 -1
- package/dist/es2019/is-color-mode.js +3 -0
- package/dist/es2019/is-theme-ids.js +4 -0
- package/dist/es2019/is-theme-kind.js +4 -0
- package/dist/es2019/theme-config.js +5 -44
- package/dist/es2019/theme-object-to-string.js +28 -0
- package/dist/es2019/theme-options-schema.js +0 -0
- package/dist/es2019/theme-state-defaults.js +34 -0
- package/dist/es2019/theme-state.js +1 -0
- package/dist/es2019/theme-string-to-object.js +38 -0
- package/dist/es2019/utils/additional-contrast-checker.js +39 -0
- package/dist/es2019/utils/custom-theme-loading-utils.js +1 -9
- package/dist/es2019/utils/custom-theme-token-contrast-check.js +1 -39
- package/dist/es2019/utils/delta-e.js +20 -0
- package/dist/es2019/utils/generate-colors.js +39 -0
- package/dist/es2019/utils/generate-token-map-with-contrast-check.js +21 -0
- package/dist/es2019/utils/{generate-custom-color-ramp.js → generate-token-map.js} +3 -59
- package/dist/es2019/utils/get-closest-color-index.js +2 -1
- package/dist/es2019/utils/get-contrast-ratio.js +16 -0
- package/dist/es2019/utils/hct-color-utils/alpha-from-argb.js +6 -0
- package/dist/es2019/utils/hct-color-utils/argb-from-linrgb.js +12 -0
- package/dist/es2019/utils/hct-color-utils/argb-from-lstar.js +16 -0
- package/dist/es2019/utils/hct-color-utils/argb-from-rgba.js +19 -0
- package/dist/es2019/utils/hct-color-utils/argb-from-xyz.js +24 -0
- package/dist/es2019/utils/hct-color-utils/blue-from-argb.js +6 -0
- package/dist/es2019/utils/hct-color-utils/clamp-component.js +9 -0
- package/dist/es2019/utils/hct-color-utils/contrast.js +10 -10
- package/dist/es2019/utils/hct-color-utils/green-from-argb.js +6 -0
- package/dist/es2019/utils/hct-color-utils/hct.js +19 -12
- package/dist/es2019/utils/hct-color-utils/index.js +2 -1
- package/dist/es2019/utils/hct-color-utils/lab-f.js +9 -0
- package/dist/es2019/utils/hct-color-utils/lab-invf.js +10 -0
- package/dist/es2019/utils/hct-color-utils/lstar-from-argb.js +28 -0
- package/dist/es2019/utils/hct-color-utils/lstar-from-y.js +16 -0
- package/dist/es2019/utils/hct-color-utils/red-from-argb.js +6 -0
- package/dist/es2019/utils/hct-color-utils/rgba-from-argb.js +22 -0
- package/dist/es2019/utils/hct-color-utils/rgba.js +0 -0
- package/dist/es2019/utils/hct-color-utils/viewing-conditions.js +4 -3
- package/dist/es2019/utils/hct-color-utils/white-point-d65.js +8 -0
- package/dist/es2019/utils/hct-color-utils/y-from-lstar.js +16 -0
- package/dist/es2019/utils/hex-to-hsl.js +46 -0
- package/dist/es2019/utils/hex-to-rgb-a.js +14 -0
- package/dist/es2019/utils/hex-to-rgb.js +13 -0
- package/dist/es2019/utils/is-valid-hex.js +2 -0
- package/dist/es2019/utils/reduce-token-map.js +7 -0
- package/dist/es2019/utils/rgb-to-lab.js +18 -0
- package/dist/esm/artifacts/palettes-raw/palette.js +35 -1
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- 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-increased-contrast.js +3 -3
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3 -3
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/esm/constants.js +1 -0
- package/dist/esm/entry-points/theme-state-transformer.js +2 -1
- package/dist/esm/entry-points/token-metadata.codegen.js +2 -2
- package/dist/esm/get-custom-theme-styles.js +3 -2
- package/dist/esm/get-global-theme.js +1 -1
- package/dist/esm/get-theme-html-attrs.js +1 -1
- package/dist/esm/get-theme-styles.js +26 -26
- package/dist/esm/index.js +2 -1
- package/dist/esm/is-color-mode.js +3 -0
- package/dist/esm/is-theme-ids.js +6 -0
- package/dist/esm/is-theme-kind.js +6 -0
- package/dist/esm/set-global-theme.js +31 -30
- package/dist/esm/theme-config.js +5 -44
- package/dist/esm/theme-object-to-string.js +35 -0
- package/dist/esm/theme-options-schema.js +0 -0
- package/dist/esm/theme-state-defaults.js +34 -0
- package/dist/esm/theme-state.js +1 -0
- package/dist/esm/theme-string-to-object.js +44 -0
- package/dist/esm/utils/additional-contrast-checker.js +36 -0
- package/dist/esm/utils/custom-theme-loading-utils.js +1 -13
- package/dist/esm/utils/custom-theme-token-contrast-check.js +1 -36
- package/dist/esm/utils/delta-e.js +20 -0
- package/dist/esm/utils/generate-colors.js +40 -0
- package/dist/esm/utils/generate-token-map-with-contrast-check.js +25 -0
- package/dist/esm/utils/{generate-custom-color-ramp.js → generate-token-map.js} +3 -63
- package/dist/esm/utils/get-closest-color-index.js +2 -1
- package/dist/esm/utils/get-contrast-ratio.js +16 -0
- package/dist/esm/utils/hct-color-utils/alpha-from-argb.js +6 -0
- package/dist/esm/utils/hct-color-utils/argb-from-linrgb.js +12 -0
- package/dist/esm/utils/hct-color-utils/argb-from-lstar.js +16 -0
- package/dist/esm/utils/hct-color-utils/argb-from-rgba.js +18 -0
- package/dist/esm/utils/hct-color-utils/argb-from-xyz.js +24 -0
- package/dist/esm/utils/hct-color-utils/blue-from-argb.js +6 -0
- package/dist/esm/utils/hct-color-utils/clamp-component.js +9 -0
- package/dist/esm/utils/hct-color-utils/contrast.js +10 -10
- package/dist/esm/utils/hct-color-utils/green-from-argb.js +6 -0
- package/dist/esm/utils/hct-color-utils/hct.js +19 -12
- package/dist/esm/utils/hct-color-utils/index.js +2 -1
- package/dist/esm/utils/hct-color-utils/lab-f.js +9 -0
- package/dist/esm/utils/hct-color-utils/lab-invf.js +10 -0
- package/dist/esm/utils/hct-color-utils/lstar-from-argb.js +28 -0
- package/dist/esm/utils/hct-color-utils/lstar-from-y.js +16 -0
- package/dist/esm/utils/hct-color-utils/red-from-argb.js +6 -0
- package/dist/esm/utils/hct-color-utils/rgba-from-argb.js +22 -0
- package/dist/esm/utils/hct-color-utils/rgba.js +0 -0
- package/dist/esm/utils/hct-color-utils/viewing-conditions.js +5 -4
- package/dist/esm/utils/hct-color-utils/white-point-d65.js +8 -0
- package/dist/esm/utils/hct-color-utils/y-from-lstar.js +16 -0
- package/dist/esm/utils/hex-to-hsl.js +46 -0
- package/dist/esm/utils/hex-to-rgb-a.js +14 -0
- package/dist/esm/utils/hex-to-rgb.js +13 -0
- package/dist/esm/utils/is-valid-hex.js +4 -0
- package/dist/esm/utils/load-theme-css.js +4 -4
- package/dist/esm/utils/reduce-token-map.js +11 -0
- package/dist/esm/utils/rgb-to-lab.js +18 -0
- package/dist/esm/utils/theme-loading.js +8 -8
- package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +2 -2
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/entry-points/theme-state-transformer.d.ts +2 -1
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/index.d.ts +2 -1
- package/dist/types/is-color-mode.d.ts +2 -0
- package/dist/types/is-theme-ids.d.ts +2 -0
- package/dist/types/is-theme-kind.d.ts +4 -0
- package/dist/types/theme-color-modes.d.ts +1 -0
- package/dist/types/theme-config.d.ts +8 -40
- package/dist/types/theme-ids.d.ts +1 -0
- package/dist/types/theme-object-to-string.d.ts +13 -0
- package/dist/types/theme-options-schema.d.ts +7 -0
- package/dist/types/theme-state-defaults.d.ts +14 -0
- package/dist/types/theme-state.d.ts +17 -0
- package/dist/types/{theme-state-transformer.d.ts → theme-string-to-object.d.ts} +0 -12
- package/dist/types/utils/additional-contrast-checker.d.ts +9 -0
- package/dist/types/utils/custom-theme-loading-utils.d.ts +1 -6
- package/dist/types/utils/custom-theme-token-contrast-check.d.ts +0 -9
- package/dist/types/utils/delta-e.d.ts +1 -0
- package/dist/types/utils/generate-colors.d.ts +5 -0
- package/dist/types/utils/{generate-custom-color-ramp.d.ts → generate-token-map-with-contrast-check.d.ts} +1 -6
- package/dist/types/utils/generate-token-map.d.ts +9 -0
- package/dist/types/utils/get-contrast-ratio.d.ts +1 -0
- package/dist/types/utils/hct-color-utils/alpha-from-argb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/argb-from-linrgb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/argb-from-lstar.d.ts +8 -0
- package/dist/types/utils/hct-color-utils/argb-from-rgba.d.ts +8 -0
- package/dist/types/utils/hct-color-utils/argb-from-xyz.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/blue-from-argb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/clamp-component.d.ts +1 -0
- package/dist/types/utils/hct-color-utils/green-from-argb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/index.d.ts +2 -1
- package/dist/types/utils/hct-color-utils/lab-f.d.ts +1 -0
- package/dist/types/utils/hct-color-utils/lab-invf.d.ts +1 -0
- package/dist/types/utils/hct-color-utils/lstar-from-argb.d.ts +7 -0
- package/dist/types/utils/hct-color-utils/lstar-from-y.d.ts +12 -0
- package/dist/types/utils/hct-color-utils/red-from-argb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/rgba-from-argb.d.ts +8 -0
- package/dist/types/utils/hct-color-utils/rgba.d.ts +14 -0
- package/dist/types/utils/hct-color-utils/white-point-d65.d.ts +6 -0
- package/dist/types/utils/hct-color-utils/y-from-lstar.d.ts +12 -0
- package/dist/types/utils/hex-to-hsl.d.ts +1 -0
- package/dist/types/utils/hex-to-rgb-a.d.ts +1 -0
- package/dist/types/utils/hex-to-rgb.d.ts +1 -0
- package/dist/types/utils/is-valid-hex.d.ts +1 -0
- package/dist/types/utils/reduce-token-map.d.ts +6 -0
- package/dist/types/utils/rgb-to-lab.d.ts +1 -0
- package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/theme-state-transformer.d.ts +2 -1
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +2 -1
- package/dist/types-ts4.5/is-color-mode.d.ts +2 -0
- package/dist/types-ts4.5/is-theme-ids.d.ts +2 -0
- package/dist/types-ts4.5/is-theme-kind.d.ts +11 -0
- package/dist/types-ts4.5/theme-color-modes.d.ts +1 -0
- package/dist/types-ts4.5/theme-config.d.ts +8 -40
- package/dist/types-ts4.5/theme-ids.d.ts +1 -0
- package/dist/types-ts4.5/theme-object-to-string.d.ts +13 -0
- package/dist/types-ts4.5/theme-options-schema.d.ts +7 -0
- package/dist/types-ts4.5/theme-state-defaults.d.ts +14 -0
- package/dist/types-ts4.5/theme-state.d.ts +17 -0
- package/dist/types-ts4.5/{theme-state-transformer.d.ts → theme-string-to-object.d.ts} +0 -12
- package/dist/types-ts4.5/utils/additional-contrast-checker.d.ts +9 -0
- package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +1 -6
- package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +0 -9
- package/dist/types-ts4.5/utils/delta-e.d.ts +1 -0
- package/dist/types-ts4.5/utils/generate-colors.d.ts +5 -0
- package/dist/types-ts4.5/utils/{generate-custom-color-ramp.d.ts → generate-token-map-with-contrast-check.d.ts} +1 -8
- package/dist/types-ts4.5/utils/generate-token-map.d.ts +11 -0
- package/dist/types-ts4.5/utils/get-contrast-ratio.d.ts +1 -0
- package/dist/types-ts4.5/utils/hct-color-utils/alpha-from-argb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/argb-from-linrgb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/argb-from-lstar.d.ts +8 -0
- package/dist/types-ts4.5/utils/hct-color-utils/argb-from-rgba.d.ts +8 -0
- package/dist/types-ts4.5/utils/hct-color-utils/argb-from-xyz.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/blue-from-argb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/clamp-component.d.ts +1 -0
- package/dist/types-ts4.5/utils/hct-color-utils/green-from-argb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/index.d.ts +2 -1
- package/dist/types-ts4.5/utils/hct-color-utils/lab-f.d.ts +1 -0
- package/dist/types-ts4.5/utils/hct-color-utils/lab-invf.d.ts +1 -0
- package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-argb.d.ts +7 -0
- package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-y.d.ts +12 -0
- package/dist/types-ts4.5/utils/hct-color-utils/red-from-argb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/rgba-from-argb.d.ts +8 -0
- package/dist/types-ts4.5/utils/hct-color-utils/rgba.d.ts +14 -0
- package/dist/types-ts4.5/utils/hct-color-utils/white-point-d65.d.ts +6 -0
- package/dist/types-ts4.5/utils/hct-color-utils/y-from-lstar.d.ts +12 -0
- package/dist/types-ts4.5/utils/hex-to-hsl.d.ts +5 -0
- package/dist/types-ts4.5/utils/hex-to-rgb-a.d.ts +6 -0
- package/dist/types-ts4.5/utils/hex-to-rgb.d.ts +5 -0
- package/dist/types-ts4.5/utils/is-valid-hex.d.ts +1 -0
- package/dist/types-ts4.5/utils/reduce-token-map.d.ts +6 -0
- package/dist/types-ts4.5/utils/rgb-to-lab.d.ts +5 -0
- package/figma/atlassian-dark-increased-contrast.json +1 -1
- package/figma/atlassian-dark.json +1 -1
- package/figma/atlassian-light-increased-contrast.json +1 -1
- package/figma/atlassian-light.json +1 -1
- package/package.json +12 -12
- package/tokens.docs.tsx +48 -46
- package/dist/cjs/theme-state-transformer.js +0 -92
- package/dist/cjs/utils/color-utils.js +0 -168
- package/dist/cjs/utils/hct-color-utils/color-utils.js +0 -271
- package/dist/es2019/theme-state-transformer.js +0 -69
- package/dist/es2019/utils/color-utils.js +0 -128
- package/dist/es2019/utils/hct-color-utils/color-utils.js +0 -241
- package/dist/esm/theme-state-transformer.js +0 -85
- package/dist/esm/utils/color-utils.js +0 -130
- package/dist/esm/utils/hct-color-utils/color-utils.js +0 -240
- package/dist/types/utils/color-utils.d.ts +0 -10
- package/dist/types/utils/hct-color-utils/color-utils.d.ts +0 -88
- package/dist/types-ts4.5/utils/color-utils.d.ts +0 -23
- package/dist/types-ts4.5/utils/hct-color-utils/color-utils.d.ts +0 -88
|
@@ -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::6a88711e8d5dd6de9d76ab46c744e2d5>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #CECFD2;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FD9891;\n --ds-text-accent-red-bolder: #FFD5D2;\n --ds-text-accent-orange: #FBC828;\n --ds-text-accent-orange-bolder: #FCE4A6;\n --ds-text-accent-yellow: #EED12B;\n --ds-text-accent-yellow-bolder: #F5E989;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #9DD9EE;\n --ds-text-accent-teal-bolder: #C6EDFB;\n --ds-text-accent-blue: #8FB8F6;\n --ds-text-accent-blue-bolder: #CFE1FD;\n --ds-text-accent-purple: #D8A0F7;\n --ds-text-accent-purple-bolder: #EED7FC;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #A9ABAF;\n --ds-text-accent-gray-bolder: #E2E3E4;\n --ds-text-disabled: #E5E9F640;\n --ds-text-inverse: #1F1F21;\n --ds-text-selected: #669DF1;\n --ds-text-brand: #669DF1;\n --ds-text-danger: #FD9891;\n --ds-text-danger-bolder: #FFD5D2;\n --ds-text-warning: #FBC828;\n --ds-text-warning-inverse: #1F1F21;\n --ds-text-warning-bolder: #FCE4A6;\n --ds-text-success: #B3DF72;\n --ds-text-success-bolder: #D3F1A7;\n --ds-text-discovery: #D8A0F7;\n --ds-text-discovery-bolder: #EED7FC;\n --ds-text-information: #8FB8F6;\n --ds-text-information-bolder: #CFE1FD;\n --ds-text-subtlest: #96999E;\n --ds-text-subtle: #A9ABAF;\n --ds-link: #669DF1;\n --ds-link-pressed: #8FB8F6;\n --ds-link-visited: #D8A0F7;\n --ds-link-visited-pressed: #EED7FC;\n --ds-icon: #CECFD2;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #E2483D;\n --ds-icon-accent-orange: #F68909;\n --ds-icon-accent-yellow: #EED12B;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #42B2D7;\n --ds-icon-accent-blue: #4688EC;\n --ds-icon-accent-purple: #BF63F3;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #7E8188;\n --ds-icon-disabled: #E5E9F640;\n --ds-icon-inverse: #1F1F21;\n --ds-icon-selected: #669DF1;\n --ds-icon-brand: #669DF1;\n --ds-icon-danger: #F15B50;\n --ds-icon-warning: #FBC828;\n --ds-icon-warning-inverse: #1F1F21;\n --ds-icon-success: #82B536;\n --ds-icon-discovery: #BF63F3;\n --ds-icon-information: #4688EC;\n --ds-icon-subtlest: #96999E;\n --ds-icon-subtle: #A9ABAF;\n --ds-border: #E3E4F21F;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #F15B50;\n --ds-border-accent-orange: #F68909;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #42B2D7;\n --ds-border-accent-blue: #4688EC;\n --ds-border-accent-purple: #BF63F3;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #7E8188;\n --ds-border-disabled: #CECED912;\n --ds-border-focused: #8FB8F6;\n --ds-border-input: #7E8188;\n --ds-border-inverse: #18191A;\n --ds-border-selected: #669DF1;\n --ds-border-brand: #669DF1;\n --ds-border-danger: #F15B50;\n --ds-border-warning: #F68909;\n --ds-border-success: #82B536;\n --ds-border-discovery: #BF63F3;\n --ds-border-information: #4688EC;\n --ds-border-bold: #7E8188;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #3F5224;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #3F5224;\n --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #3F5224;\n --ds-background-accent-lime-subtle-pressed: #37471F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #BDE97C;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #872821;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #872821;\n --ds-background-accent-red-subtler-pressed: #AE2E24;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #872821;\n --ds-background-accent-red-subtle-pressed: #5D1F1A;\n --ds-background-accent-red-bolder: #F87168;\n --ds-background-accent-red-bolder-hovered: #FD9891;\n --ds-background-accent-red-bolder-pressed: #FFB8B2;\n --ds-background-accent-orange-subtlest: #3A2C1F;\n --ds-background-accent-orange-subtlest-hovered: #693200;\n --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n --ds-background-accent-orange-subtler: #693200;\n --ds-background-accent-orange-subtler-hovered: #7A3B00;\n --ds-background-accent-orange-subtler-pressed: #9E4C00;\n --ds-background-accent-orange-subtle: #9E4C00;\n --ds-background-accent-orange-subtle-hovered: #7A3B00;\n --ds-background-accent-orange-subtle-pressed: #693200;\n --ds-background-accent-orange-bolder: #FCA700;\n --ds-background-accent-orange-bolder-hovered: #FBC828;\n --ds-background-accent-orange-bolder-pressed: #FBD779;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #614A05;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #614A05;\n --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #614A05;\n --ds-background-accent-yellow-subtle-pressed: #533F04;\n --ds-background-accent-yellow-bolder: #DDB30E;\n --ds-background-accent-yellow-bolder-hovered: #EED12B;\n --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #19573D;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #19573D;\n --ds-background-accent-green-subtler-pressed: #216E4E;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #19573D;\n --ds-background-accent-green-subtle-pressed: #164B35;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-green-bolder-hovered: #7EE2B8;\n --ds-background-accent-green-bolder-pressed: #97EDC9;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #1A5265;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #1A5265;\n --ds-background-accent-teal-subtler-pressed: #206A83;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #1A5265;\n --ds-background-accent-teal-subtle-pressed: #164555;\n --ds-background-accent-teal-bolder: #6CC3E0;\n --ds-background-accent-teal-bolder-hovered: #9DD9EE;\n --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n --ds-background-accent-blue-subtlest: #1C2B42;\n --ds-background-accent-blue-subtlest-hovered: #123263;\n --ds-background-accent-blue-subtlest-pressed: #144794;\n --ds-background-accent-blue-subtler: #123263;\n --ds-background-accent-blue-subtler-hovered: #144794;\n --ds-background-accent-blue-subtler-pressed: #1558BC;\n --ds-background-accent-blue-subtle: #1558BC;\n --ds-background-accent-blue-subtle-hovered: #144794;\n --ds-background-accent-blue-subtle-pressed: #123263;\n --ds-background-accent-blue-bolder: #669DF1;\n --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n --ds-background-accent-purple-subtlest: #35243F;\n --ds-background-accent-purple-subtlest-hovered: #48245D;\n --ds-background-accent-purple-subtlest-pressed: #673286;\n --ds-background-accent-purple-subtler: #48245D;\n --ds-background-accent-purple-subtler-hovered: #673286;\n --ds-background-accent-purple-subtler-pressed: #803FA5;\n --ds-background-accent-purple-subtle: #803FA5;\n --ds-background-accent-purple-subtle-hovered: #673286;\n --ds-background-accent-purple-subtle-pressed: #48245D;\n --ds-background-accent-purple-bolder: #C97CF4;\n --ds-background-accent-purple-bolder-hovered: #D8A0F7;\n --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #77325B;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #77325B;\n --ds-background-accent-magenta-subtler-pressed: #943D73;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #77325B;\n --ds-background-accent-magenta-subtle-pressed: #50253F;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n --ds-background-accent-gray-subtlest: #303134;\n --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n --ds-background-accent-gray-subtler: #4B4D51;\n --ds-background-accent-gray-subtler-hovered: #63666B;\n --ds-background-accent-gray-subtler-pressed: #7E8188;\n --ds-background-accent-gray-subtle: #63666B;\n --ds-background-accent-gray-subtle-hovered: #4B4D51;\n --ds-background-accent-gray-subtle-pressed: #3D3F43;\n --ds-background-accent-gray-bolder: #96999E;\n --ds-background-accent-gray-bolder-hovered: #A9ABAF;\n --ds-background-accent-gray-bolder-pressed: #BFC1C4;\n --ds-background-disabled: #BDBDBD0A;\n --ds-background-input: #242528;\n --ds-background-input-hovered: #2B2C2F;\n --ds-background-input-pressed: #242528;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #CECED912;\n --ds-background-neutral-hovered: #E3E4F21F;\n --ds-background-neutral-pressed: #E5E9F640;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #CECED912;\n --ds-background-neutral-subtle-pressed: #E3E4F21F;\n --ds-background-neutral-bold: #CECFD2;\n --ds-background-neutral-bold-hovered: #BFC1C4;\n --ds-background-neutral-bold-pressed: #A9ABAF;\n --ds-background-selected: #1C2B42;\n --ds-background-selected-hovered: #123263;\n --ds-background-selected-pressed: #1558BC;\n --ds-background-selected-bold: #669DF1;\n --ds-background-selected-bold-hovered: #8FB8F6;\n --ds-background-selected-bold-pressed: #CFE1FD;\n --ds-background-brand-subtlest: #1C2B42;\n --ds-background-brand-subtlest-hovered: #123263;\n --ds-background-brand-subtlest-pressed: #144794;\n --ds-background-brand-bold: #669DF1;\n --ds-background-brand-bold-hovered: #8FB8F6;\n --ds-background-brand-bold-pressed: #ADCBFB;\n --ds-background-brand-boldest: #E9F2FE;\n --ds-background-brand-boldest-hovered: #CFE1FD;\n --ds-background-brand-boldest-pressed: #ADCBFB;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #872821;\n --ds-background-danger-subtler: #5D1F1A;\n --ds-background-danger-subtler-hovered: #872821;\n --ds-background-danger-subtler-pressed: #AE2E24;\n --ds-background-danger-bold: #F87168;\n --ds-background-danger-bold-hovered: #FD9891;\n --ds-background-danger-bold-pressed: #FFB8B2;\n --ds-background-warning: #3A2C1F;\n --ds-background-warning-hovered: #693200;\n --ds-background-warning-pressed: #7A3B00;\n --ds-background-warning-subtler: #693200;\n --ds-background-warning-subtler-hovered: #7A3B00;\n --ds-background-warning-subtler-pressed: #9E4C00;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #28311B;\n --ds-background-success-hovered: #37471F;\n --ds-background-success-pressed: #3F5224;\n --ds-background-success-subtler: #37471F;\n --ds-background-success-subtler-hovered: #3F5224;\n --ds-background-success-subtler-pressed: #4C6B1F;\n --ds-background-success-bold: #94C748;\n --ds-background-success-bold-hovered: #B3DF72;\n --ds-background-success-bold-pressed: #BDE97C;\n --ds-background-discovery: #35243F;\n --ds-background-discovery-hovered: #48245D;\n --ds-background-discovery-pressed: #673286;\n --ds-background-discovery-subtler: #48245D;\n --ds-background-discovery-subtler-hovered: #673286;\n --ds-background-discovery-subtler-pressed: #803FA5;\n --ds-background-discovery-bold: #C97CF4;\n --ds-background-discovery-bold-hovered: #D8A0F7;\n --ds-background-discovery-bold-pressed: #E3BDFA;\n --ds-background-information: #1C2B42;\n --ds-background-information-hovered: #123263;\n --ds-background-information-pressed: #144794;\n --ds-background-information-subtler: #123263;\n --ds-background-information-subtler-hovered: #144794;\n --ds-background-information-subtler-pressed: #1558BC;\n --ds-background-information-bold: #669DF1;\n --ds-background-information-bold-hovered: #8FB8F6;\n --ds-background-information-bold-pressed: #ADCBFB;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #CECED912;\n --ds-skeleton-subtle: #BDBDBD0A;\n --ds-chart-categorical-1: #4688EC;\n --ds-chart-categorical-1-hovered: #669DF1;\n --ds-chart-categorical-2: #94C748;\n --ds-chart-categorical-2-hovered: #B3DF72;\n --ds-chart-categorical-3: #C97CF4;\n --ds-chart-categorical-3-hovered: #D8A0F7;\n --ds-chart-categorical-4: #FCA700;\n --ds-chart-categorical-4-hovered: #FBC828;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #1868DB;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #AF59E1;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #6CC3E0;\n --ds-chart-categorical-8: #E06C00;\n --ds-chart-categorical-8-hovered: #FBD779;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #7E8188;\n --ds-chart-neutral-hovered: #96999E;\n --ds-chart-red-bold: #E2483D;\n --ds-chart-red-bold-hovered: #F15B50;\n --ds-chart-red-bolder: #F15B50;\n --ds-chart-red-bolder-hovered: #F87168;\n --ds-chart-red-boldest: #FD9891;\n --ds-chart-red-boldest-hovered: #FFD5D2;\n --ds-chart-orange-bold: #F68909;\n --ds-chart-orange-bold-hovered: #FCA700;\n --ds-chart-orange-bolder: #FCA700;\n --ds-chart-orange-bolder-hovered: #FBC828;\n --ds-chart-orange-boldest: #FBD779;\n --ds-chart-orange-boldest-hovered: #FCE4A6;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #DDB30E;\n --ds-chart-yellow-bolder: #DDB30E;\n --ds-chart-yellow-bolder-hovered: #EED12B;\n --ds-chart-yellow-boldest: #EED12B;\n --ds-chart-yellow-boldest-hovered: #F5E989;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #42B2D7;\n --ds-chart-teal-bold-hovered: #6CC3E0;\n --ds-chart-teal-bolder: #6CC3E0;\n --ds-chart-teal-bolder-hovered: #9DD9EE;\n --ds-chart-teal-boldest: #9DD9EE;\n --ds-chart-teal-boldest-hovered: #C6EDFB;\n --ds-chart-blue-bold: #357DE8;\n --ds-chart-blue-bold-hovered: #4688EC;\n --ds-chart-blue-bolder: #4688EC;\n --ds-chart-blue-bolder-hovered: #669DF1;\n --ds-chart-blue-boldest: #8FB8F6;\n --ds-chart-blue-boldest-hovered: #CFE1FD;\n --ds-chart-purple-bold: #AF59E1;\n --ds-chart-purple-bold-hovered: #BF63F3;\n --ds-chart-purple-bolder: #BF63F3;\n --ds-chart-purple-bolder-hovered: #C97CF4;\n --ds-chart-purple-boldest: #D8A0F7;\n --ds-chart-purple-boldest-hovered: #EED7FC;\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: #7E8188;\n --ds-chart-gray-bold-hovered: #96999E;\n --ds-chart-gray-bolder: #96999E;\n --ds-chart-gray-bolder-hovered: #A9ABAF;\n --ds-chart-gray-boldest: #A9ABAF;\n --ds-chart-gray-boldest-hovered: #BFC1C4;\n --ds-chart-brand: #4688EC;\n --ds-chart-brand-hovered: #669DF1;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FFB8B2;\n --ds-chart-danger-bold-hovered: #FD9891;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #FCA700;\n --ds-chart-warning-bold: #FBC828;\n --ds-chart-warning-bold-hovered: #FCE4A6;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #94C748;\n --ds-chart-success-bold: #B3DF72;\n --ds-chart-success-bold-hovered: #D3F1A7;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #C97CF4;\n --ds-chart-discovery-bold: #D8A0F7;\n --ds-chart-discovery-bold-hovered: #EED7FC;\n --ds-chart-information: #4688EC;\n --ds-chart-information-hovered: #669DF1;\n --ds-chart-information-bold: #8FB8F6;\n --ds-chart-information-bold-hovered: #CFE1FD;\n --ds-surface: #1F1F21;\n --ds-surface-hovered: #242528;\n --ds-surface-pressed: #2B2C2F;\n --ds-surface-overlay: #2B2C2F;\n --ds-surface-overlay-hovered: #303134;\n --ds-surface-overlay-pressed: #3D3F43;\n --ds-surface-raised: #242528;\n --ds-surface-raised-hovered: #2B2C2F;\n --ds-surface-raised-pressed: #303134;\n --ds-surface-sunken: #18191A;\n --ds-shadow-overflow: 0px 0px 12px #0104048F, 0px 0px 1px #01040480;\n --ds-shadow-overflow-perimeter: #01040480;\n --ds-shadow-overflow-spread: #0104048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #BDBDBD1F, 0px 8px 12px #0104045C, 0px 0px 1px 1px #01040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #01040480, 0px 0px 1px #01040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1F1F21;\n}\n";
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #CECFD2;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FD9891;\n --ds-text-accent-red-bolder: #FFD5D2;\n --ds-text-accent-orange: #FBC828;\n --ds-text-accent-orange-bolder: #FCE4A6;\n --ds-text-accent-yellow: #EED12B;\n --ds-text-accent-yellow-bolder: #F5E989;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #9DD9EE;\n --ds-text-accent-teal-bolder: #C6EDFB;\n --ds-text-accent-blue: #8FB8F6;\n --ds-text-accent-blue-bolder: #CFE1FD;\n --ds-text-accent-purple: #D8A0F7;\n --ds-text-accent-purple-bolder: #EED7FC;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #A9ABAF;\n --ds-text-accent-gray-bolder: #E2E3E4;\n --ds-text-disabled: #E5E9F640;\n --ds-text-inverse: #1F1F21;\n --ds-text-selected: #669DF1;\n --ds-text-brand: #669DF1;\n --ds-text-danger: #FD9891;\n --ds-text-danger-bolder: #FFD5D2;\n --ds-text-warning: #FBC828;\n --ds-text-warning-inverse: #1F1F21;\n --ds-text-warning-bolder: #FCE4A6;\n --ds-text-success: #B3DF72;\n --ds-text-success-bolder: #D3F1A7;\n --ds-text-discovery: #D8A0F7;\n --ds-text-discovery-bolder: #EED7FC;\n --ds-text-information: #8FB8F6;\n --ds-text-information-bolder: #CFE1FD;\n --ds-text-subtlest: #96999E;\n --ds-text-subtle: #A9ABAF;\n --ds-link: #669DF1;\n --ds-link-pressed: #8FB8F6;\n --ds-link-visited: #D8A0F7;\n --ds-link-visited-pressed: #EED7FC;\n --ds-icon: #CECFD2;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #E2483D;\n --ds-icon-accent-orange: #F68909;\n --ds-icon-accent-yellow: #EED12B;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #42B2D7;\n --ds-icon-accent-blue: #4688EC;\n --ds-icon-accent-purple: #BF63F3;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #7E8188;\n --ds-icon-disabled: #E5E9F640;\n --ds-icon-inverse: #1F1F21;\n --ds-icon-selected: #669DF1;\n --ds-icon-brand: #669DF1;\n --ds-icon-danger: #F15B50;\n --ds-icon-warning: #FBC828;\n --ds-icon-warning-inverse: #1F1F21;\n --ds-icon-success: #82B536;\n --ds-icon-discovery: #BF63F3;\n --ds-icon-information: #4688EC;\n --ds-icon-subtlest: #96999E;\n --ds-icon-subtle: #A9ABAF;\n --ds-border: #E3E4F21F;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #F15B50;\n --ds-border-accent-orange: #F68909;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #42B2D7;\n --ds-border-accent-blue: #4688EC;\n --ds-border-accent-purple: #BF63F3;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #7E8188;\n --ds-border-disabled: #CECED912;\n --ds-border-focused: #8FB8F6;\n --ds-border-input: #7E8188;\n --ds-border-inverse: #18191A;\n --ds-border-selected: #669DF1;\n --ds-border-brand: #669DF1;\n --ds-border-danger: #F15B50;\n --ds-border-warning: #F68909;\n --ds-border-success: #82B536;\n --ds-border-discovery: #BF63F3;\n --ds-border-information: #4688EC;\n --ds-border-bold: #7E8188;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #3F5224;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #3F5224;\n --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #3F5224;\n --ds-background-accent-lime-subtle-pressed: #37471F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #BDE97C;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #872821;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #872821;\n --ds-background-accent-red-subtler-pressed: #AE2E24;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #872821;\n --ds-background-accent-red-subtle-pressed: #5D1F1A;\n --ds-background-accent-red-bolder: #F87168;\n --ds-background-accent-red-bolder-hovered: #FD9891;\n --ds-background-accent-red-bolder-pressed: #FFB8B2;\n --ds-background-accent-orange-subtlest: #3A2C1F;\n --ds-background-accent-orange-subtlest-hovered: #693200;\n --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n --ds-background-accent-orange-subtler: #693200;\n --ds-background-accent-orange-subtler-hovered: #7A3B00;\n --ds-background-accent-orange-subtler-pressed: #9E4C00;\n --ds-background-accent-orange-subtle: #9E4C00;\n --ds-background-accent-orange-subtle-hovered: #7A3B00;\n --ds-background-accent-orange-subtle-pressed: #693200;\n --ds-background-accent-orange-bolder: #FCA700;\n --ds-background-accent-orange-bolder-hovered: #FBC828;\n --ds-background-accent-orange-bolder-pressed: #FBD779;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #614A05;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #614A05;\n --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #614A05;\n --ds-background-accent-yellow-subtle-pressed: #533F04;\n --ds-background-accent-yellow-bolder: #DDB30E;\n --ds-background-accent-yellow-bolder-hovered: #EED12B;\n --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #19573D;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #19573D;\n --ds-background-accent-green-subtler-pressed: #216E4E;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #19573D;\n --ds-background-accent-green-subtle-pressed: #164B35;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-green-bolder-hovered: #7EE2B8;\n --ds-background-accent-green-bolder-pressed: #97EDC9;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #1A5265;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #1A5265;\n --ds-background-accent-teal-subtler-pressed: #206A83;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #1A5265;\n --ds-background-accent-teal-subtle-pressed: #164555;\n --ds-background-accent-teal-bolder: #6CC3E0;\n --ds-background-accent-teal-bolder-hovered: #9DD9EE;\n --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n --ds-background-accent-blue-subtlest: #1C2B42;\n --ds-background-accent-blue-subtlest-hovered: #123263;\n --ds-background-accent-blue-subtlest-pressed: #144794;\n --ds-background-accent-blue-subtler: #123263;\n --ds-background-accent-blue-subtler-hovered: #144794;\n --ds-background-accent-blue-subtler-pressed: #1558BC;\n --ds-background-accent-blue-subtle: #1558BC;\n --ds-background-accent-blue-subtle-hovered: #144794;\n --ds-background-accent-blue-subtle-pressed: #123263;\n --ds-background-accent-blue-bolder: #669DF1;\n --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n --ds-background-accent-purple-subtlest: #35243F;\n --ds-background-accent-purple-subtlest-hovered: #48245D;\n --ds-background-accent-purple-subtlest-pressed: #673286;\n --ds-background-accent-purple-subtler: #48245D;\n --ds-background-accent-purple-subtler-hovered: #673286;\n --ds-background-accent-purple-subtler-pressed: #803FA5;\n --ds-background-accent-purple-subtle: #803FA5;\n --ds-background-accent-purple-subtle-hovered: #673286;\n --ds-background-accent-purple-subtle-pressed: #48245D;\n --ds-background-accent-purple-bolder: #C97CF4;\n --ds-background-accent-purple-bolder-hovered: #D8A0F7;\n --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #77325B;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #77325B;\n --ds-background-accent-magenta-subtler-pressed: #943D73;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #77325B;\n --ds-background-accent-magenta-subtle-pressed: #50253F;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n --ds-background-accent-gray-subtlest: #303134;\n --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n --ds-background-accent-gray-subtler: #4B4D51;\n --ds-background-accent-gray-subtler-hovered: #63666B;\n --ds-background-accent-gray-subtler-pressed: #7E8188;\n --ds-background-accent-gray-subtle: #63666B;\n --ds-background-accent-gray-subtle-hovered: #4B4D51;\n --ds-background-accent-gray-subtle-pressed: #3D3F43;\n --ds-background-accent-gray-bolder: #96999E;\n --ds-background-accent-gray-bolder-hovered: #A9ABAF;\n --ds-background-accent-gray-bolder-pressed: #BFC1C4;\n --ds-background-disabled: #E3E4F21F;\n --ds-background-input: #242528;\n --ds-background-input-hovered: #2B2C2F;\n --ds-background-input-pressed: #242528;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #CECED912;\n --ds-background-neutral-hovered: #E3E4F21F;\n --ds-background-neutral-pressed: #E5E9F640;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #CECED912;\n --ds-background-neutral-subtle-pressed: #E3E4F21F;\n --ds-background-neutral-bold: #CECFD2;\n --ds-background-neutral-bold-hovered: #BFC1C4;\n --ds-background-neutral-bold-pressed: #A9ABAF;\n --ds-background-selected: #1C2B42;\n --ds-background-selected-hovered: #123263;\n --ds-background-selected-pressed: #1558BC;\n --ds-background-selected-bold: #669DF1;\n --ds-background-selected-bold-hovered: #8FB8F6;\n --ds-background-selected-bold-pressed: #CFE1FD;\n --ds-background-brand-subtlest: #1C2B42;\n --ds-background-brand-subtlest-hovered: #123263;\n --ds-background-brand-subtlest-pressed: #144794;\n --ds-background-brand-bold: #669DF1;\n --ds-background-brand-bold-hovered: #8FB8F6;\n --ds-background-brand-bold-pressed: #ADCBFB;\n --ds-background-brand-boldest: #E9F2FE;\n --ds-background-brand-boldest-hovered: #CFE1FD;\n --ds-background-brand-boldest-pressed: #ADCBFB;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #872821;\n --ds-background-danger-subtler: #5D1F1A;\n --ds-background-danger-subtler-hovered: #872821;\n --ds-background-danger-subtler-pressed: #AE2E24;\n --ds-background-danger-bold: #F87168;\n --ds-background-danger-bold-hovered: #FD9891;\n --ds-background-danger-bold-pressed: #FFB8B2;\n --ds-background-warning: #3A2C1F;\n --ds-background-warning-hovered: #693200;\n --ds-background-warning-pressed: #7A3B00;\n --ds-background-warning-subtler: #693200;\n --ds-background-warning-subtler-hovered: #7A3B00;\n --ds-background-warning-subtler-pressed: #9E4C00;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #28311B;\n --ds-background-success-hovered: #37471F;\n --ds-background-success-pressed: #3F5224;\n --ds-background-success-subtler: #37471F;\n --ds-background-success-subtler-hovered: #3F5224;\n --ds-background-success-subtler-pressed: #4C6B1F;\n --ds-background-success-bold: #94C748;\n --ds-background-success-bold-hovered: #B3DF72;\n --ds-background-success-bold-pressed: #BDE97C;\n --ds-background-discovery: #35243F;\n --ds-background-discovery-hovered: #48245D;\n --ds-background-discovery-pressed: #673286;\n --ds-background-discovery-subtler: #48245D;\n --ds-background-discovery-subtler-hovered: #673286;\n --ds-background-discovery-subtler-pressed: #803FA5;\n --ds-background-discovery-bold: #C97CF4;\n --ds-background-discovery-bold-hovered: #D8A0F7;\n --ds-background-discovery-bold-pressed: #E3BDFA;\n --ds-background-information: #1C2B42;\n --ds-background-information-hovered: #123263;\n --ds-background-information-pressed: #144794;\n --ds-background-information-subtler: #123263;\n --ds-background-information-subtler-hovered: #144794;\n --ds-background-information-subtler-pressed: #1558BC;\n --ds-background-information-bold: #669DF1;\n --ds-background-information-bold-hovered: #8FB8F6;\n --ds-background-information-bold-pressed: #ADCBFB;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #CECED912;\n --ds-skeleton-subtle: #BDBDBD0A;\n --ds-chart-categorical-1: #4688EC;\n --ds-chart-categorical-1-hovered: #669DF1;\n --ds-chart-categorical-2: #94C748;\n --ds-chart-categorical-2-hovered: #B3DF72;\n --ds-chart-categorical-3: #C97CF4;\n --ds-chart-categorical-3-hovered: #D8A0F7;\n --ds-chart-categorical-4: #FCA700;\n --ds-chart-categorical-4-hovered: #FBC828;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #1868DB;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #AF59E1;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #6CC3E0;\n --ds-chart-categorical-8: #E06C00;\n --ds-chart-categorical-8-hovered: #FBD779;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #7E8188;\n --ds-chart-neutral-hovered: #96999E;\n --ds-chart-red-bold: #E2483D;\n --ds-chart-red-bold-hovered: #F15B50;\n --ds-chart-red-bolder: #F15B50;\n --ds-chart-red-bolder-hovered: #F87168;\n --ds-chart-red-boldest: #FD9891;\n --ds-chart-red-boldest-hovered: #FFD5D2;\n --ds-chart-orange-bold: #F68909;\n --ds-chart-orange-bold-hovered: #FCA700;\n --ds-chart-orange-bolder: #FCA700;\n --ds-chart-orange-bolder-hovered: #FBC828;\n --ds-chart-orange-boldest: #FBD779;\n --ds-chart-orange-boldest-hovered: #FCE4A6;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #DDB30E;\n --ds-chart-yellow-bolder: #DDB30E;\n --ds-chart-yellow-bolder-hovered: #EED12B;\n --ds-chart-yellow-boldest: #EED12B;\n --ds-chart-yellow-boldest-hovered: #F5E989;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #42B2D7;\n --ds-chart-teal-bold-hovered: #6CC3E0;\n --ds-chart-teal-bolder: #6CC3E0;\n --ds-chart-teal-bolder-hovered: #9DD9EE;\n --ds-chart-teal-boldest: #9DD9EE;\n --ds-chart-teal-boldest-hovered: #C6EDFB;\n --ds-chart-blue-bold: #357DE8;\n --ds-chart-blue-bold-hovered: #4688EC;\n --ds-chart-blue-bolder: #4688EC;\n --ds-chart-blue-bolder-hovered: #669DF1;\n --ds-chart-blue-boldest: #8FB8F6;\n --ds-chart-blue-boldest-hovered: #CFE1FD;\n --ds-chart-purple-bold: #AF59E1;\n --ds-chart-purple-bold-hovered: #BF63F3;\n --ds-chart-purple-bolder: #BF63F3;\n --ds-chart-purple-bolder-hovered: #C97CF4;\n --ds-chart-purple-boldest: #D8A0F7;\n --ds-chart-purple-boldest-hovered: #EED7FC;\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: #7E8188;\n --ds-chart-gray-bold-hovered: #96999E;\n --ds-chart-gray-bolder: #96999E;\n --ds-chart-gray-bolder-hovered: #A9ABAF;\n --ds-chart-gray-boldest: #A9ABAF;\n --ds-chart-gray-boldest-hovered: #BFC1C4;\n --ds-chart-brand: #4688EC;\n --ds-chart-brand-hovered: #669DF1;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FFB8B2;\n --ds-chart-danger-bold-hovered: #FD9891;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #FCA700;\n --ds-chart-warning-bold: #FBC828;\n --ds-chart-warning-bold-hovered: #FCE4A6;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #94C748;\n --ds-chart-success-bold: #B3DF72;\n --ds-chart-success-bold-hovered: #D3F1A7;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #C97CF4;\n --ds-chart-discovery-bold: #D8A0F7;\n --ds-chart-discovery-bold-hovered: #EED7FC;\n --ds-chart-information: #4688EC;\n --ds-chart-information-hovered: #669DF1;\n --ds-chart-information-bold: #8FB8F6;\n --ds-chart-information-bold-hovered: #CFE1FD;\n --ds-surface: #1F1F21;\n --ds-surface-hovered: #242528;\n --ds-surface-pressed: #2B2C2F;\n --ds-surface-overlay: #2B2C2F;\n --ds-surface-overlay-hovered: #303134;\n --ds-surface-overlay-pressed: #3D3F43;\n --ds-surface-raised: #242528;\n --ds-surface-raised-hovered: #2B2C2F;\n --ds-surface-raised-pressed: #303134;\n --ds-surface-sunken: #18191A;\n --ds-shadow-overflow: 0px 0px 12px #0104048F, 0px 0px 1px #01040480;\n --ds-shadow-overflow-perimeter: #01040480;\n --ds-shadow-overflow-spread: #0104048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #BDBDBD1F, 0px 8px 12px #0104045C, 0px 0px 1px 1px #01040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #01040480, 0px 0px 1px #01040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1F1F21;\n}\n";
|
|
@@ -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::a39eb39f9384da933a5aaeef2d1f5211>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light-increased-contrast\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:light-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light-increased-contrast\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:light-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #1E1F21;\n --ds-text-accent-lime: #37471F;\n --ds-text-accent-lime-bolder: #28311B;\n --ds-text-accent-red: #5D1F1A;\n --ds-text-accent-red-bolder: #42221F;\n --ds-text-accent-orange: #693200;\n --ds-text-accent-orange-bolder: #3A2C1F;\n --ds-text-accent-yellow: #533F04;\n --ds-text-accent-yellow-bolder: #332E1B;\n --ds-text-accent-green: #164B35;\n --ds-text-accent-green-bolder: #1C3329;\n --ds-text-accent-teal: #164555;\n --ds-text-accent-teal-bolder: #1E3137;\n --ds-text-accent-blue: #123263;\n --ds-text-accent-blue-bolder: #1C2B42;\n --ds-text-accent-purple: #48245D;\n --ds-text-accent-purple-bolder: #35243F;\n --ds-text-accent-magenta: #50253F;\n --ds-text-accent-magenta-bolder: #3D2232;\n --ds-text-accent-gray: #3B3D42;\n --ds-text-accent-gray-bolder: #292A2E;\n --ds-text-disabled: #080F214A;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #123263;\n --ds-text-brand: #123263;\n --ds-text-danger: #5D1F1A;\n --ds-text-danger-bolder: #42221F;\n --ds-text-warning: #693200;\n --ds-text-warning-inverse: #FFFFFF;\n --ds-text-warning-bolder: #3A2C1F;\n --ds-text-success: #164B35;\n --ds-text-success-bolder: #1C3329;\n --ds-text-discovery: #48245D;\n --ds-text-discovery-bolder: #35243F;\n --ds-text-information: #123263;\n --ds-text-information-bolder: #1C2B42;\n --ds-text-subtlest: #3B3D42;\n --ds-text-subtle: #292A2E;\n --ds-link: #123263;\n --ds-link-pressed: #123263;\n --ds-link-visited: #803FA5;\n --ds-link-visited-pressed: #48245D;\n --ds-icon: #292A2E;\n --ds-icon-accent-lime: #4C6B1F;\n --ds-icon-accent-red: #AE2E24;\n --ds-icon-accent-orange: #9E4C00;\n --ds-icon-accent-yellow: #7F5F01;\n --ds-icon-accent-green: #216E4E;\n --ds-icon-accent-teal: #206A83;\n --ds-icon-accent-blue: #1558BC;\n --ds-icon-accent-purple: #803FA5;\n --ds-icon-accent-magenta: #943D73;\n --ds-icon-accent-gray: #505258;\n --ds-icon-disabled: #080F214A;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #1558BC;\n --ds-icon-brand: #1558BC;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #9E4C00;\n --ds-icon-warning-inverse: #FFFFFF;\n --ds-icon-success: #216E4E;\n --ds-icon-discovery: #964AC0;\n --ds-icon-information: #1558BC;\n --ds-icon-subtlest: #3B3D42;\n --ds-icon-subtle: #3B3D42;\n --ds-border: #E9F0FB5C;\n --ds-border-accent-lime: #4C6B1F;\n --ds-border-accent-red: #AE2E24;\n --ds-border-accent-orange: #9E4C00;\n --ds-border-accent-yellow: #7F5F01;\n --ds-border-accent-green: #216E4E;\n --ds-border-accent-teal: #206A83;\n --ds-border-accent-blue: #1558BC;\n --ds-border-accent-purple: #803FA5;\n --ds-border-accent-magenta: #943D73;\n --ds-border-accent-gray: #505258;\n --ds-border-disabled: #0B120E24;\n --ds-border-focused: #1558BC;\n --ds-border-input: #505258;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #1558BC;\n --ds-border-brand: #1558BC;\n --ds-border-danger: #C9372C;\n --ds-border-warning: #9E4C00;\n --ds-border-success: #216E4E;\n --ds-border-discovery: #964AC0;\n --ds-border-information: #1558BC;\n --ds-border-bold: #505258;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #BDE97C;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #BDE97C;\n --ds-background-accent-lime-subtler-pressed: #B3DF72;\n --ds-background-accent-lime-subtle: #B3DF72;\n --ds-background-accent-lime-subtle-hovered: #D3F1A7;\n --ds-background-accent-lime-subtle-pressed: #EFFFD6;\n --ds-background-accent-lime-bolder: #37471F;\n --ds-background-accent-lime-bolder-hovered: #28311B;\n --ds-background-accent-lime-bolder-pressed: #233013;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FFB8B2;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FFB8B2;\n --ds-background-accent-red-subtler-pressed: #FD9891;\n --ds-background-accent-red-subtle: #fbb7ae;\n --ds-background-accent-red-subtle-hovered: #FFD5D2;\n --ds-background-accent-red-subtle-pressed: #FFECEB;\n --ds-background-accent-red-bolder: #5D1F1A;\n --ds-background-accent-red-bolder-hovered: #42221F;\n --ds-background-accent-red-bolder-pressed: #49120C;\n --ds-background-accent-orange-subtlest: #FFF5DB;\n --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n --ds-background-accent-orange-subtlest-pressed: #FBD779;\n --ds-background-accent-orange-subtler: #FCE4A6;\n --ds-background-accent-orange-subtler-hovered: #FBD779;\n --ds-background-accent-orange-subtler-pressed: #FBC828;\n --ds-background-accent-orange-subtle: #FBC828;\n --ds-background-accent-orange-subtle-hovered: #FCE4A6;\n --ds-background-accent-orange-subtle-pressed: #FFF5DB;\n --ds-background-accent-orange-bolder: #693200;\n --ds-background-accent-orange-bolder-hovered: #3A2C1F;\n --ds-background-accent-orange-bolder-pressed: #3E2108;\n --ds-background-accent-yellow-subtlest: #FEF7C8;\n --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n --ds-background-accent-yellow-subtlest-pressed: #EFDD4E;\n --ds-background-accent-yellow-subtler: #F5E989;\n --ds-background-accent-yellow-subtler-hovered: #EFDD4E;\n --ds-background-accent-yellow-subtler-pressed: #EED12B;\n --ds-background-accent-yellow-subtle: #EED12B;\n --ds-background-accent-yellow-subtle-hovered: #F5E989;\n --ds-background-accent-yellow-subtle-pressed: #FEF7C8;\n --ds-background-accent-yellow-bolder: #533F04;\n --ds-background-accent-yellow-bolder-hovered: #332E1B;\n --ds-background-accent-yellow-bolder-pressed: #342800;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #97EDC9;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #97EDC9;\n --ds-background-accent-green-subtler-pressed: #7EE2B8;\n --ds-background-accent-green-subtle: #7EE2B8;\n --ds-background-accent-green-subtle-hovered: #BAF3DB;\n --ds-background-accent-green-subtle-pressed: #DCFFF1;\n --ds-background-accent-green-bolder: #164B35;\n --ds-background-accent-green-bolder-hovered: #1C3329;\n --ds-background-accent-green-bolder-pressed: #0F3324;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #B1E4F7;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #B1E4F7;\n --ds-background-accent-teal-subtler-pressed: #9DD9EE;\n --ds-background-accent-teal-subtle: #9DD9EE;\n --ds-background-accent-teal-subtle-hovered: #C6EDFB;\n --ds-background-accent-teal-subtle-pressed: #E7F9FF;\n --ds-background-accent-teal-bolder: #164555;\n --ds-background-accent-teal-bolder-hovered: #1E3137;\n --ds-background-accent-teal-bolder-pressed: #103034;\n --ds-background-accent-blue-subtlest: #E9F2FE;\n --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n --ds-background-accent-blue-subtlest-pressed: #ADCBFB;\n --ds-background-accent-blue-subtler: #CFE1FD;\n --ds-background-accent-blue-subtler-hovered: #ADCBFB;\n --ds-background-accent-blue-subtler-pressed: #8FB8F6;\n --ds-background-accent-blue-subtle: #8FB8F6;\n --ds-background-accent-blue-subtle-hovered: #CFE1FD;\n --ds-background-accent-blue-subtle-pressed: #E9F2FE;\n --ds-background-accent-blue-bolder: #123263;\n --ds-background-accent-blue-bolder-hovered: #1C2B42;\n --ds-background-accent-blue-bolder-pressed: #022353;\n --ds-background-accent-purple-subtlest: #F8EEFE;\n --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n --ds-background-accent-purple-subtlest-pressed: #E3BDFA;\n --ds-background-accent-purple-subtler: #EED7FC;\n --ds-background-accent-purple-subtler-hovered: #E3BDFA;\n --ds-background-accent-purple-subtler-pressed: #D8A0F7;\n --ds-background-accent-purple-subtle: #c3b9fa;\n --ds-background-accent-purple-subtle-hovered: #EED7FC;\n --ds-background-accent-purple-subtle-pressed: #F8EEFE;\n --ds-background-accent-purple-bolder: #48245D;\n --ds-background-accent-purple-bolder-hovered: #35243F;\n --ds-background-accent-purple-bolder-pressed: #211A47;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #FCB6E1;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #FCB6E1;\n --ds-background-accent-magenta-subtler-pressed: #F797D2;\n --ds-background-accent-magenta-subtle: #f2a6d4;\n --ds-background-accent-magenta-subtle-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtle-pressed: #FFECF8;\n --ds-background-accent-magenta-bolder: #50253F;\n --ds-background-accent-magenta-bolder-hovered: #3D2232;\n --ds-background-accent-magenta-bolder-pressed: #37172A;\n --ds-background-accent-gray-subtlest: #F0F1F2;\n --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n --ds-background-accent-gray-subtler: #DDDEE1;\n --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n --ds-background-accent-gray-subtler-pressed: #8C8F97;\n --ds-background-accent-gray-subtle: #B7B9BE;\n --ds-background-accent-gray-subtle-hovered: #DDDEE1;\n --ds-background-accent-gray-subtle-pressed: #F0F1F2;\n --ds-background-accent-gray-bolder: #505258;\n --ds-background-accent-gray-bolder-hovered: #3B3D42;\n --ds-background-accent-gray-bolder-pressed: #292A2E;\n --ds-background-disabled: #17171708;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F8F8F8;\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: #0515240F;\n --ds-background-neutral-hovered: #0B120E24;\n --ds-background-neutral-pressed: #080F214A;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #0515240F;\n --ds-background-neutral-subtle-pressed: #0B120E24;\n --ds-background-neutral-bold: #292A2E;\n --ds-background-neutral-bold-hovered: #3B3D42;\n --ds-background-neutral-bold-pressed: #505258;\n --ds-background-selected: #E9F2FE;\n --ds-background-selected-hovered: #CFE1FD;\n --ds-background-selected-pressed: #8FB8F6;\n --ds-background-selected-bold: #123263;\n --ds-background-selected-bold-hovered: #1C2B42;\n --ds-background-selected-bold-pressed: #022353;\n --ds-background-brand-subtlest: #E9F2FE;\n --ds-background-brand-subtlest-hovered: #CFE1FD;\n --ds-background-brand-subtlest-pressed: #ADCBFB;\n --ds-background-brand-bold: #123263;\n --ds-background-brand-bold-hovered: #1C2B42;\n --ds-background-brand-bold-pressed: #022353;\n --ds-background-brand-boldest: #1C2B42;\n --ds-background-brand-boldest-hovered: #123263;\n --ds-background-brand-boldest-pressed: #144794;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FFB8B2;\n --ds-background-danger-subtler: #FFD5D2;\n --ds-background-danger-subtler-hovered: #FFB8B2;\n --ds-background-danger-subtler-pressed: #FD9891;\n --ds-background-danger-bold: #5D1F1A;\n --ds-background-danger-bold-hovered: #42221F;\n --ds-background-danger-bold-pressed: #49120C;\n --ds-background-warning: #FFF5DB;\n --ds-background-warning-hovered: #FCE4A6;\n --ds-background-warning-pressed: #FBD779;\n --ds-background-warning-subtler: #FCE4A6;\n --ds-background-warning-subtler-hovered: #FBD779;\n --ds-background-warning-subtler-pressed: #FBC828;\n --ds-background-warning-bold: #533F04;\n --ds-background-warning-bold-hovered: #332E1B;\n --ds-background-warning-bold-pressed: #342800;\n --ds-background-success: #EFFFD6;\n --ds-background-success-hovered: #D3F1A7;\n --ds-background-success-pressed: #BDE97C;\n --ds-background-success-subtler: #D3F1A7;\n --ds-background-success-subtler-hovered: #BDE97C;\n --ds-background-success-subtler-pressed: #B3DF72;\n --ds-background-success-bold: #164B35;\n --ds-background-success-bold-hovered: #1C3329;\n --ds-background-success-bold-pressed: #0F3324;\n --ds-background-discovery: #F8EEFE;\n --ds-background-discovery-hovered: #EED7FC;\n --ds-background-discovery-pressed: #E3BDFA;\n --ds-background-discovery-subtler: #EED7FC;\n --ds-background-discovery-subtler-hovered: #E3BDFA;\n --ds-background-discovery-subtler-pressed: #D8A0F7;\n --ds-background-discovery-bold: #48245D;\n --ds-background-discovery-bold-hovered: #35243F;\n --ds-background-discovery-bold-pressed: #211A47;\n --ds-background-information: #E9F2FE;\n --ds-background-information-hovered: #CFE1FD;\n --ds-background-information-pressed: #ADCBFB;\n --ds-background-information-subtler: #CFE1FD;\n --ds-background-information-subtler-hovered: #ADCBFB;\n --ds-background-information-subtler-pressed: #8FB8F6;\n --ds-background-information-bold: #123263;\n --ds-background-information-bold-hovered: #1C2B42;\n --ds-background-information-bold-pressed: #022353;\n --ds-blanket: #050C1F75;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #0515240F;\n --ds-skeleton-subtle: #17171708;\n --ds-chart-categorical-1: #206A83;\n --ds-chart-categorical-1-hovered: #164555;\n --ds-chart-categorical-2: #82B536;\n --ds-chart-categorical-2-hovered: #6A9A23;\n --ds-chart-categorical-3: #9E4C00;\n --ds-chart-categorical-3-hovered: #693200;\n --ds-chart-categorical-4: #F68909;\n --ds-chart-categorical-4-hovered: #E06C00;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #123263;\n --ds-chart-categorical-6: #803FA5;\n --ds-chart-categorical-6-hovered: #48245D;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #2898BD;\n --ds-chart-categorical-8: #BD5B00;\n --ds-chart-categorical-8-hovered: #7A3B00;\n --ds-chart-lime-bold: #4C6B1F;\n --ds-chart-lime-bold-hovered: #37471F;\n --ds-chart-lime-bolder: #37471F;\n --ds-chart-lime-bolder-hovered: #28311B;\n --ds-chart-lime-boldest: #28311B;\n --ds-chart-lime-boldest-hovered: #233013;\n --ds-chart-neutral: #6B6E76;\n --ds-chart-neutral-hovered: #505258;\n --ds-chart-red-bold: #AE2E24;\n --ds-chart-red-bold-hovered: #5D1F1A;\n --ds-chart-red-bolder: #5D1F1A;\n --ds-chart-red-bolder-hovered: #42221F;\n --ds-chart-red-boldest: #42221F;\n --ds-chart-red-boldest-hovered: #49120C;\n --ds-chart-orange-bold: #9E4C00;\n --ds-chart-orange-bold-hovered: #693200;\n --ds-chart-orange-bolder: #693200;\n --ds-chart-orange-bolder-hovered: #3A2C1F;\n --ds-chart-orange-boldest: #3A2C1F;\n --ds-chart-orange-boldest-hovered: #3E2108;\n --ds-chart-yellow-bold: #7F5F01;\n --ds-chart-yellow-bold-hovered: #533F04;\n --ds-chart-yellow-bolder: #533F04;\n --ds-chart-yellow-bolder-hovered: #332E1B;\n --ds-chart-yellow-boldest: #332E1B;\n --ds-chart-yellow-boldest-hovered: #342800;\n --ds-chart-green-bold: #216E4E;\n --ds-chart-green-bold-hovered: #164B35;\n --ds-chart-green-bolder: #164B35;\n --ds-chart-green-bolder-hovered: #1C3329;\n --ds-chart-green-boldest: #1C3329;\n --ds-chart-green-boldest-hovered: #0F3324;\n --ds-chart-teal-bold: #206A83;\n --ds-chart-teal-bold-hovered: #164555;\n --ds-chart-teal-bolder: #164555;\n --ds-chart-teal-bolder-hovered: #1E3137;\n --ds-chart-teal-boldest: #1E3137;\n --ds-chart-teal-boldest-hovered: #103034;\n --ds-chart-blue-bold: #1558BC;\n --ds-chart-blue-bold-hovered: #123263;\n --ds-chart-blue-bolder: #123263;\n --ds-chart-blue-bolder-hovered: #1C2B42;\n --ds-chart-blue-boldest: #1C2B42;\n --ds-chart-blue-boldest-hovered: #022353;\n --ds-chart-purple-bold: #803FA5;\n --ds-chart-purple-bold-hovered: #48245D;\n --ds-chart-purple-bolder: #48245D;\n --ds-chart-purple-bolder-hovered: #35243F;\n --ds-chart-purple-boldest: #35243F;\n --ds-chart-purple-boldest-hovered: #211A47;\n --ds-chart-magenta-bold: #943D73;\n --ds-chart-magenta-bold-hovered: #50253F;\n --ds-chart-magenta-bolder: #50253F;\n --ds-chart-magenta-bolder-hovered: #3D2232;\n --ds-chart-magenta-boldest: #3D2232;\n --ds-chart-magenta-boldest-hovered: #37172A;\n --ds-chart-gray-bold: #6B6E76;\n --ds-chart-gray-bold-hovered: #505258;\n --ds-chart-gray-bolder: #505258;\n --ds-chart-gray-bolder-hovered: #3B3D42;\n --ds-chart-gray-boldest: #3B3D42;\n --ds-chart-gray-boldest-hovered: #292A2E;\n --ds-chart-brand: #1868DB;\n --ds-chart-brand-hovered: #1558BC;\n --ds-chart-danger: #C9372C;\n --ds-chart-danger-hovered: #AE2E24;\n --ds-chart-danger-bold: #5D1F1A;\n --ds-chart-danger-bold-hovered: #42221F;\n --ds-chart-warning: #7F5F01;\n --ds-chart-warning-hovered: #533F04;\n --ds-chart-warning-bold: #533F04;\n --ds-chart-warning-bold-hovered: #332E1B;\n --ds-chart-success: #216E4E;\n --ds-chart-success-hovered: #164B35;\n --ds-chart-success-bold: #164B35;\n --ds-chart-success-bold-hovered: #1C3329;\n --ds-chart-discovery: #964AC0;\n --ds-chart-discovery-hovered: #803FA5;\n --ds-chart-discovery-bold: #48245D;\n --ds-chart-discovery-bold-hovered: #35243F;\n --ds-chart-information: #1868DB;\n --ds-chart-information-hovered: #1558BC;\n --ds-chart-information-bold: #123263;\n --ds-chart-information-bold-hovered: #1C2B42;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F0F1F2;\n --ds-surface-pressed: #DDDEE1;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F0F1F2;\n --ds-surface-overlay-pressed: #DDDEE1;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F0F1F2;\n --ds-surface-raised-pressed: #DDDEE1;\n --ds-surface-sunken: #FCFDFE;\n --ds-shadow-overflow: 0px 0px 8px #1E1F2129;\n --ds-shadow-overflow-perimeter: #1E1F211f;\n --ds-shadow-overflow-spread: #1E1F2129;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #1E1F2180;\n --ds-shadow-raised: inset 0px 0px 0px 1px #1E1F2180;\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
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light-increased-contrast\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:light-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light-increased-contrast\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:light-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #1E1F21;\n --ds-text-accent-lime: #37471F;\n --ds-text-accent-lime-bolder: #28311B;\n --ds-text-accent-red: #5D1F1A;\n --ds-text-accent-red-bolder: #42221F;\n --ds-text-accent-orange: #693200;\n --ds-text-accent-orange-bolder: #3A2C1F;\n --ds-text-accent-yellow: #533F04;\n --ds-text-accent-yellow-bolder: #332E1B;\n --ds-text-accent-green: #164B35;\n --ds-text-accent-green-bolder: #1C3329;\n --ds-text-accent-teal: #164555;\n --ds-text-accent-teal-bolder: #1E3137;\n --ds-text-accent-blue: #123263;\n --ds-text-accent-blue-bolder: #1C2B42;\n --ds-text-accent-purple: #48245D;\n --ds-text-accent-purple-bolder: #35243F;\n --ds-text-accent-magenta: #50253F;\n --ds-text-accent-magenta-bolder: #3D2232;\n --ds-text-accent-gray: #3B3D42;\n --ds-text-accent-gray-bolder: #292A2E;\n --ds-text-disabled: #080F214A;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #123263;\n --ds-text-brand: #123263;\n --ds-text-danger: #5D1F1A;\n --ds-text-danger-bolder: #42221F;\n --ds-text-warning: #693200;\n --ds-text-warning-inverse: #FFFFFF;\n --ds-text-warning-bolder: #3A2C1F;\n --ds-text-success: #164B35;\n --ds-text-success-bolder: #1C3329;\n --ds-text-discovery: #48245D;\n --ds-text-discovery-bolder: #35243F;\n --ds-text-information: #123263;\n --ds-text-information-bolder: #1C2B42;\n --ds-text-subtlest: #3B3D42;\n --ds-text-subtle: #292A2E;\n --ds-link: #123263;\n --ds-link-pressed: #123263;\n --ds-link-visited: #803FA5;\n --ds-link-visited-pressed: #48245D;\n --ds-icon: #292A2E;\n --ds-icon-accent-lime: #4C6B1F;\n --ds-icon-accent-red: #AE2E24;\n --ds-icon-accent-orange: #9E4C00;\n --ds-icon-accent-yellow: #7F5F01;\n --ds-icon-accent-green: #216E4E;\n --ds-icon-accent-teal: #206A83;\n --ds-icon-accent-blue: #1558BC;\n --ds-icon-accent-purple: #803FA5;\n --ds-icon-accent-magenta: #943D73;\n --ds-icon-accent-gray: #505258;\n --ds-icon-disabled: #080F214A;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #1558BC;\n --ds-icon-brand: #1558BC;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #9E4C00;\n --ds-icon-warning-inverse: #FFFFFF;\n --ds-icon-success: #216E4E;\n --ds-icon-discovery: #964AC0;\n --ds-icon-information: #1558BC;\n --ds-icon-subtlest: #3B3D42;\n --ds-icon-subtle: #3B3D42;\n --ds-border: #E9F0FB5C;\n --ds-border-accent-lime: #4C6B1F;\n --ds-border-accent-red: #AE2E24;\n --ds-border-accent-orange: #9E4C00;\n --ds-border-accent-yellow: #7F5F01;\n --ds-border-accent-green: #216E4E;\n --ds-border-accent-teal: #206A83;\n --ds-border-accent-blue: #1558BC;\n --ds-border-accent-purple: #803FA5;\n --ds-border-accent-magenta: #943D73;\n --ds-border-accent-gray: #505258;\n --ds-border-disabled: #0B120E24;\n --ds-border-focused: #1558BC;\n --ds-border-input: #505258;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #1558BC;\n --ds-border-brand: #1558BC;\n --ds-border-danger: #C9372C;\n --ds-border-warning: #9E4C00;\n --ds-border-success: #216E4E;\n --ds-border-discovery: #964AC0;\n --ds-border-information: #1558BC;\n --ds-border-bold: #505258;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #BDE97C;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #BDE97C;\n --ds-background-accent-lime-subtler-pressed: #B3DF72;\n --ds-background-accent-lime-subtle: #B3DF72;\n --ds-background-accent-lime-subtle-hovered: #D3F1A7;\n --ds-background-accent-lime-subtle-pressed: #EFFFD6;\n --ds-background-accent-lime-bolder: #37471F;\n --ds-background-accent-lime-bolder-hovered: #28311B;\n --ds-background-accent-lime-bolder-pressed: #233013;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FFB8B2;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FFB8B2;\n --ds-background-accent-red-subtler-pressed: #FD9891;\n --ds-background-accent-red-subtle: #fbb7ae;\n --ds-background-accent-red-subtle-hovered: #FFD5D2;\n --ds-background-accent-red-subtle-pressed: #FFECEB;\n --ds-background-accent-red-bolder: #5D1F1A;\n --ds-background-accent-red-bolder-hovered: #42221F;\n --ds-background-accent-red-bolder-pressed: #49120C;\n --ds-background-accent-orange-subtlest: #FFF5DB;\n --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n --ds-background-accent-orange-subtlest-pressed: #FBD779;\n --ds-background-accent-orange-subtler: #FCE4A6;\n --ds-background-accent-orange-subtler-hovered: #FBD779;\n --ds-background-accent-orange-subtler-pressed: #FBC828;\n --ds-background-accent-orange-subtle: #FBC828;\n --ds-background-accent-orange-subtle-hovered: #FCE4A6;\n --ds-background-accent-orange-subtle-pressed: #FFF5DB;\n --ds-background-accent-orange-bolder: #693200;\n --ds-background-accent-orange-bolder-hovered: #3A2C1F;\n --ds-background-accent-orange-bolder-pressed: #3E2108;\n --ds-background-accent-yellow-subtlest: #FEF7C8;\n --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n --ds-background-accent-yellow-subtlest-pressed: #EFDD4E;\n --ds-background-accent-yellow-subtler: #F5E989;\n --ds-background-accent-yellow-subtler-hovered: #EFDD4E;\n --ds-background-accent-yellow-subtler-pressed: #EED12B;\n --ds-background-accent-yellow-subtle: #EED12B;\n --ds-background-accent-yellow-subtle-hovered: #F5E989;\n --ds-background-accent-yellow-subtle-pressed: #FEF7C8;\n --ds-background-accent-yellow-bolder: #533F04;\n --ds-background-accent-yellow-bolder-hovered: #332E1B;\n --ds-background-accent-yellow-bolder-pressed: #342800;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #97EDC9;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #97EDC9;\n --ds-background-accent-green-subtler-pressed: #7EE2B8;\n --ds-background-accent-green-subtle: #7EE2B8;\n --ds-background-accent-green-subtle-hovered: #BAF3DB;\n --ds-background-accent-green-subtle-pressed: #DCFFF1;\n --ds-background-accent-green-bolder: #164B35;\n --ds-background-accent-green-bolder-hovered: #1C3329;\n --ds-background-accent-green-bolder-pressed: #0F3324;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #B1E4F7;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #B1E4F7;\n --ds-background-accent-teal-subtler-pressed: #9DD9EE;\n --ds-background-accent-teal-subtle: #9DD9EE;\n --ds-background-accent-teal-subtle-hovered: #C6EDFB;\n --ds-background-accent-teal-subtle-pressed: #E7F9FF;\n --ds-background-accent-teal-bolder: #164555;\n --ds-background-accent-teal-bolder-hovered: #1E3137;\n --ds-background-accent-teal-bolder-pressed: #103034;\n --ds-background-accent-blue-subtlest: #E9F2FE;\n --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n --ds-background-accent-blue-subtlest-pressed: #ADCBFB;\n --ds-background-accent-blue-subtler: #CFE1FD;\n --ds-background-accent-blue-subtler-hovered: #ADCBFB;\n --ds-background-accent-blue-subtler-pressed: #8FB8F6;\n --ds-background-accent-blue-subtle: #8FB8F6;\n --ds-background-accent-blue-subtle-hovered: #CFE1FD;\n --ds-background-accent-blue-subtle-pressed: #E9F2FE;\n --ds-background-accent-blue-bolder: #123263;\n --ds-background-accent-blue-bolder-hovered: #1C2B42;\n --ds-background-accent-blue-bolder-pressed: #022353;\n --ds-background-accent-purple-subtlest: #F8EEFE;\n --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n --ds-background-accent-purple-subtlest-pressed: #E3BDFA;\n --ds-background-accent-purple-subtler: #EED7FC;\n --ds-background-accent-purple-subtler-hovered: #E3BDFA;\n --ds-background-accent-purple-subtler-pressed: #D8A0F7;\n --ds-background-accent-purple-subtle: #c3b9fa;\n --ds-background-accent-purple-subtle-hovered: #EED7FC;\n --ds-background-accent-purple-subtle-pressed: #F8EEFE;\n --ds-background-accent-purple-bolder: #48245D;\n --ds-background-accent-purple-bolder-hovered: #35243F;\n --ds-background-accent-purple-bolder-pressed: #211A47;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #FCB6E1;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #FCB6E1;\n --ds-background-accent-magenta-subtler-pressed: #F797D2;\n --ds-background-accent-magenta-subtle: #f2a6d4;\n --ds-background-accent-magenta-subtle-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtle-pressed: #FFECF8;\n --ds-background-accent-magenta-bolder: #50253F;\n --ds-background-accent-magenta-bolder-hovered: #3D2232;\n --ds-background-accent-magenta-bolder-pressed: #37172A;\n --ds-background-accent-gray-subtlest: #F0F1F2;\n --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n --ds-background-accent-gray-subtler: #DDDEE1;\n --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n --ds-background-accent-gray-subtler-pressed: #8C8F97;\n --ds-background-accent-gray-subtle: #B7B9BE;\n --ds-background-accent-gray-subtle-hovered: #DDDEE1;\n --ds-background-accent-gray-subtle-pressed: #F0F1F2;\n --ds-background-accent-gray-bolder: #505258;\n --ds-background-accent-gray-bolder-hovered: #3B3D42;\n --ds-background-accent-gray-bolder-pressed: #292A2E;\n --ds-background-disabled: #0515240F;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F8F8F8;\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: #0515240F;\n --ds-background-neutral-hovered: #0B120E24;\n --ds-background-neutral-pressed: #080F214A;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #0515240F;\n --ds-background-neutral-subtle-pressed: #0B120E24;\n --ds-background-neutral-bold: #292A2E;\n --ds-background-neutral-bold-hovered: #3B3D42;\n --ds-background-neutral-bold-pressed: #505258;\n --ds-background-selected: #E9F2FE;\n --ds-background-selected-hovered: #CFE1FD;\n --ds-background-selected-pressed: #8FB8F6;\n --ds-background-selected-bold: #123263;\n --ds-background-selected-bold-hovered: #1C2B42;\n --ds-background-selected-bold-pressed: #022353;\n --ds-background-brand-subtlest: #E9F2FE;\n --ds-background-brand-subtlest-hovered: #CFE1FD;\n --ds-background-brand-subtlest-pressed: #ADCBFB;\n --ds-background-brand-bold: #123263;\n --ds-background-brand-bold-hovered: #1C2B42;\n --ds-background-brand-bold-pressed: #022353;\n --ds-background-brand-boldest: #1C2B42;\n --ds-background-brand-boldest-hovered: #123263;\n --ds-background-brand-boldest-pressed: #144794;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FFB8B2;\n --ds-background-danger-subtler: #FFD5D2;\n --ds-background-danger-subtler-hovered: #FFB8B2;\n --ds-background-danger-subtler-pressed: #FD9891;\n --ds-background-danger-bold: #5D1F1A;\n --ds-background-danger-bold-hovered: #42221F;\n --ds-background-danger-bold-pressed: #49120C;\n --ds-background-warning: #FFF5DB;\n --ds-background-warning-hovered: #FCE4A6;\n --ds-background-warning-pressed: #FBD779;\n --ds-background-warning-subtler: #FCE4A6;\n --ds-background-warning-subtler-hovered: #FBD779;\n --ds-background-warning-subtler-pressed: #FBC828;\n --ds-background-warning-bold: #533F04;\n --ds-background-warning-bold-hovered: #332E1B;\n --ds-background-warning-bold-pressed: #342800;\n --ds-background-success: #EFFFD6;\n --ds-background-success-hovered: #D3F1A7;\n --ds-background-success-pressed: #BDE97C;\n --ds-background-success-subtler: #D3F1A7;\n --ds-background-success-subtler-hovered: #BDE97C;\n --ds-background-success-subtler-pressed: #B3DF72;\n --ds-background-success-bold: #164B35;\n --ds-background-success-bold-hovered: #1C3329;\n --ds-background-success-bold-pressed: #0F3324;\n --ds-background-discovery: #F8EEFE;\n --ds-background-discovery-hovered: #EED7FC;\n --ds-background-discovery-pressed: #E3BDFA;\n --ds-background-discovery-subtler: #EED7FC;\n --ds-background-discovery-subtler-hovered: #E3BDFA;\n --ds-background-discovery-subtler-pressed: #D8A0F7;\n --ds-background-discovery-bold: #48245D;\n --ds-background-discovery-bold-hovered: #35243F;\n --ds-background-discovery-bold-pressed: #211A47;\n --ds-background-information: #E9F2FE;\n --ds-background-information-hovered: #CFE1FD;\n --ds-background-information-pressed: #ADCBFB;\n --ds-background-information-subtler: #CFE1FD;\n --ds-background-information-subtler-hovered: #ADCBFB;\n --ds-background-information-subtler-pressed: #8FB8F6;\n --ds-background-information-bold: #123263;\n --ds-background-information-bold-hovered: #1C2B42;\n --ds-background-information-bold-pressed: #022353;\n --ds-blanket: #050C1F75;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #0515240F;\n --ds-skeleton-subtle: #17171708;\n --ds-chart-categorical-1: #206A83;\n --ds-chart-categorical-1-hovered: #164555;\n --ds-chart-categorical-2: #82B536;\n --ds-chart-categorical-2-hovered: #6A9A23;\n --ds-chart-categorical-3: #9E4C00;\n --ds-chart-categorical-3-hovered: #693200;\n --ds-chart-categorical-4: #F68909;\n --ds-chart-categorical-4-hovered: #E06C00;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #123263;\n --ds-chart-categorical-6: #803FA5;\n --ds-chart-categorical-6-hovered: #48245D;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #2898BD;\n --ds-chart-categorical-8: #BD5B00;\n --ds-chart-categorical-8-hovered: #7A3B00;\n --ds-chart-lime-bold: #4C6B1F;\n --ds-chart-lime-bold-hovered: #37471F;\n --ds-chart-lime-bolder: #37471F;\n --ds-chart-lime-bolder-hovered: #28311B;\n --ds-chart-lime-boldest: #28311B;\n --ds-chart-lime-boldest-hovered: #233013;\n --ds-chart-neutral: #6B6E76;\n --ds-chart-neutral-hovered: #505258;\n --ds-chart-red-bold: #AE2E24;\n --ds-chart-red-bold-hovered: #5D1F1A;\n --ds-chart-red-bolder: #5D1F1A;\n --ds-chart-red-bolder-hovered: #42221F;\n --ds-chart-red-boldest: #42221F;\n --ds-chart-red-boldest-hovered: #49120C;\n --ds-chart-orange-bold: #9E4C00;\n --ds-chart-orange-bold-hovered: #693200;\n --ds-chart-orange-bolder: #693200;\n --ds-chart-orange-bolder-hovered: #3A2C1F;\n --ds-chart-orange-boldest: #3A2C1F;\n --ds-chart-orange-boldest-hovered: #3E2108;\n --ds-chart-yellow-bold: #7F5F01;\n --ds-chart-yellow-bold-hovered: #533F04;\n --ds-chart-yellow-bolder: #533F04;\n --ds-chart-yellow-bolder-hovered: #332E1B;\n --ds-chart-yellow-boldest: #332E1B;\n --ds-chart-yellow-boldest-hovered: #342800;\n --ds-chart-green-bold: #216E4E;\n --ds-chart-green-bold-hovered: #164B35;\n --ds-chart-green-bolder: #164B35;\n --ds-chart-green-bolder-hovered: #1C3329;\n --ds-chart-green-boldest: #1C3329;\n --ds-chart-green-boldest-hovered: #0F3324;\n --ds-chart-teal-bold: #206A83;\n --ds-chart-teal-bold-hovered: #164555;\n --ds-chart-teal-bolder: #164555;\n --ds-chart-teal-bolder-hovered: #1E3137;\n --ds-chart-teal-boldest: #1E3137;\n --ds-chart-teal-boldest-hovered: #103034;\n --ds-chart-blue-bold: #1558BC;\n --ds-chart-blue-bold-hovered: #123263;\n --ds-chart-blue-bolder: #123263;\n --ds-chart-blue-bolder-hovered: #1C2B42;\n --ds-chart-blue-boldest: #1C2B42;\n --ds-chart-blue-boldest-hovered: #022353;\n --ds-chart-purple-bold: #803FA5;\n --ds-chart-purple-bold-hovered: #48245D;\n --ds-chart-purple-bolder: #48245D;\n --ds-chart-purple-bolder-hovered: #35243F;\n --ds-chart-purple-boldest: #35243F;\n --ds-chart-purple-boldest-hovered: #211A47;\n --ds-chart-magenta-bold: #943D73;\n --ds-chart-magenta-bold-hovered: #50253F;\n --ds-chart-magenta-bolder: #50253F;\n --ds-chart-magenta-bolder-hovered: #3D2232;\n --ds-chart-magenta-boldest: #3D2232;\n --ds-chart-magenta-boldest-hovered: #37172A;\n --ds-chart-gray-bold: #6B6E76;\n --ds-chart-gray-bold-hovered: #505258;\n --ds-chart-gray-bolder: #505258;\n --ds-chart-gray-bolder-hovered: #3B3D42;\n --ds-chart-gray-boldest: #3B3D42;\n --ds-chart-gray-boldest-hovered: #292A2E;\n --ds-chart-brand: #1868DB;\n --ds-chart-brand-hovered: #1558BC;\n --ds-chart-danger: #C9372C;\n --ds-chart-danger-hovered: #AE2E24;\n --ds-chart-danger-bold: #5D1F1A;\n --ds-chart-danger-bold-hovered: #42221F;\n --ds-chart-warning: #7F5F01;\n --ds-chart-warning-hovered: #533F04;\n --ds-chart-warning-bold: #533F04;\n --ds-chart-warning-bold-hovered: #332E1B;\n --ds-chart-success: #216E4E;\n --ds-chart-success-hovered: #164B35;\n --ds-chart-success-bold: #164B35;\n --ds-chart-success-bold-hovered: #1C3329;\n --ds-chart-discovery: #964AC0;\n --ds-chart-discovery-hovered: #803FA5;\n --ds-chart-discovery-bold: #48245D;\n --ds-chart-discovery-bold-hovered: #35243F;\n --ds-chart-information: #1868DB;\n --ds-chart-information-hovered: #1558BC;\n --ds-chart-information-bold: #123263;\n --ds-chart-information-bold-hovered: #1C2B42;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F0F1F2;\n --ds-surface-pressed: #DDDEE1;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F0F1F2;\n --ds-surface-overlay-pressed: #DDDEE1;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F0F1F2;\n --ds-surface-raised-pressed: #DDDEE1;\n --ds-surface-sunken: #FCFDFE;\n --ds-shadow-overflow: 0px 0px 8px #1E1F2129;\n --ds-shadow-overflow-perimeter: #1E1F211f;\n --ds-shadow-overflow-spread: #1E1F2129;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #1E1F2180;\n --ds-shadow-raised: inset 0px 0px 0px 1px #1E1F2180;\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";
|
|
@@ -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::2aeda6082601f2aa47e90f990174849f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #292A2E;\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: #9E4C00;\n --ds-text-accent-orange-bolder: #693200;\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: #1558BC;\n --ds-text-accent-blue-bolder: #123263;\n --ds-text-accent-purple: #803FA5;\n --ds-text-accent-purple-bolder: #48245D;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #505258;\n --ds-text-accent-gray-bolder: #1E1F21;\n --ds-text-disabled: #080F214A;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #1868DB;\n --ds-text-brand: #1868DB;\n --ds-text-danger: #AE2E24;\n --ds-text-danger-bolder: #5D1F1A;\n --ds-text-warning: #9E4C00;\n --ds-text-warning-inverse: #292A2E;\n --ds-text-warning-bolder: #693200;\n --ds-text-success: #4C6B1F;\n --ds-text-success-bolder: #37471F;\n --ds-text-discovery: #803FA5;\n --ds-text-discovery-bolder: #48245D;\n --ds-text-information: #1558BC;\n --ds-text-information-bolder: #123263;\n --ds-text-subtlest: #6B6E76;\n --ds-text-subtle: #505258;\n --ds-link: #1868DB;\n --ds-link-pressed: #1558BC;\n --ds-link-visited: #803FA5;\n --ds-link-visited-pressed: #48245D;\n --ds-icon: #292A2E;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #C9372C;\n --ds-icon-accent-orange: #E06C00;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\n --ds-icon-accent-blue: #357DE8;\n --ds-icon-accent-purple: #AF59E1;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #7D818A;\n --ds-icon-disabled: #080F214A;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #1868DB;\n --ds-icon-brand: #1868DB;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #E06C00;\n --ds-icon-warning-inverse: #292A2E;\n --ds-icon-success: #6A9A23;\n --ds-icon-discovery: #AF59E1;\n --ds-icon-information: #357DE8;\n --ds-icon-subtlest: #6B6E76;\n --ds-icon-subtle: #505258;\n --ds-border: #0B120E24;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E2483D;\n --ds-border-accent-orange: #E06C00;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\n --ds-border-accent-blue: #357DE8;\n --ds-border-accent-purple: #AF59E1;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #7D818A;\n --ds-border-disabled: #0515240F;\n --ds-border-focused: #4688EC;\n --ds-border-input: #8C8F97;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #1868DB;\n --ds-border-brand: #1868DB;\n --ds-border-danger: #E2483D;\n --ds-border-warning: #E06C00;\n --ds-border-success: #6A9A23;\n --ds-border-discovery: #AF59E1;\n --ds-border-information: #357DE8;\n --ds-border-bold: #7D818A;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #BDE97C;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #BDE97C;\n --ds-background-accent-lime-subtler-pressed: #B3DF72;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #BDE97C;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #3F5224;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FFB8B2;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FFB8B2;\n --ds-background-accent-red-subtler-pressed: #FD9891;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFB8B2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #872821;\n --ds-background-accent-orange-subtlest: #FFF5DB;\n --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n --ds-background-accent-orange-subtlest-pressed: #FBD779;\n --ds-background-accent-orange-subtler: #FCE4A6;\n --ds-background-accent-orange-subtler-hovered: #FBD779;\n --ds-background-accent-orange-subtler-pressed: #FBC828;\n --ds-background-accent-orange-subtle: #FCA700;\n --ds-background-accent-orange-subtle-hovered: #FBC828;\n --ds-background-accent-orange-subtle-pressed: #FBD779;\n --ds-background-accent-orange-bolder: #BD5B00;\n --ds-background-accent-orange-bolder-hovered: #9E4C00;\n --ds-background-accent-orange-bolder-pressed: #7A3B00;\n --ds-background-accent-yellow-subtlest: #FEF7C8;\n --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n --ds-background-accent-yellow-subtlest-pressed: #EFDD4E;\n --ds-background-accent-yellow-subtler: #F5E989;\n --ds-background-accent-yellow-subtler-hovered: #EFDD4E;\n --ds-background-accent-yellow-subtler-pressed: #EED12B;\n --ds-background-accent-yellow-subtle: #EED12B;\n --ds-background-accent-yellow-subtle-hovered: #DDB30E;\n --ds-background-accent-yellow-subtle-pressed: #EFDD4E;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #614A05;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #97EDC9;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #97EDC9;\n --ds-background-accent-green-subtler-pressed: #7EE2B8;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #97EDC9;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #19573D;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #B1E4F7;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #B1E4F7;\n --ds-background-accent-teal-subtler-pressed: #9DD9EE;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #B1E4F7;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #1A5265;\n --ds-background-accent-blue-subtlest: #E9F2FE;\n --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n --ds-background-accent-blue-subtlest-pressed: #ADCBFB;\n --ds-background-accent-blue-subtler: #CFE1FD;\n --ds-background-accent-blue-subtler-hovered: #ADCBFB;\n --ds-background-accent-blue-subtler-pressed: #8FB8F6;\n --ds-background-accent-blue-subtle: #669DF1;\n --ds-background-accent-blue-subtle-hovered: #8FB8F6;\n --ds-background-accent-blue-subtle-pressed: #ADCBFB;\n --ds-background-accent-blue-bolder: #1868DB;\n --ds-background-accent-blue-bolder-hovered: #1558BC;\n --ds-background-accent-blue-bolder-pressed: #144794;\n --ds-background-accent-purple-subtlest: #F8EEFE;\n --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n --ds-background-accent-purple-subtlest-pressed: #E3BDFA;\n --ds-background-accent-purple-subtler: #EED7FC;\n --ds-background-accent-purple-subtler-hovered: #E3BDFA;\n --ds-background-accent-purple-subtler-pressed: #D8A0F7;\n --ds-background-accent-purple-subtle: #C97CF4;\n --ds-background-accent-purple-subtle-hovered: #D8A0F7;\n --ds-background-accent-purple-subtle-pressed: #E3BDFA;\n --ds-background-accent-purple-bolder: #964AC0;\n --ds-background-accent-purple-bolder-hovered: #803FA5;\n --ds-background-accent-purple-bolder-pressed: #673286;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #FCB6E1;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #FCB6E1;\n --ds-background-accent-magenta-subtler-pressed: #F797D2;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FCB6E1;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #77325B;\n --ds-background-accent-gray-subtlest: #F0F1F2;\n --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n --ds-background-accent-gray-subtler: #DDDEE1;\n --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n --ds-background-accent-gray-subtler-pressed: #8C8F97;\n --ds-background-accent-gray-subtle: #8C8F97;\n --ds-background-accent-gray-subtle-hovered: #B7B9BE;\n --ds-background-accent-gray-subtle-pressed: #DDDEE1;\n --ds-background-accent-gray-bolder: #6B6E76;\n --ds-background-accent-gray-bolder-hovered: #505258;\n --ds-background-accent-gray-bolder-pressed: #3B3D42;\n --ds-background-disabled: #17171708;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F8F8F8;\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: #0515240F;\n --ds-background-neutral-hovered: #0B120E24;\n --ds-background-neutral-pressed: #080F214A;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #0515240F;\n --ds-background-neutral-subtle-pressed: #0B120E24;\n --ds-background-neutral-bold: #292A2E;\n --ds-background-neutral-bold-hovered: #3B3D42;\n --ds-background-neutral-bold-pressed: #505258;\n --ds-background-selected: #E9F2FE;\n --ds-background-selected-hovered: #CFE1FD;\n --ds-background-selected-pressed: #8FB8F6;\n --ds-background-selected-bold: #1868DB;\n --ds-background-selected-bold-hovered: #1558BC;\n --ds-background-selected-bold-pressed: #123263;\n --ds-background-brand-subtlest: #E9F2FE;\n --ds-background-brand-subtlest-hovered: #CFE1FD;\n --ds-background-brand-subtlest-pressed: #ADCBFB;\n --ds-background-brand-bold: #1868DB;\n --ds-background-brand-bold-hovered: #1558BC;\n --ds-background-brand-bold-pressed: #144794;\n --ds-background-brand-boldest: #1C2B42;\n --ds-background-brand-boldest-hovered: #123263;\n --ds-background-brand-boldest-pressed: #144794;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FFB8B2;\n --ds-background-danger-subtler: #FFD5D2;\n --ds-background-danger-subtler-hovered: #FFB8B2;\n --ds-background-danger-subtler-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #872821;\n --ds-background-warning: #FFF5DB;\n --ds-background-warning-hovered: #FCE4A6;\n --ds-background-warning-pressed: #FBD779;\n --ds-background-warning-subtler: #FCE4A6;\n --ds-background-warning-subtler-hovered: #FBD779;\n --ds-background-warning-subtler-pressed: #FBC828;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #EFFFD6;\n --ds-background-success-hovered: #D3F1A7;\n --ds-background-success-pressed: #BDE97C;\n --ds-background-success-subtler: #D3F1A7;\n --ds-background-success-subtler-hovered: #BDE97C;\n --ds-background-success-subtler-pressed: #B3DF72;\n --ds-background-success-bold: #5B7F24;\n --ds-background-success-bold-hovered: #4C6B1F;\n --ds-background-success-bold-pressed: #3F5224;\n --ds-background-discovery: #F8EEFE;\n --ds-background-discovery-hovered: #EED7FC;\n --ds-background-discovery-pressed: #E3BDFA;\n --ds-background-discovery-subtler: #EED7FC;\n --ds-background-discovery-subtler-hovered: #E3BDFA;\n --ds-background-discovery-subtler-pressed: #D8A0F7;\n --ds-background-discovery-bold: #964AC0;\n --ds-background-discovery-bold-hovered: #803FA5;\n --ds-background-discovery-bold-pressed: #673286;\n --ds-background-information: #E9F2FE;\n --ds-background-information-hovered: #CFE1FD;\n --ds-background-information-pressed: #ADCBFB;\n --ds-background-information-subtler: #CFE1FD;\n --ds-background-information-subtler-hovered: #ADCBFB;\n --ds-background-information-subtler-pressed: #8FB8F6;\n --ds-background-information-bold: #1868DB;\n --ds-background-information-bold-hovered: #1558BC;\n --ds-background-information-bold-pressed: #144794;\n --ds-blanket: #050C1F75;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #0515240F;\n --ds-skeleton-subtle: #17171708;\n --ds-chart-categorical-1: #357DE8;\n --ds-chart-categorical-1-hovered: #1868DB;\n --ds-chart-categorical-2: #82B536;\n --ds-chart-categorical-2-hovered: #6A9A23;\n --ds-chart-categorical-3: #BF63F3;\n --ds-chart-categorical-3-hovered: #AF59E1;\n --ds-chart-categorical-4: #F68909;\n --ds-chart-categorical-4-hovered: #E06C00;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #123263;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #803FA5;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #2898BD;\n --ds-chart-categorical-8: #BD5B00;\n --ds-chart-categorical-8-hovered: #7A3B00;\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: #8C8F97;\n --ds-chart-neutral-hovered: #7D818A;\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: #E06C00;\n --ds-chart-orange-bold-hovered: #BD5B00;\n --ds-chart-orange-bolder: #BD5B00;\n --ds-chart-orange-bolder-hovered: #9E4C00;\n --ds-chart-orange-boldest: #7A3B00;\n --ds-chart-orange-boldest-hovered: #693200;\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: #4688EC;\n --ds-chart-blue-bold-hovered: #357DE8;\n --ds-chart-blue-bolder: #357DE8;\n --ds-chart-blue-bolder-hovered: #1868DB;\n --ds-chart-blue-boldest: #1558BC;\n --ds-chart-blue-boldest-hovered: #123263;\n --ds-chart-purple-bold: #BF63F3;\n --ds-chart-purple-bold-hovered: #AF59E1;\n --ds-chart-purple-bolder: #AF59E1;\n --ds-chart-purple-bolder-hovered: #964AC0;\n --ds-chart-purple-boldest: #803FA5;\n --ds-chart-purple-boldest-hovered: #48245D;\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: #8C8F97;\n --ds-chart-gray-bold-hovered: #7D818A;\n --ds-chart-gray-bolder: #7D818A;\n --ds-chart-gray-bolder-hovered: #6B6E76;\n --ds-chart-gray-boldest: #505258;\n --ds-chart-gray-boldest-hovered: #3B3D42;\n --ds-chart-brand: #357DE8;\n --ds-chart-brand-hovered: #1868DB;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #C9372C;\n --ds-chart-danger-bold: #872821;\n --ds-chart-danger-bold-hovered: #5D1F1A;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #E06C00;\n --ds-chart-warning-bold: #BD5B00;\n --ds-chart-warning-bold-hovered: #9E4C00;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #6A9A23;\n --ds-chart-success-bold: #5B7F24;\n --ds-chart-success-bold-hovered: #4C6B1F;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #AF59E1;\n --ds-chart-discovery-bold: #803FA5;\n --ds-chart-discovery-bold-hovered: #964AC0;\n --ds-chart-information: #357DE8;\n --ds-chart-information-hovered: #1868DB;\n --ds-chart-information-bold: #1558BC;\n --ds-chart-information-bold-hovered: #123263;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F0F1F2;\n --ds-surface-pressed: #DDDEE1;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F0F1F2;\n --ds-surface-overlay-pressed: #DDDEE1;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F0F1F2;\n --ds-surface-raised-pressed: #DDDEE1;\n --ds-surface-sunken: #F8F8F8;\n --ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;\n --ds-shadow-overflow-perimeter: #1E1F211f;\n --ds-shadow-overflow-spread: #1E1F2129;\n --ds-shadow-overlay: 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F;\n --ds-shadow-raised: 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F;\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
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #292A2E;\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: #9E4C00;\n --ds-text-accent-orange-bolder: #693200;\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: #1558BC;\n --ds-text-accent-blue-bolder: #123263;\n --ds-text-accent-purple: #803FA5;\n --ds-text-accent-purple-bolder: #48245D;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #505258;\n --ds-text-accent-gray-bolder: #1E1F21;\n --ds-text-disabled: #080F214A;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #1868DB;\n --ds-text-brand: #1868DB;\n --ds-text-danger: #AE2E24;\n --ds-text-danger-bolder: #5D1F1A;\n --ds-text-warning: #9E4C00;\n --ds-text-warning-inverse: #292A2E;\n --ds-text-warning-bolder: #693200;\n --ds-text-success: #4C6B1F;\n --ds-text-success-bolder: #37471F;\n --ds-text-discovery: #803FA5;\n --ds-text-discovery-bolder: #48245D;\n --ds-text-information: #1558BC;\n --ds-text-information-bolder: #123263;\n --ds-text-subtlest: #6B6E76;\n --ds-text-subtle: #505258;\n --ds-link: #1868DB;\n --ds-link-pressed: #1558BC;\n --ds-link-visited: #803FA5;\n --ds-link-visited-pressed: #48245D;\n --ds-icon: #292A2E;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #C9372C;\n --ds-icon-accent-orange: #E06C00;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\n --ds-icon-accent-blue: #357DE8;\n --ds-icon-accent-purple: #AF59E1;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #7D818A;\n --ds-icon-disabled: #080F214A;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #1868DB;\n --ds-icon-brand: #1868DB;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #E06C00;\n --ds-icon-warning-inverse: #292A2E;\n --ds-icon-success: #6A9A23;\n --ds-icon-discovery: #AF59E1;\n --ds-icon-information: #357DE8;\n --ds-icon-subtlest: #6B6E76;\n --ds-icon-subtle: #505258;\n --ds-border: #0B120E24;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E2483D;\n --ds-border-accent-orange: #E06C00;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\n --ds-border-accent-blue: #357DE8;\n --ds-border-accent-purple: #AF59E1;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #7D818A;\n --ds-border-disabled: #0515240F;\n --ds-border-focused: #4688EC;\n --ds-border-input: #8C8F97;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #1868DB;\n --ds-border-brand: #1868DB;\n --ds-border-danger: #E2483D;\n --ds-border-warning: #E06C00;\n --ds-border-success: #6A9A23;\n --ds-border-discovery: #AF59E1;\n --ds-border-information: #357DE8;\n --ds-border-bold: #7D818A;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #BDE97C;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #BDE97C;\n --ds-background-accent-lime-subtler-pressed: #B3DF72;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #BDE97C;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #3F5224;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FFB8B2;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FFB8B2;\n --ds-background-accent-red-subtler-pressed: #FD9891;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFB8B2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #872821;\n --ds-background-accent-orange-subtlest: #FFF5DB;\n --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n --ds-background-accent-orange-subtlest-pressed: #FBD779;\n --ds-background-accent-orange-subtler: #FCE4A6;\n --ds-background-accent-orange-subtler-hovered: #FBD779;\n --ds-background-accent-orange-subtler-pressed: #FBC828;\n --ds-background-accent-orange-subtle: #FCA700;\n --ds-background-accent-orange-subtle-hovered: #FBC828;\n --ds-background-accent-orange-subtle-pressed: #FBD779;\n --ds-background-accent-orange-bolder: #BD5B00;\n --ds-background-accent-orange-bolder-hovered: #9E4C00;\n --ds-background-accent-orange-bolder-pressed: #7A3B00;\n --ds-background-accent-yellow-subtlest: #FEF7C8;\n --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n --ds-background-accent-yellow-subtlest-pressed: #EFDD4E;\n --ds-background-accent-yellow-subtler: #F5E989;\n --ds-background-accent-yellow-subtler-hovered: #EFDD4E;\n --ds-background-accent-yellow-subtler-pressed: #EED12B;\n --ds-background-accent-yellow-subtle: #EED12B;\n --ds-background-accent-yellow-subtle-hovered: #DDB30E;\n --ds-background-accent-yellow-subtle-pressed: #EFDD4E;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #614A05;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #97EDC9;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #97EDC9;\n --ds-background-accent-green-subtler-pressed: #7EE2B8;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #97EDC9;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #19573D;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #B1E4F7;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #B1E4F7;\n --ds-background-accent-teal-subtler-pressed: #9DD9EE;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #B1E4F7;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #1A5265;\n --ds-background-accent-blue-subtlest: #E9F2FE;\n --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n --ds-background-accent-blue-subtlest-pressed: #ADCBFB;\n --ds-background-accent-blue-subtler: #CFE1FD;\n --ds-background-accent-blue-subtler-hovered: #ADCBFB;\n --ds-background-accent-blue-subtler-pressed: #8FB8F6;\n --ds-background-accent-blue-subtle: #669DF1;\n --ds-background-accent-blue-subtle-hovered: #8FB8F6;\n --ds-background-accent-blue-subtle-pressed: #ADCBFB;\n --ds-background-accent-blue-bolder: #1868DB;\n --ds-background-accent-blue-bolder-hovered: #1558BC;\n --ds-background-accent-blue-bolder-pressed: #144794;\n --ds-background-accent-purple-subtlest: #F8EEFE;\n --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n --ds-background-accent-purple-subtlest-pressed: #E3BDFA;\n --ds-background-accent-purple-subtler: #EED7FC;\n --ds-background-accent-purple-subtler-hovered: #E3BDFA;\n --ds-background-accent-purple-subtler-pressed: #D8A0F7;\n --ds-background-accent-purple-subtle: #C97CF4;\n --ds-background-accent-purple-subtle-hovered: #D8A0F7;\n --ds-background-accent-purple-subtle-pressed: #E3BDFA;\n --ds-background-accent-purple-bolder: #964AC0;\n --ds-background-accent-purple-bolder-hovered: #803FA5;\n --ds-background-accent-purple-bolder-pressed: #673286;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #FCB6E1;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #FCB6E1;\n --ds-background-accent-magenta-subtler-pressed: #F797D2;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FCB6E1;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #77325B;\n --ds-background-accent-gray-subtlest: #F0F1F2;\n --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n --ds-background-accent-gray-subtler: #DDDEE1;\n --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n --ds-background-accent-gray-subtler-pressed: #8C8F97;\n --ds-background-accent-gray-subtle: #8C8F97;\n --ds-background-accent-gray-subtle-hovered: #B7B9BE;\n --ds-background-accent-gray-subtle-pressed: #DDDEE1;\n --ds-background-accent-gray-bolder: #6B6E76;\n --ds-background-accent-gray-bolder-hovered: #505258;\n --ds-background-accent-gray-bolder-pressed: #3B3D42;\n --ds-background-disabled: #0515240F;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F8F8F8;\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: #0515240F;\n --ds-background-neutral-hovered: #0B120E24;\n --ds-background-neutral-pressed: #080F214A;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #0515240F;\n --ds-background-neutral-subtle-pressed: #0B120E24;\n --ds-background-neutral-bold: #292A2E;\n --ds-background-neutral-bold-hovered: #3B3D42;\n --ds-background-neutral-bold-pressed: #505258;\n --ds-background-selected: #E9F2FE;\n --ds-background-selected-hovered: #CFE1FD;\n --ds-background-selected-pressed: #8FB8F6;\n --ds-background-selected-bold: #1868DB;\n --ds-background-selected-bold-hovered: #1558BC;\n --ds-background-selected-bold-pressed: #123263;\n --ds-background-brand-subtlest: #E9F2FE;\n --ds-background-brand-subtlest-hovered: #CFE1FD;\n --ds-background-brand-subtlest-pressed: #ADCBFB;\n --ds-background-brand-bold: #1868DB;\n --ds-background-brand-bold-hovered: #1558BC;\n --ds-background-brand-bold-pressed: #144794;\n --ds-background-brand-boldest: #1C2B42;\n --ds-background-brand-boldest-hovered: #123263;\n --ds-background-brand-boldest-pressed: #144794;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FFB8B2;\n --ds-background-danger-subtler: #FFD5D2;\n --ds-background-danger-subtler-hovered: #FFB8B2;\n --ds-background-danger-subtler-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #872821;\n --ds-background-warning: #FFF5DB;\n --ds-background-warning-hovered: #FCE4A6;\n --ds-background-warning-pressed: #FBD779;\n --ds-background-warning-subtler: #FCE4A6;\n --ds-background-warning-subtler-hovered: #FBD779;\n --ds-background-warning-subtler-pressed: #FBC828;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #EFFFD6;\n --ds-background-success-hovered: #D3F1A7;\n --ds-background-success-pressed: #BDE97C;\n --ds-background-success-subtler: #D3F1A7;\n --ds-background-success-subtler-hovered: #BDE97C;\n --ds-background-success-subtler-pressed: #B3DF72;\n --ds-background-success-bold: #5B7F24;\n --ds-background-success-bold-hovered: #4C6B1F;\n --ds-background-success-bold-pressed: #3F5224;\n --ds-background-discovery: #F8EEFE;\n --ds-background-discovery-hovered: #EED7FC;\n --ds-background-discovery-pressed: #E3BDFA;\n --ds-background-discovery-subtler: #EED7FC;\n --ds-background-discovery-subtler-hovered: #E3BDFA;\n --ds-background-discovery-subtler-pressed: #D8A0F7;\n --ds-background-discovery-bold: #964AC0;\n --ds-background-discovery-bold-hovered: #803FA5;\n --ds-background-discovery-bold-pressed: #673286;\n --ds-background-information: #E9F2FE;\n --ds-background-information-hovered: #CFE1FD;\n --ds-background-information-pressed: #ADCBFB;\n --ds-background-information-subtler: #CFE1FD;\n --ds-background-information-subtler-hovered: #ADCBFB;\n --ds-background-information-subtler-pressed: #8FB8F6;\n --ds-background-information-bold: #1868DB;\n --ds-background-information-bold-hovered: #1558BC;\n --ds-background-information-bold-pressed: #144794;\n --ds-blanket: #050C1F75;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #0515240F;\n --ds-skeleton-subtle: #17171708;\n --ds-chart-categorical-1: #357DE8;\n --ds-chart-categorical-1-hovered: #1868DB;\n --ds-chart-categorical-2: #82B536;\n --ds-chart-categorical-2-hovered: #6A9A23;\n --ds-chart-categorical-3: #BF63F3;\n --ds-chart-categorical-3-hovered: #AF59E1;\n --ds-chart-categorical-4: #F68909;\n --ds-chart-categorical-4-hovered: #E06C00;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #123263;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #803FA5;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #2898BD;\n --ds-chart-categorical-8: #BD5B00;\n --ds-chart-categorical-8-hovered: #7A3B00;\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: #8C8F97;\n --ds-chart-neutral-hovered: #7D818A;\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: #E06C00;\n --ds-chart-orange-bold-hovered: #BD5B00;\n --ds-chart-orange-bolder: #BD5B00;\n --ds-chart-orange-bolder-hovered: #9E4C00;\n --ds-chart-orange-boldest: #7A3B00;\n --ds-chart-orange-boldest-hovered: #693200;\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: #4688EC;\n --ds-chart-blue-bold-hovered: #357DE8;\n --ds-chart-blue-bolder: #357DE8;\n --ds-chart-blue-bolder-hovered: #1868DB;\n --ds-chart-blue-boldest: #1558BC;\n --ds-chart-blue-boldest-hovered: #123263;\n --ds-chart-purple-bold: #BF63F3;\n --ds-chart-purple-bold-hovered: #AF59E1;\n --ds-chart-purple-bolder: #AF59E1;\n --ds-chart-purple-bolder-hovered: #964AC0;\n --ds-chart-purple-boldest: #803FA5;\n --ds-chart-purple-boldest-hovered: #48245D;\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: #8C8F97;\n --ds-chart-gray-bold-hovered: #7D818A;\n --ds-chart-gray-bolder: #7D818A;\n --ds-chart-gray-bolder-hovered: #6B6E76;\n --ds-chart-gray-boldest: #505258;\n --ds-chart-gray-boldest-hovered: #3B3D42;\n --ds-chart-brand: #357DE8;\n --ds-chart-brand-hovered: #1868DB;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #C9372C;\n --ds-chart-danger-bold: #872821;\n --ds-chart-danger-bold-hovered: #5D1F1A;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #E06C00;\n --ds-chart-warning-bold: #BD5B00;\n --ds-chart-warning-bold-hovered: #9E4C00;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #6A9A23;\n --ds-chart-success-bold: #5B7F24;\n --ds-chart-success-bold-hovered: #4C6B1F;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #AF59E1;\n --ds-chart-discovery-bold: #803FA5;\n --ds-chart-discovery-bold-hovered: #964AC0;\n --ds-chart-information: #357DE8;\n --ds-chart-information-hovered: #1868DB;\n --ds-chart-information-bold: #1558BC;\n --ds-chart-information-bold-hovered: #123263;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F0F1F2;\n --ds-surface-pressed: #DDDEE1;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F0F1F2;\n --ds-surface-overlay-pressed: #DDDEE1;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F0F1F2;\n --ds-surface-raised-pressed: #DDDEE1;\n --ds-surface-sunken: #F8F8F8;\n --ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;\n --ds-shadow-overflow-perimeter: #1E1F211f;\n --ds-shadow-overflow-spread: #1E1F2129;\n --ds-shadow-overlay: 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F;\n --ds-shadow-raised: 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F;\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 +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::3873b297b6131bf7b9da06afc874cd80>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
var defaultTokenValues = {
|
|
@@ -268,7 +268,7 @@ var defaultTokenValues = {
|
|
|
268
268
|
'color.background.accent.gray.bolder': '#6B6E76',
|
|
269
269
|
'color.background.accent.gray.bolder.hovered': '#505258',
|
|
270
270
|
'color.background.accent.gray.bolder.pressed': '#3B3D42',
|
|
271
|
-
'color.background.disabled': '#
|
|
271
|
+
'color.background.disabled': '#0515240F',
|
|
272
272
|
'color.background.input': '#FFFFFF',
|
|
273
273
|
'color.background.input.hovered': '#F8F8F8',
|
|
274
274
|
'color.background.input.pressed': '#FFFFFF',
|
|
@@ -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::07c07cb4fbd8c34128a7303a4b5bf336>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -4581,7 +4581,7 @@ var tokens = [{
|
|
|
4581
4581
|
"path": ["color", "background", "accent", "gray", "bolder", "pressed"],
|
|
4582
4582
|
"cleanName": "color.background.accent.gray.bolder.pressed"
|
|
4583
4583
|
}, {
|
|
4584
|
-
"value": "#
|
|
4584
|
+
"value": "#E3E4F21F",
|
|
4585
4585
|
"filePath": "schema/themes/atlassian-dark/color/background.tsx",
|
|
4586
4586
|
"isSource": false,
|
|
4587
4587
|
"attributes": {
|
|
@@ -4591,7 +4591,7 @@ var tokens = [{
|
|
|
4591
4591
|
"description": "Use for backgrounds of elements in a disabled state."
|
|
4592
4592
|
},
|
|
4593
4593
|
"original": {
|
|
4594
|
-
"value": "
|
|
4594
|
+
"value": "DarkNeutral300A",
|
|
4595
4595
|
"attributes": {
|
|
4596
4596
|
"group": "paint",
|
|
4597
4597
|
"state": "active",
|
|
@@ -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::c7aa39eae7839f7e54fc07b5614a5359>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -4587,7 +4587,7 @@ var tokens = [{
|
|
|
4587
4587
|
"introduced": "0.0.15",
|
|
4588
4588
|
"description": "Use for backgrounds of elements in a disabled state."
|
|
4589
4589
|
},
|
|
4590
|
-
"value": "#
|
|
4590
|
+
"value": "#E3E4F21F",
|
|
4591
4591
|
"filePath": "schema/themes/atlassian-dark/color/background.tsx",
|
|
4592
4592
|
"isSource": true,
|
|
4593
4593
|
"original": {
|
|
@@ -4597,7 +4597,7 @@ var tokens = [{
|
|
|
4597
4597
|
"introduced": "0.0.15",
|
|
4598
4598
|
"description": "Use for backgrounds of elements in a disabled state."
|
|
4599
4599
|
},
|
|
4600
|
-
"value": "
|
|
4600
|
+
"value": "DarkNeutral300A"
|
|
4601
4601
|
},
|
|
4602
4602
|
"name": "color.background.disabled",
|
|
4603
4603
|
"path": ["color", "background", "disabled"],
|
|
@@ -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::8a1fd8b52d543897e21443d4368692c4>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -4581,7 +4581,7 @@ var tokens = [{
|
|
|
4581
4581
|
"path": ["color", "background", "accent", "gray", "bolder", "pressed"],
|
|
4582
4582
|
"cleanName": "color.background.accent.gray.bolder.pressed"
|
|
4583
4583
|
}, {
|
|
4584
|
-
"value": "#
|
|
4584
|
+
"value": "#0515240F",
|
|
4585
4585
|
"filePath": "schema/themes/atlassian-light/color/background.tsx",
|
|
4586
4586
|
"isSource": false,
|
|
4587
4587
|
"attributes": {
|
|
@@ -4591,7 +4591,7 @@ var tokens = [{
|
|
|
4591
4591
|
"description": "Use for backgrounds of elements in a disabled state."
|
|
4592
4592
|
},
|
|
4593
4593
|
"original": {
|
|
4594
|
-
"value": "
|
|
4594
|
+
"value": "Neutral200A",
|
|
4595
4595
|
"attributes": {
|
|
4596
4596
|
"group": "paint",
|
|
4597
4597
|
"state": "active",
|
|
@@ -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::d7798f5da9c5cb814cf6b4e2e6137397>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -4587,7 +4587,7 @@ var tokens = [{
|
|
|
4587
4587
|
"introduced": "0.0.15",
|
|
4588
4588
|
"description": "Use for backgrounds of elements in a disabled state."
|
|
4589
4589
|
},
|
|
4590
|
-
"value": "#
|
|
4590
|
+
"value": "#0515240F",
|
|
4591
4591
|
"filePath": "schema/themes/atlassian-light/color/background.tsx",
|
|
4592
4592
|
"isSource": true,
|
|
4593
4593
|
"original": {
|
|
@@ -4597,7 +4597,7 @@ var tokens = [{
|
|
|
4597
4597
|
"introduced": "0.0.15",
|
|
4598
4598
|
"description": "Use for backgrounds of elements in a disabled state."
|
|
4599
4599
|
},
|
|
4600
|
-
"value": "
|
|
4600
|
+
"value": "Neutral200A"
|
|
4601
4601
|
},
|
|
4602
4602
|
"name": "color.background.disabled",
|
|
4603
4603
|
"path": ["color", "background", "disabled"],
|
package/dist/esm/constants.js
CHANGED
|
@@ -6,4 +6,5 @@ export var CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';
|
|
|
6
6
|
export var CSS_PREFIX = 'ds';
|
|
7
7
|
export var CSS_VAR_FULL = ['opacity', 'font', 'space', 'border', 'radius'];
|
|
8
8
|
export var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");
|
|
9
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
9
10
|
export var CURRENT_SURFACE_CSS_VAR = "--".concat(CSS_PREFIX, "-elevation-surface-current");
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { themeStringToObject
|
|
1
|
+
export { themeStringToObject } from '../theme-string-to-object';
|
|
2
|
+
export { themeObjectToString } from '../theme-object-to-string';
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::ecdf4f84ae7b36849943b200af52ee54>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -2315,7 +2315,7 @@ export var tokens = [{
|
|
|
2315
2315
|
name: 'color.background.disabled',
|
|
2316
2316
|
path: ['color', 'background', 'disabled'],
|
|
2317
2317
|
description: 'Use for backgrounds of elements in a disabled state.',
|
|
2318
|
-
exampleValue: '#
|
|
2318
|
+
exampleValue: '#0515240F',
|
|
2319
2319
|
usageGuidelines: {
|
|
2320
2320
|
usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
|
|
2321
2321
|
cssProperties: ['background-color']
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { COLOR_MODE_ATTRIBUTE, CUSTOM_THEME_ATTRIBUTE } from './constants';
|
|
2
2
|
import { themeStateDefaults } from './theme-config';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { generateColors } from './utils/generate-colors';
|
|
4
|
+
import { generateTokenMapWithContrastCheck } from './utils/generate-token-map-with-contrast-check';
|
|
5
5
|
import { hash } from './utils/hash';
|
|
6
|
+
import { reduceTokenMap } from './utils/reduce-token-map';
|
|
6
7
|
|
|
7
8
|
/**
|
|
8
9
|
* Takes a color mode and custom branding options, and returns an array of objects for use in applying custom styles to the document head.
|
|
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import { COLOR_MODE_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
|
|
5
5
|
import { themeColorModes } from './theme-color-modes';
|
|
6
|
-
import { themeStringToObject } from './theme-
|
|
6
|
+
import { themeStringToObject } from './theme-string-to-object';
|
|
7
7
|
var isThemeColorMode = function isThemeColorMode(colorMode) {
|
|
8
8
|
return themeColorModes.find(function (mode) {
|
|
9
9
|
return mode === colorMode;
|
|
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
5
|
import { COLOR_MODE_ATTRIBUTE, CONTRAST_MODE_ATTRIBUTE, CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
|
|
6
6
|
import { themeStateDefaults } from './theme-config';
|
|
7
|
-
import { themeObjectToString } from './theme-
|
|
7
|
+
import { themeObjectToString } from './theme-object-to-string';
|
|
8
8
|
import { hash } from './utils/hash';
|
|
9
9
|
import { isValidBrandHex } from './utils/is-valid-brand-hex';
|
|
10
10
|
var defaultColorMode = 'light';
|
|
@@ -27,7 +27,7 @@ import { loadThemeCss } from './utils/load-theme-css';
|
|
|
27
27
|
var getThemeStyles = /*#__PURE__*/function () {
|
|
28
28
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(preferences) {
|
|
29
29
|
var themePreferences, themeOverridePreferences, themeState, results;
|
|
30
|
-
return _regeneratorRuntime.wrap(function
|
|
30
|
+
return _regeneratorRuntime.wrap(function (_context3) {
|
|
31
31
|
while (1) switch (_context3.prev = _context3.next) {
|
|
32
32
|
case 0:
|
|
33
33
|
themeOverridePreferences = [];
|
|
@@ -54,17 +54,17 @@ var getThemeStyles = /*#__PURE__*/function () {
|
|
|
54
54
|
themePreferences = getThemePreferences(themeState);
|
|
55
55
|
themeOverridePreferences = getThemeOverridePreferences(themeState);
|
|
56
56
|
}
|
|
57
|
-
_context3.next =
|
|
57
|
+
_context3.next = 1;
|
|
58
58
|
return Promise.all([].concat(_toConsumableArray([].concat(_toConsumableArray(themePreferences), _toConsumableArray(themeOverridePreferences)).map( /*#__PURE__*/function () {
|
|
59
59
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(themeId) {
|
|
60
|
-
var css;
|
|
61
|
-
return _regeneratorRuntime.wrap(function
|
|
60
|
+
var css, _t;
|
|
61
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
62
62
|
while (1) switch (_context.prev = _context.next) {
|
|
63
63
|
case 0:
|
|
64
64
|
_context.prev = 0;
|
|
65
|
-
_context.next =
|
|
65
|
+
_context.next = 1;
|
|
66
66
|
return loadThemeCss(themeId);
|
|
67
|
-
case
|
|
67
|
+
case 1:
|
|
68
68
|
css = _context.sent;
|
|
69
69
|
return _context.abrupt("return", {
|
|
70
70
|
id: themeId,
|
|
@@ -73,15 +73,15 @@ var getThemeStyles = /*#__PURE__*/function () {
|
|
|
73
73
|
},
|
|
74
74
|
css: css
|
|
75
75
|
});
|
|
76
|
-
case
|
|
77
|
-
_context.prev =
|
|
78
|
-
|
|
76
|
+
case 2:
|
|
77
|
+
_context.prev = 2;
|
|
78
|
+
_t = _context["catch"](0);
|
|
79
79
|
return _context.abrupt("return", undefined);
|
|
80
|
-
case
|
|
80
|
+
case 3:
|
|
81
81
|
case "end":
|
|
82
82
|
return _context.stop();
|
|
83
83
|
}
|
|
84
|
-
}, _callee, null, [[0,
|
|
84
|
+
}, _callee, null, [[0, 2]]);
|
|
85
85
|
}));
|
|
86
86
|
return function (_x2) {
|
|
87
87
|
return _ref2.apply(this, arguments);
|
|
@@ -90,47 +90,47 @@ var getThemeStyles = /*#__PURE__*/function () {
|
|
|
90
90
|
// Add custom themes if they're present
|
|
91
91
|
_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
92
92
|
var _preferences$UNSAFE_t;
|
|
93
|
-
var _yield$import, getCustomThemeStyles, customThemeStyles;
|
|
94
|
-
return _regeneratorRuntime.wrap(function
|
|
93
|
+
var _yield$import, getCustomThemeStyles, customThemeStyles, _t2;
|
|
94
|
+
return _regeneratorRuntime.wrap(function (_context2) {
|
|
95
95
|
while (1) switch (_context2.prev = _context2.next) {
|
|
96
96
|
case 0:
|
|
97
97
|
if (!(preferences !== 'all' && preferences !== null && preferences !== void 0 && preferences.UNSAFE_themeOptions && isValidBrandHex(preferences === null || preferences === void 0 || (_preferences$UNSAFE_t = preferences.UNSAFE_themeOptions) === null || _preferences$UNSAFE_t === void 0 ? void 0 : _preferences$UNSAFE_t.brandColor))) {
|
|
98
|
-
_context2.next =
|
|
98
|
+
_context2.next = 5;
|
|
99
99
|
break;
|
|
100
100
|
}
|
|
101
101
|
_context2.prev = 1;
|
|
102
|
-
_context2.next =
|
|
102
|
+
_context2.next = 2;
|
|
103
103
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-custom-theme" */
|
|
104
104
|
'./custom-theme');
|
|
105
|
-
case
|
|
105
|
+
case 2:
|
|
106
106
|
_yield$import = _context2.sent;
|
|
107
107
|
getCustomThemeStyles = _yield$import.getCustomThemeStyles;
|
|
108
|
-
_context2.next =
|
|
108
|
+
_context2.next = 3;
|
|
109
109
|
return getCustomThemeStyles({
|
|
110
110
|
colorMode: (preferences === null || preferences === void 0 ? void 0 : preferences.colorMode) || themeStateDefaults['colorMode'],
|
|
111
111
|
UNSAFE_themeOptions: preferences === null || preferences === void 0 ? void 0 : preferences.UNSAFE_themeOptions
|
|
112
112
|
});
|
|
113
|
-
case
|
|
113
|
+
case 3:
|
|
114
114
|
customThemeStyles = _context2.sent;
|
|
115
115
|
return _context2.abrupt("return", customThemeStyles);
|
|
116
|
-
case
|
|
117
|
-
_context2.prev =
|
|
118
|
-
|
|
116
|
+
case 4:
|
|
117
|
+
_context2.prev = 4;
|
|
118
|
+
_t2 = _context2["catch"](1);
|
|
119
119
|
return _context2.abrupt("return", undefined);
|
|
120
|
-
case
|
|
120
|
+
case 5:
|
|
121
121
|
return _context2.abrupt("return", undefined);
|
|
122
|
-
case
|
|
122
|
+
case 6:
|
|
123
123
|
case "end":
|
|
124
124
|
return _context2.stop();
|
|
125
125
|
}
|
|
126
|
-
}, _callee2, null, [[1,
|
|
126
|
+
}, _callee2, null, [[1, 4]]);
|
|
127
127
|
}))()]));
|
|
128
|
-
case
|
|
128
|
+
case 1:
|
|
129
129
|
results = _context3.sent;
|
|
130
130
|
return _context3.abrupt("return", results.flat().filter(function (theme) {
|
|
131
131
|
return theme !== undefined;
|
|
132
132
|
}));
|
|
133
|
-
case
|
|
133
|
+
case 2:
|
|
134
134
|
case "end":
|
|
135
135
|
return _context3.stop();
|
|
136
136
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -9,6 +9,7 @@ export { default as getSSRAutoScript } from './get-ssr-auto-script';
|
|
|
9
9
|
export { default as useThemeObserver } from './use-theme-observer';
|
|
10
10
|
export { default as ThemeMutationObserver } from './theme-mutation-observer';
|
|
11
11
|
export { default as getGlobalTheme } from './get-global-theme';
|
|
12
|
-
export { themeStringToObject
|
|
12
|
+
export { themeStringToObject } from './theme-string-to-object';
|
|
13
|
+
export { themeObjectToString } from './theme-object-to-string';
|
|
13
14
|
export { default as themeImportMap } from './artifacts/theme-import-map';
|
|
14
15
|
export { COLOR_MODE_ATTRIBUTE, CURRENT_SURFACE_CSS_VAR, SUBTREE_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
|