@atlaskit/tokens 1.24.0 → 1.25.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 +178 -164
- package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -2
- package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -2
- package/dist/cjs/artifacts/generated-pairs.js +1 -1
- package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +1 -2
- package/dist/cjs/artifacts/palettes-raw/palette.js +1 -2
- package/dist/cjs/artifacts/palettes-raw/shape-palette.js +1 -2
- package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +1 -2
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +4 -5
- package/dist/cjs/artifacts/palettes-raw/updated-saturated-palette.js +2257 -0
- package/dist/cjs/artifacts/replacement-mapping.js +1 -2
- package/dist/cjs/artifacts/theme-import-map.js +14 -3
- package/dist/cjs/artifacts/themes/atlassian-dark-new-input-border.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-dark-saturated-palette-changes.js +12 -0
- package/dist/cjs/artifacts/themes/atlassian-dark.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-light-new-input-border.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-light-saturated-palette-changes.js +12 -0
- package/dist/cjs/artifacts/themes/atlassian-light.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-shape.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-spacing.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -3
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -3
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -3
- package/dist/cjs/artifacts/token-default-values.js +14 -15
- package/dist/cjs/artifacts/token-names.js +12 -13
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-new-input-border.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +8683 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-new-input-border.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +8645 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +34 -35
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +35 -36
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +35 -36
- package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +1 -2
- package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +1 -2
- package/dist/cjs/constants.js +8 -16
- package/dist/cjs/custom-theme.js +2 -3
- package/dist/cjs/enable-global-theme.js +1 -2
- package/dist/cjs/get-global-theme.js +1 -2
- package/dist/cjs/get-ssr-auto-script.js +1 -2
- package/dist/cjs/get-theme-html-attrs.js +1 -2
- package/dist/cjs/get-theme-styles.js +12 -10
- package/dist/cjs/get-token-value.js +2 -3
- package/dist/cjs/get-token.js +2 -3
- package/dist/cjs/load-custom-theme-styles.js +1 -2
- package/dist/cjs/palettes/legacy-palette.js +1 -2
- package/dist/cjs/palettes/palette.js +1 -2
- package/dist/cjs/palettes/shape-palette.js +1 -2
- package/dist/cjs/palettes/spacing-scale.js +1 -2
- package/dist/cjs/palettes/typography-palette.js +2 -3
- package/dist/cjs/palettes/updated-saturated-palette.js +320 -0
- package/dist/cjs/set-global-theme.js +38 -4
- package/dist/cjs/theme-config.js +31 -12
- package/dist/cjs/theme-mutation-observer.js +2 -3
- package/dist/cjs/theme-state-transformer.js +3 -5
- package/dist/cjs/tokens/atlassian-dark/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/chart.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/interaction.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/skeleton.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/text.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/utility/utility.js +2 -3
- package/dist/cjs/tokens/atlassian-dark-new-input-border/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/accent.js +21 -0
- package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/background.js +26 -0
- package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/icon.js +18 -0
- package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/chart.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/interaction.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/skeleton.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/text.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/elevation/surface.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +2 -3
- package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/chart.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/interaction.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/skeleton.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/elevation/surface.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +2 -3
- package/dist/cjs/tokens/atlassian-light/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/chart.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/interaction.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/skeleton.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/text.js +1 -2
- package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -2
- package/dist/cjs/tokens/atlassian-light/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/atlassian-light/utility/utility.js +2 -3
- package/dist/cjs/tokens/atlassian-light-new-input-border/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/accent.js +35 -0
- package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/background.js +26 -0
- package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/icon.js +16 -0
- package/dist/cjs/tokens/atlassian-shape/shape.js +1 -2
- package/dist/cjs/tokens/atlassian-spacing/spacing.js +1 -2
- package/dist/cjs/tokens/atlassian-typography/font-family.js +1 -2
- package/dist/cjs/tokens/atlassian-typography/letter-spacing.js +1 -2
- package/dist/cjs/tokens/atlassian-typography/theme.js +11 -12
- package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/font-size.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/font-weight.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/letter-spacing.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/line-height.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +12 -13
- package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-minor3/letter-spacing.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +12 -13
- package/dist/cjs/tokens/default/color/accent.js +1 -2
- package/dist/cjs/tokens/default/color/background.js +1 -2
- package/dist/cjs/tokens/default/color/border.js +1 -2
- package/dist/cjs/tokens/default/color/chart.js +1 -2
- package/dist/cjs/tokens/default/color/icon.js +1 -2
- package/dist/cjs/tokens/default/color/interaction.js +1 -2
- package/dist/cjs/tokens/default/color/skeleton.js +1 -2
- package/dist/cjs/tokens/default/color/text.js +1 -2
- package/dist/cjs/tokens/default/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/default/elevation/surface.js +1 -2
- package/dist/cjs/tokens/default/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/default/shape/shape.js +1 -2
- package/dist/cjs/tokens/default/spacing/spacing.js +1 -2
- package/dist/cjs/tokens/default/typography/font-family.js +1 -2
- package/dist/cjs/tokens/default/typography/font-size.js +1 -2
- package/dist/cjs/tokens/default/typography/font-weight.js +1 -2
- package/dist/cjs/tokens/default/typography/font.js +11 -12
- package/dist/cjs/tokens/default/typography/letter-spacing.js +1 -2
- package/dist/cjs/tokens/default/typography/line-height.js +1 -2
- package/dist/cjs/tokens/default/utility/utility.js +2 -3
- package/dist/cjs/use-theme-observer.js +1 -2
- package/dist/cjs/utils/color-detection.js +3 -5
- package/dist/cjs/utils/color-mode-listeners.js +1 -2
- package/dist/cjs/utils/color-utils.js +1 -2
- package/dist/cjs/utils/custom-theme-token-contrast-check.js +3 -5
- package/dist/cjs/utils/generate-custom-color-ramp.js +5 -9
- package/dist/cjs/utils/get-theme-preferences.js +27 -6
- package/dist/cjs/utils/hash.js +2 -3
- package/dist/cjs/utils/hct-color-utils/contrast.js +2 -3
- package/dist/cjs/utils/hct-color-utils/hct.js +7 -7
- package/dist/cjs/utils/theme-loading.js +3 -6
- package/dist/cjs/utils/token-ids.js +4 -7
- package/dist/cjs/utils/token-order.js +2 -3
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +3 -3
- package/dist/es2019/artifacts/palettes-raw/updated-saturated-palette.js +2251 -0
- package/dist/es2019/artifacts/theme-import-map.js +5 -1
- package/dist/es2019/artifacts/themes/atlassian-dark-saturated-palette-changes.js +399 -0
- package/dist/es2019/artifacts/themes/atlassian-light-saturated-palette-changes.js +399 -0
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +13 -13
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +14 -14
- package/dist/es2019/artifacts/themes/atlassian-typography.js +14 -14
- package/dist/es2019/artifacts/token-default-values.js +13 -13
- package/dist/es2019/artifacts/token-names.js +11 -11
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +8677 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +8639 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +33 -33
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +34 -34
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +34 -34
- package/dist/es2019/get-theme-styles.js +7 -4
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/typography-palette.js +1 -1
- package/dist/es2019/palettes/updated-saturated-palette.js +312 -0
- package/dist/es2019/set-global-theme.js +8 -2
- package/dist/es2019/theme-config.js +25 -1
- package/dist/es2019/tokens/atlassian-dark-saturated-palette-changes/color/accent.js +15 -0
- package/dist/es2019/tokens/atlassian-dark-saturated-palette-changes/color/background.js +20 -0
- package/dist/es2019/tokens/atlassian-dark-saturated-palette-changes/color/icon.js +12 -0
- package/dist/es2019/tokens/atlassian-light-saturated-palette-changes/color/accent.js +29 -0
- package/dist/es2019/tokens/atlassian-light-saturated-palette-changes/color/background.js +20 -0
- package/dist/es2019/tokens/atlassian-light-saturated-palette-changes/color/icon.js +10 -0
- package/dist/es2019/tokens/atlassian-typography/theme.js +10 -10
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +10 -10
- package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +10 -10
- package/dist/es2019/tokens/default/typography/font.js +10 -10
- package/dist/es2019/utils/get-theme-preferences.js +26 -2
- package/dist/es2019/utils/hct-color-utils/hct.js +3 -1
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +3 -3
- package/dist/esm/artifacts/palettes-raw/updated-saturated-palette.js +2251 -0
- package/dist/esm/artifacts/theme-import-map.js +9 -1
- package/dist/esm/artifacts/themes/atlassian-dark-saturated-palette-changes.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-light-saturated-palette-changes.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +13 -13
- package/dist/esm/artifacts/token-names.js +11 -11
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +8677 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +8639 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +33 -33
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +34 -34
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +34 -34
- package/dist/esm/custom-theme.js +1 -1
- package/dist/esm/get-theme-styles.js +12 -9
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/typography-palette.js +1 -1
- package/dist/esm/palettes/updated-saturated-palette.js +313 -0
- package/dist/esm/set-global-theme.js +38 -3
- package/dist/esm/theme-config.js +25 -1
- package/dist/esm/tokens/atlassian-dark-saturated-palette-changes/color/accent.js +15 -0
- package/dist/esm/tokens/atlassian-dark-saturated-palette-changes/color/background.js +20 -0
- package/dist/esm/tokens/atlassian-dark-saturated-palette-changes/color/icon.js +12 -0
- package/dist/esm/tokens/atlassian-light-saturated-palette-changes/color/accent.js +29 -0
- package/dist/esm/tokens/atlassian-light-saturated-palette-changes/color/background.js +20 -0
- package/dist/esm/tokens/atlassian-light-saturated-palette-changes/color/icon.js +10 -0
- package/dist/esm/tokens/atlassian-typography/theme.js +10 -10
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +10 -10
- package/dist/esm/tokens/atlassian-typography-minor3/theme.js +10 -10
- package/dist/esm/tokens/default/typography/font.js +10 -10
- package/dist/esm/utils/get-theme-preferences.js +24 -2
- package/dist/esm/utils/hct-color-utils/hct.js +3 -1
- package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types/artifacts/palettes-raw/updated-saturated-palette.d.ts +41 -0
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +13 -13
- package/dist/types/artifacts/token-names.d.ts +21 -21
- package/dist/types/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +109 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +89 -0
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types/palettes/palette.d.ts +1 -1
- package/dist/types/palettes/updated-saturated-palette.d.ts +10 -0
- package/dist/types/theme-config.d.ts +8 -4
- package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
- package/dist/types/tokens/atlassian-dark-saturated-palette-changes/color/accent.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-saturated-palette-changes/color/background.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-saturated-palette-changes/color/icon.d.ts +4 -0
- package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
- package/dist/types/tokens/atlassian-light-saturated-palette-changes/color/accent.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-saturated-palette-changes/color/background.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-saturated-palette-changes/color/icon.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +13 -13
- package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +13 -13
- package/dist/types/tokens/default/utility/utility.d.ts +1 -1
- package/dist/types/types.d.ts +11 -11
- package/dist/types/utils/get-theme-preferences.d.ts +1 -0
- package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/palettes-raw/updated-saturated-palette.d.ts +41 -0
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +13 -13
- package/dist/types-ts4.5/artifacts/token-names.d.ts +21 -21
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +109 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +89 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types-ts4.5/palettes/palette.d.ts +1 -1
- package/dist/types-ts4.5/palettes/updated-saturated-palette.d.ts +10 -0
- package/dist/types-ts4.5/theme-config.d.ts +12 -4
- package/dist/types-ts4.5/tokens/atlassian-dark/utility/utility.d.ts +1 -1
- package/dist/types-ts4.5/tokens/atlassian-dark-saturated-palette-changes/color/accent.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-saturated-palette-changes/color/background.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-saturated-palette-changes/color/icon.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light/utility/utility.d.ts +1 -1
- package/dist/types-ts4.5/tokens/atlassian-light-saturated-palette-changes/color/accent.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-saturated-palette-changes/color/background.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-saturated-palette-changes/color/icon.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +13 -13
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +13 -13
- package/dist/types-ts4.5/tokens/default/utility/utility.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +11 -11
- package/dist/types-ts4.5/utils/get-theme-preferences.d.ts +1 -0
- package/figma/atlassian-dark-saturated-palette-changes.json +3540 -0
- package/figma/atlassian-light-saturated-palette-changes.json +3519 -0
- package/figma/atlassian-typography-adg3.json +2 -2
- package/figma/atlassian-typography-minor3.json +3 -3
- package/figma/atlassian-typography.json +3 -3
- package/package.json +5 -1
- package/report.api.md +32 -22
- package/tmp/api-report-tmp.d.ts +26 -24
|
@@ -9,7 +9,7 @@ var utility = {
|
|
|
9
9
|
var typography = {
|
|
10
10
|
font: {
|
|
11
11
|
heading: {
|
|
12
|
-
|
|
12
|
+
xxlarge: {
|
|
13
13
|
value: {
|
|
14
14
|
fontWeight: 'FontWeight500',
|
|
15
15
|
fontSize: 'LegacyFontSize35',
|
|
@@ -19,7 +19,7 @@ var typography = {
|
|
|
19
19
|
letterSpacing: 'LetterSpacing400'
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
-
|
|
22
|
+
xlarge: {
|
|
23
23
|
value: {
|
|
24
24
|
fontWeight: 'FontWeight600',
|
|
25
25
|
fontSize: 'LegacyFontSize29',
|
|
@@ -29,7 +29,7 @@ var typography = {
|
|
|
29
29
|
letterSpacing: 'LetterSpacing400'
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
|
-
|
|
32
|
+
large: {
|
|
33
33
|
value: {
|
|
34
34
|
fontWeight: 'FontWeight500',
|
|
35
35
|
fontSize: 'FontSize24',
|
|
@@ -39,7 +39,7 @@ var typography = {
|
|
|
39
39
|
letterSpacing: 'LetterSpacing400'
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
|
-
|
|
42
|
+
medium: {
|
|
43
43
|
value: {
|
|
44
44
|
fontWeight: 'FontWeight500',
|
|
45
45
|
fontSize: 'FontSize20',
|
|
@@ -49,7 +49,7 @@ var typography = {
|
|
|
49
49
|
letterSpacing: 'LetterSpacing300'
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
|
-
|
|
52
|
+
small: {
|
|
53
53
|
value: {
|
|
54
54
|
fontWeight: 'FontWeight600',
|
|
55
55
|
fontSize: 'FontSize16',
|
|
@@ -59,7 +59,7 @@ var typography = {
|
|
|
59
59
|
letterSpacing: 'LetterSpacing200'
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
-
|
|
62
|
+
xsmall: {
|
|
63
63
|
value: {
|
|
64
64
|
fontWeight: 'FontWeight600',
|
|
65
65
|
fontSize: 'FontSize14',
|
|
@@ -69,7 +69,7 @@ var typography = {
|
|
|
69
69
|
letterSpacing: 'LetterSpacing100'
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
|
-
|
|
72
|
+
xxsmall: {
|
|
73
73
|
value: {
|
|
74
74
|
fontWeight: 'FontWeight600',
|
|
75
75
|
fontSize: 'FontSize12',
|
|
@@ -103,7 +103,7 @@ var typography = {
|
|
|
103
103
|
letterSpacing: 'LetterSpacing0'
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
|
-
|
|
106
|
+
large: {
|
|
107
107
|
value: {
|
|
108
108
|
fontWeight: 'FontWeight400',
|
|
109
109
|
fontSize: 'FontSize16',
|
|
@@ -113,7 +113,7 @@ var typography = {
|
|
|
113
113
|
letterSpacing: 'LetterSpacing0'
|
|
114
114
|
}
|
|
115
115
|
},
|
|
116
|
-
|
|
116
|
+
small: {
|
|
117
117
|
value: {
|
|
118
118
|
fontWeight: 'FontWeight400',
|
|
119
119
|
fontSize: 'LegacyFontSize11',
|
|
@@ -135,7 +135,7 @@ var typography = {
|
|
|
135
135
|
letterSpacing: 'LetterSpacing0'
|
|
136
136
|
}
|
|
137
137
|
},
|
|
138
|
-
|
|
138
|
+
small: {
|
|
139
139
|
value: {
|
|
140
140
|
fontWeight: 'FontWeight400',
|
|
141
141
|
fontSize: 'LegacyFontSize11',
|
|
@@ -9,7 +9,7 @@ var utility = {
|
|
|
9
9
|
var typography = {
|
|
10
10
|
font: {
|
|
11
11
|
heading: {
|
|
12
|
-
|
|
12
|
+
xxlarge: {
|
|
13
13
|
value: {
|
|
14
14
|
fontWeight: 'FontWeight700',
|
|
15
15
|
fontSize: 'FontSize32',
|
|
@@ -19,7 +19,7 @@ var typography = {
|
|
|
19
19
|
letterSpacing: 'LetterSpacing0'
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
-
|
|
22
|
+
xlarge: {
|
|
23
23
|
value: {
|
|
24
24
|
fontWeight: 'FontWeight700',
|
|
25
25
|
fontSize: 'FontSize28',
|
|
@@ -29,7 +29,7 @@ var typography = {
|
|
|
29
29
|
letterSpacing: 'LetterSpacing0'
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
|
-
|
|
32
|
+
large: {
|
|
33
33
|
value: {
|
|
34
34
|
fontWeight: 'FontWeight700',
|
|
35
35
|
fontSize: 'FontSize24',
|
|
@@ -39,7 +39,7 @@ var typography = {
|
|
|
39
39
|
letterSpacing: 'LetterSpacing0'
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
|
-
|
|
42
|
+
medium: {
|
|
43
43
|
value: {
|
|
44
44
|
fontWeight: 'FontWeight700',
|
|
45
45
|
fontSize: 'FontSize20',
|
|
@@ -49,7 +49,7 @@ var typography = {
|
|
|
49
49
|
letterSpacing: 'LetterSpacing0'
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
|
-
|
|
52
|
+
small: {
|
|
53
53
|
value: {
|
|
54
54
|
fontWeight: 'FontWeight700',
|
|
55
55
|
fontSize: 'FontSize16',
|
|
@@ -59,7 +59,7 @@ var typography = {
|
|
|
59
59
|
letterSpacing: 'LetterSpacing0'
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
-
|
|
62
|
+
xsmall: {
|
|
63
63
|
value: {
|
|
64
64
|
fontWeight: 'FontWeight700',
|
|
65
65
|
fontSize: 'FontSize14',
|
|
@@ -69,7 +69,7 @@ var typography = {
|
|
|
69
69
|
letterSpacing: 'LetterSpacing0'
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
|
-
|
|
72
|
+
xxsmall: {
|
|
73
73
|
value: {
|
|
74
74
|
fontWeight: 'FontWeight700',
|
|
75
75
|
fontSize: 'FontSize12',
|
|
@@ -103,7 +103,7 @@ var typography = {
|
|
|
103
103
|
letterSpacing: 'LetterSpacing0'
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
|
-
|
|
106
|
+
large: {
|
|
107
107
|
value: {
|
|
108
108
|
fontWeight: 'FontWeight400',
|
|
109
109
|
fontSize: 'FontSize16',
|
|
@@ -113,7 +113,7 @@ var typography = {
|
|
|
113
113
|
letterSpacing: 'LetterSpacing0'
|
|
114
114
|
}
|
|
115
115
|
},
|
|
116
|
-
|
|
116
|
+
small: {
|
|
117
117
|
value: {
|
|
118
118
|
fontWeight: 'FontWeight400',
|
|
119
119
|
fontSize: 'FontSize12',
|
|
@@ -135,7 +135,7 @@ var typography = {
|
|
|
135
135
|
letterSpacing: 'LetterSpacing0'
|
|
136
136
|
}
|
|
137
137
|
},
|
|
138
|
-
|
|
138
|
+
small: {
|
|
139
139
|
value: {
|
|
140
140
|
fontWeight: 'FontWeight400',
|
|
141
141
|
fontSize: 'FontSize12',
|
|
@@ -28,7 +28,7 @@ var font = {
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
heading: {
|
|
31
|
-
|
|
31
|
+
xxlarge: {
|
|
32
32
|
attributes: {
|
|
33
33
|
group: 'typography',
|
|
34
34
|
state: 'experimental',
|
|
@@ -36,7 +36,7 @@ var font = {
|
|
|
36
36
|
description: 'TBD'
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
|
-
|
|
39
|
+
xlarge: {
|
|
40
40
|
attributes: {
|
|
41
41
|
group: 'typography',
|
|
42
42
|
state: 'experimental',
|
|
@@ -44,7 +44,7 @@ var font = {
|
|
|
44
44
|
description: 'TBD'
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
|
-
|
|
47
|
+
large: {
|
|
48
48
|
attributes: {
|
|
49
49
|
group: 'typography',
|
|
50
50
|
state: 'experimental',
|
|
@@ -52,7 +52,7 @@ var font = {
|
|
|
52
52
|
description: 'TBD'
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
|
-
|
|
55
|
+
medium: {
|
|
56
56
|
attributes: {
|
|
57
57
|
group: 'typography',
|
|
58
58
|
state: 'experimental',
|
|
@@ -60,7 +60,7 @@ var font = {
|
|
|
60
60
|
description: 'TBD'
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
|
-
|
|
63
|
+
small: {
|
|
64
64
|
attributes: {
|
|
65
65
|
group: 'typography',
|
|
66
66
|
state: 'experimental',
|
|
@@ -68,7 +68,7 @@ var font = {
|
|
|
68
68
|
description: 'TBD'
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
|
-
|
|
71
|
+
xsmall: {
|
|
72
72
|
attributes: {
|
|
73
73
|
group: 'typography',
|
|
74
74
|
state: 'experimental',
|
|
@@ -76,7 +76,7 @@ var font = {
|
|
|
76
76
|
description: 'TBD'
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
|
-
|
|
79
|
+
xxsmall: {
|
|
80
80
|
attributes: {
|
|
81
81
|
group: 'typography',
|
|
82
82
|
state: 'experimental',
|
|
@@ -86,7 +86,7 @@ var font = {
|
|
|
86
86
|
}
|
|
87
87
|
},
|
|
88
88
|
ui: {
|
|
89
|
-
|
|
89
|
+
small: {
|
|
90
90
|
attributes: {
|
|
91
91
|
group: 'typography',
|
|
92
92
|
state: 'experimental',
|
|
@@ -104,7 +104,7 @@ var font = {
|
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
body: {
|
|
107
|
-
|
|
107
|
+
large: {
|
|
108
108
|
attributes: {
|
|
109
109
|
group: 'typography',
|
|
110
110
|
state: 'experimental',
|
|
@@ -112,7 +112,7 @@ var font = {
|
|
|
112
112
|
description: 'Larger body font or default body font for text rich experiences.'
|
|
113
113
|
}
|
|
114
114
|
},
|
|
115
|
-
|
|
115
|
+
small: {
|
|
116
116
|
attributes: {
|
|
117
117
|
group: 'typography',
|
|
118
118
|
state: 'experimental',
|
|
@@ -8,13 +8,35 @@ export var getThemePreferences = function getThemePreferences(themeState) {
|
|
|
8
8
|
spacing = themeState.spacing,
|
|
9
9
|
typography = themeState.typography;
|
|
10
10
|
var themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
|
|
11
|
+
|
|
12
|
+
// Replace light/dark theme with new palette if feature flag is on
|
|
13
|
+
if (getBooleanFF('platform.design-system-team.saturated-palette-changes_asoro')) {
|
|
14
|
+
// Iterate over themePreferences and swap out light/dark with new palette
|
|
15
|
+
themePreferences.forEach(function (themeId, index) {
|
|
16
|
+
if (themeId === 'light') {
|
|
17
|
+
themePreferences[index] = 'light-saturated-palette-changes';
|
|
18
|
+
}
|
|
19
|
+
if (themeId === 'dark') {
|
|
20
|
+
themePreferences[index] = 'dark-saturated-palette-changes';
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
}
|
|
11
24
|
[shape, spacing, typography].forEach(function (themeId) {
|
|
12
25
|
if (themeId) {
|
|
13
26
|
themePreferences.push(themeId);
|
|
14
27
|
}
|
|
15
28
|
});
|
|
29
|
+
return _toConsumableArray(new Set(themePreferences));
|
|
30
|
+
};
|
|
31
|
+
export var getThemeOverridePreferences = function getThemeOverridePreferences(themeState) {
|
|
32
|
+
var colorMode = themeState.colorMode,
|
|
33
|
+
dark = themeState.dark,
|
|
34
|
+
light = themeState.light;
|
|
35
|
+
var themeOverridePreferences = [];
|
|
36
|
+
var themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
|
|
16
37
|
if (getBooleanFF('platform.design-system-team.border-checkbox_nyoiu')) {
|
|
17
|
-
themePreferences.
|
|
38
|
+
themePreferences.includes('light') && themeOverridePreferences.push('light-new-input-border');
|
|
39
|
+
themePreferences.includes('dark') && themeOverridePreferences.push('dark-new-input-border');
|
|
18
40
|
}
|
|
19
|
-
return _toConsumableArray(new Set(
|
|
41
|
+
return _toConsumableArray(new Set(themeOverridePreferences));
|
|
20
42
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
+
var _class2;
|
|
4
5
|
/**
|
|
5
6
|
* Below lines are copied from @material/material-color-utilities.
|
|
6
7
|
* Do not modify it.
|
|
@@ -1023,7 +1024,8 @@ export var ViewingConditions = /*#__PURE__*/function () {
|
|
|
1023
1024
|
}]);
|
|
1024
1025
|
return ViewingConditions;
|
|
1025
1026
|
}();
|
|
1027
|
+
_class2 = ViewingConditions;
|
|
1026
1028
|
/**
|
|
1027
1029
|
* sRGB-like viewing conditions.
|
|
1028
1030
|
*/
|
|
1029
|
-
_defineProperty(ViewingConditions, "DEFAULT",
|
|
1031
|
+
_defineProperty(ViewingConditions, "DEFAULT", _class2.make());
|
|
@@ -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::70935f0c6dc0ecb8df8e0eea44853fba>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::cc8a6a51d8c1f91ce296201cdaf17922>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const tokens: ({
|
|
7
|
+
value: string;
|
|
8
|
+
attributes: {
|
|
9
|
+
group: string;
|
|
10
|
+
category: string;
|
|
11
|
+
};
|
|
12
|
+
filePath: string;
|
|
13
|
+
isSource: boolean;
|
|
14
|
+
original: {
|
|
15
|
+
value: string;
|
|
16
|
+
attributes: {
|
|
17
|
+
group: string;
|
|
18
|
+
category: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
name: string;
|
|
22
|
+
path: string[];
|
|
23
|
+
} | {
|
|
24
|
+
value: number;
|
|
25
|
+
attributes: {
|
|
26
|
+
group: string;
|
|
27
|
+
category: string;
|
|
28
|
+
};
|
|
29
|
+
filePath: string;
|
|
30
|
+
isSource: boolean;
|
|
31
|
+
original: {
|
|
32
|
+
value: number;
|
|
33
|
+
attributes: {
|
|
34
|
+
group: string;
|
|
35
|
+
category: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
name: string;
|
|
39
|
+
path: string[];
|
|
40
|
+
})[];
|
|
41
|
+
export default tokens;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::0a4de632442305b3d0e182eea97a1b24>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { ThemeIds, ThemeOverrideIds } from '../theme-config';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::dc2c5aac47a1a0e5b07adfca4dfcc7ad>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\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: #FEC195;\n --ds-text-accent-orange-bolder: #FEDEC8;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\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: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FD9891;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-link-visited: #B8ACF6;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #E2483D;\n --ds-icon-accent-orange: #F38A3F;\n --ds-icon-accent-yellow: #F5CD47;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #42B2D7;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #F15B50;\n --ds-icon-warning: #F5CD47;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #F15B50;\n --ds-border-accent-orange: #F38A3F;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #42B2D7;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #F15B50;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #4C6B1F;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #4C6B1F;\n --ds-background-accent-lime-subtler-pressed: #5B7F24;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #37471F;\n --ds-background-accent-lime-subtle-pressed: #28311B;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #D3F1A7;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #AE2E24;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #AE2E24;\n --ds-background-accent-red-subtler-pressed: #C9372C;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #5D1F1A;\n --ds-background-accent-red-subtle-pressed: #42221F;\n --ds-background-accent-red-bolder: #F87168;\n --ds-background-accent-red-bolder-hovered: #FD9891;\n --ds-background-accent-red-bolder-pressed: #FFD5D2;\n --ds-background-accent-orange-subtlest: #38291E;\n --ds-background-accent-orange-subtlest-hovered: #702E00;\n --ds-background-accent-orange-subtlest-pressed: #A54800;\n --ds-background-accent-orange-subtler: #702E00;\n --ds-background-accent-orange-subtler-hovered: #A54800;\n --ds-background-accent-orange-subtler-pressed: #C25100;\n --ds-background-accent-orange-subtle: #A54800;\n --ds-background-accent-orange-subtle-hovered: #702E00;\n --ds-background-accent-orange-subtle-pressed: #38291E;\n --ds-background-accent-orange-bolder: #FEA362;\n --ds-background-accent-orange-bolder-hovered: #FEC195;\n --ds-background-accent-orange-bolder-pressed: #FEDEC8;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #7F5F01;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #7F5F01;\n --ds-background-accent-yellow-subtler-pressed: #946F00;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #533F04;\n --ds-background-accent-yellow-subtle-pressed: #332E1B;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-yellow-bolder-hovered: #F5CD47;\n --ds-background-accent-yellow-bolder-pressed: #F8E6A0;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #216E4E;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #216E4E;\n --ds-background-accent-green-subtler-pressed: #1F845A;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #164B35;\n --ds-background-accent-green-subtle-pressed: #1C3329;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-green-bolder-hovered: #7EE2B8;\n --ds-background-accent-green-bolder-pressed: #BAF3DB;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #206A83;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #206A83;\n --ds-background-accent-teal-subtler-pressed: #227D9B;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #164555;\n --ds-background-accent-teal-subtle-pressed: #1E3137;\n --ds-background-accent-teal-bolder: #6CC3E0;\n --ds-background-accent-teal-bolder-hovered: #9DD9EE;\n --ds-background-accent-teal-bolder-pressed: #C6EDFB;\n --ds-background-accent-blue-subtlest: #1C2B41;\n --ds-background-accent-blue-subtlest-hovered: #09326C;\n --ds-background-accent-blue-subtlest-pressed: #0055CC;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtler-hovered: #0055CC;\n --ds-background-accent-blue-subtler-pressed: #0C66E4;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-subtle-hovered: #09326C;\n --ds-background-accent-blue-subtle-pressed: #1C2B41;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-blue-bolder-hovered: #85B8FF;\n --ds-background-accent-blue-bolder-pressed: #CCE0FF;\n --ds-background-accent-purple-subtlest: #2B273F;\n --ds-background-accent-purple-subtlest-hovered: #352C63;\n --ds-background-accent-purple-subtlest-pressed: #5E4DB2;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtler-hovered: #5E4DB2;\n --ds-background-accent-purple-subtler-pressed: #6E5DC6;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-subtle-hovered: #352C63;\n --ds-background-accent-purple-subtle-pressed: #2B273F;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-purple-bolder-hovered: #B8ACF6;\n --ds-background-accent-purple-bolder-pressed: #DFD8FD;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #943D73;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #943D73;\n --ds-background-accent-magenta-subtler-pressed: #AE4787;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #50253F;\n --ds-background-accent-magenta-subtle-pressed: #3D2232;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FDD0EC;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtlest-hovered: #38414A;\n --ds-background-accent-gray-subtlest-pressed: #454F59;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtler-hovered: #596773;\n --ds-background-accent-gray-subtler-pressed: #738496;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-subtle-hovered: #454F59;\n --ds-background-accent-gray-subtle-pressed: #38414A;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-accent-gray-bolder-hovered: #9FADBC;\n --ds-background-accent-gray-bolder-pressed: #B6C2CF;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #1C2B41;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #1C2B41;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #AE2E24;\n --ds-background-danger-bold: #F87168;\n --ds-background-danger-bold-hovered: #FD9891;\n --ds-background-danger-bold-pressed: #FFD5D2;\n --ds-background-warning: #332E1B;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #F5CD47;\n --ds-background-warning-bold-hovered: #E2B203;\n --ds-background-warning-bold-pressed: #CF9F02;\n --ds-background-success: #1C3329;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B273F;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #1C2B41;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\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: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #2898BD;\n --ds-chart-categorical-1-hovered: #42B2D7;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #E56910;\n --ds-chart-categorical-3-hovered: #F38A3F;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC195;\n --ds-chart-categorical-8-hovered: #FEDEC8;\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: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\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: #F38A3F;\n --ds-chart-orange-bold-hovered: #FEA362;\n --ds-chart-orange-bolder: #FEA362;\n --ds-chart-orange-bolder-hovered: #FEC195;\n --ds-chart-orange-boldest: #FEC195;\n --ds-chart-orange-boldest-hovered: #FEDEC8;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\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: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\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: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FD9891;\n --ds-chart-danger-bold-hovered: #FFD5D2;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0304045C, 0px 0px 1px 1px #03040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\n}\n";
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::70516fae4cc24ba1b8d76c16272420f0>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2E24;\n --ds-text-accent-red-bolder: #5D1F1A;\n --ds-text-accent-orange: #A54800;\n --ds-text-accent-orange-bolder: #702E00;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206A83;\n --ds-text-accent-teal-bolder: #164555;\n --ds-text-accent-blue: #0055CC;\n --ds-text-accent-blue-bolder: #09326C;\n --ds-text-accent-purple: #5E4DB2;\n --ds-text-accent-purple-bolder: #352C63;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #44546F;\n --ds-text-accent-gray-bolder: #091E42;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0C66E4;\n --ds-text-brand: #0C66E4;\n --ds-text-danger: #AE2E24;\n --ds-text-warning: #A54800;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #216E4E;\n --ds-text-discovery: #5E4DB2;\n --ds-text-information: #0055CC;\n --ds-text-subtlest: #626F86;\n --ds-text-subtle: #44546F;\n --ds-link: #0C66E4;\n --ds-link-pressed: #0055CC;\n --ds-link-visited: #5E4DB2;\n --ds-icon: #44546F;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #C9372C;\n --ds-icon-accent-orange: #E56910;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\n --ds-icon-accent-blue: #1D7AFC;\n --ds-icon-accent-purple: #8270DB;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #758195;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0C66E4;\n --ds-icon-brand: #0C66E4;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #E56910;\n --ds-icon-warning-inverse: #172B4D;\n --ds-icon-success: #22A06B;\n --ds-icon-discovery: #8270DB;\n --ds-icon-information: #1D7AFC;\n --ds-icon-subtle: #626F86;\n --ds-border: #091E4224;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E2483D;\n --ds-border-accent-orange: #E56910;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\n --ds-border-accent-blue: #1D7AFC;\n --ds-border-accent-purple: #8270DB;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #758195;\n --ds-border-disabled: #091E420F;\n --ds-border-focused: #388BFF;\n --ds-border-input: #091E4224;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E2483D;\n --ds-border-warning: #E56910;\n --ds-border-success: #22A06B;\n --ds-border-discovery: #8270DB;\n --ds-border-information: #1D7AFC;\n --ds-border-bold: #758195;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #B3DF72;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #B3DF72;\n --ds-background-accent-lime-subtler-pressed: #94C748;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #D3F1A7;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #37471F;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FD9891;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FD9891;\n --ds-background-accent-red-subtler-pressed: #F87168;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFD5D2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #5D1F1A;\n --ds-background-accent-orange-subtlest: #FFF3EB;\n --ds-background-accent-orange-subtlest-hovered: #FEDEC8;\n --ds-background-accent-orange-subtlest-pressed: #FEC195;\n --ds-background-accent-orange-subtler: #FEDEC8;\n --ds-background-accent-orange-subtler-hovered: #FEC195;\n --ds-background-accent-orange-subtler-pressed: #FEA362;\n --ds-background-accent-orange-subtle: #FEA362;\n --ds-background-accent-orange-subtle-hovered: #FEC195;\n --ds-background-accent-orange-subtle-pressed: #FEDEC8;\n --ds-background-accent-orange-bolder: #C25100;\n --ds-background-accent-orange-bolder-hovered: #A54800;\n --ds-background-accent-orange-bolder-pressed: #702E00;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtlest-hovered: #F8E6A0;\n --ds-background-accent-yellow-subtlest-pressed: #F5CD47;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtler-hovered: #F5CD47;\n --ds-background-accent-yellow-subtler-pressed: #E2B203;\n --ds-background-accent-yellow-subtle: #F5CD47;\n --ds-background-accent-yellow-subtle-hovered: #E2B203;\n --ds-background-accent-yellow-subtle-pressed: #CF9F02;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #533F04;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #7EE2B8;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #7EE2B8;\n --ds-background-accent-green-subtler-pressed: #4BCE97;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #BAF3DB;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #164B35;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #9DD9EE;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #9DD9EE;\n --ds-background-accent-teal-subtler-pressed: #6CC3E0;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #C6EDFB;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #164555;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtlest-hovered: #CCE0FF;\n --ds-background-accent-blue-subtlest-pressed: #85B8FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtler-hovered: #85B8FF;\n --ds-background-accent-blue-subtler-pressed: #579DFF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-subtle-hovered: #85B8FF;\n --ds-background-accent-blue-subtle-pressed: #CCE0FF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-blue-bolder-hovered: #0055CC;\n --ds-background-accent-blue-bolder-pressed: #09326C;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtlest-hovered: #DFD8FD;\n --ds-background-accent-purple-subtlest-pressed: #B8ACF6;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtler-hovered: #B8ACF6;\n --ds-background-accent-purple-subtler-pressed: #9F8FEF;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-subtle-hovered: #B8ACF6;\n --ds-background-accent-purple-subtle-pressed: #DFD8FD;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-purple-bolder-hovered: #5E4DB2;\n --ds-background-accent-purple-bolder-pressed: #352C63;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #F797D2;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #F797D2;\n --ds-background-accent-magenta-subtler-pressed: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FDD0EC;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #50253F;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtlest-hovered: #DCDFE4;\n --ds-background-accent-gray-subtlest-pressed: #B3B9C4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtler-hovered: #B3B9C4;\n --ds-background-accent-gray-subtler-pressed: #8590A2;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-subtle-hovered: #B3B9C4;\n --ds-background-accent-gray-subtle-pressed: #DCDFE4;\n --ds-background-accent-gray-bolder: #626F86;\n --ds-background-accent-gray-bolder-hovered: #44546F;\n --ds-background-accent-gray-bolder-pressed: #2C3E5D;\n --ds-background-disabled: #091E4208;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F7F8F9;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #091E420F;\n --ds-background-neutral-hovered: #091E4224;\n --ds-background-neutral-pressed: #091E424F;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #091E420F;\n --ds-background-neutral-subtle-pressed: #091E4224;\n --ds-background-neutral-bold: #44546F;\n --ds-background-neutral-bold-hovered: #2C3E5D;\n --ds-background-neutral-bold-pressed: #172B4D;\n --ds-background-selected: #E9F2FF;\n --ds-background-selected-hovered: #CCE0FF;\n --ds-background-selected-pressed: #85B8FF;\n --ds-background-selected-bold: #0C66E4;\n --ds-background-selected-bold-hovered: #0055CC;\n --ds-background-selected-bold-pressed: #09326C;\n --ds-background-brand-subtlest: #E9F2FF;\n --ds-background-brand-subtlest-hovered: #CCE0FF;\n --ds-background-brand-subtlest-pressed: #85B8FF;\n --ds-background-brand-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\n --ds-background-brand-boldest: #1C2B41;\n --ds-background-brand-boldest-hovered: #09326C;\n --ds-background-brand-boldest-pressed: #0055CC;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #5D1F1A;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #F5CD47;\n --ds-background-warning-bold-hovered: #E2B203;\n --ds-background-warning-bold-pressed: #CF9F02;\n --ds-background-success: #DCFFF1;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #1F845A;\n --ds-background-success-bold-hovered: #216E4E;\n --ds-background-success-bold-pressed: #164B35;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #6E5DC6;\n --ds-background-discovery-bold-hovered: #5E4DB2;\n --ds-background-discovery-bold-pressed: #352C63;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #0C66E4;\n --ds-background-information-bold-hovered: #0055CC;\n --ds-background-information-bold-pressed: #09326C;\n --ds-blanket: #091E427D;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #091E420F;\n --ds-skeleton-subtle: #091E4208;\n --ds-chart-categorical-1: #2898BD;\n --ds-chart-categorical-1-hovered: #227D9B;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #E56910;\n --ds-chart-categorical-3-hovered: #C25100;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #09326C;\n --ds-chart-categorical-5-hovered: #1C2B41;\n --ds-chart-categorical-6: #8F7EE7;\n --ds-chart-categorical-6-hovered: #8270DB;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #3D2232;\n --ds-chart-categorical-8: #A54800;\n --ds-chart-categorical-8-hovered: #702E00;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8590A2;\n --ds-chart-neutral-hovered: #758195;\n --ds-chart-red-bold: #F15B50;\n --ds-chart-red-bold-hovered: #E2483D;\n --ds-chart-red-bolder: #E2483D;\n --ds-chart-red-bolder-hovered: #C9372C;\n --ds-chart-red-boldest: #AE2E24;\n --ds-chart-red-boldest-hovered: #5D1F1A;\n --ds-chart-orange-bold: #E56910;\n --ds-chart-orange-bold-hovered: #C25100;\n --ds-chart-orange-bolder: #C25100;\n --ds-chart-orange-bolder-hovered: #A54800;\n --ds-chart-orange-boldest: #A54800;\n --ds-chart-orange-boldest-hovered: #702E00;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #2898BD;\n --ds-chart-teal-bold-hovered: #227D9B;\n --ds-chart-teal-bolder: #227D9B;\n --ds-chart-teal-bolder-hovered: #206A83;\n --ds-chart-teal-boldest: #206A83;\n --ds-chart-teal-boldest-hovered: #164555;\n --ds-chart-blue-bold: #388BFF;\n --ds-chart-blue-bold-hovered: #1D7AFC;\n --ds-chart-blue-bolder: #1D7AFC;\n --ds-chart-blue-bolder-hovered: #0C66E4;\n --ds-chart-blue-boldest: #0055CC;\n --ds-chart-blue-boldest-hovered: #09326C;\n --ds-chart-purple-bold: #8F7EE7;\n --ds-chart-purple-bold-hovered: #8270DB;\n --ds-chart-purple-bolder: #8270DB;\n --ds-chart-purple-bolder-hovered: #6E5DC6;\n --ds-chart-purple-boldest: #5E4DB2;\n --ds-chart-purple-boldest-hovered: #352C63;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8590A2;\n --ds-chart-gray-bold-hovered: #758195;\n --ds-chart-gray-bolder: #758195;\n --ds-chart-gray-bolder-hovered: #626F86;\n --ds-chart-gray-boldest: #44546F;\n --ds-chart-gray-boldest-hovered: #2C3E5D;\n --ds-chart-brand: #1D7AFC;\n --ds-chart-brand-hovered: #0C66E4;\n --ds-chart-danger: #F15B50;\n --ds-chart-danger-hovered: #E2483D;\n --ds-chart-danger-bold: #AE2E24;\n --ds-chart-danger-bold-hovered: #5D1F1A;\n --ds-chart-warning: #B38600;\n --ds-chart-warning-hovered: #946F00;\n --ds-chart-warning-bold: #7F5F01;\n --ds-chart-warning-bold-hovered: #533F04;\n --ds-chart-success: #22A06B;\n --ds-chart-success-hovered: #1F845A;\n --ds-chart-success-bold: #216E4E;\n --ds-chart-success-bold-hovered: #164B35;\n --ds-chart-discovery: #8F7EE7;\n --ds-chart-discovery-hovered: #8270DB;\n --ds-chart-discovery-bold: #5E4DB2;\n --ds-chart-discovery-bold-hovered: #352C63;\n --ds-chart-information: #388BFF;\n --ds-chart-information-hovered: #1D7AFC;\n --ds-chart-information-bold: #0055CC;\n --ds-chart-information-bold-hovered: #09326C;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F1F2F4;\n --ds-surface-pressed: #DCDFE4;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F1F2F4;\n --ds-surface-overlay-pressed: #DCDFE4;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F1F2F4;\n --ds-surface-raised-pressed: #DCDFE4;\n --ds-surface-sunken: #F7F8F9;\n --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;\n --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
|
|
7
|
+
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::96cc62c830718e9d864db23c2575005d>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n --ds-font-body-small: normal 400 0.6875rem/1.25rem var(--ds-font-family-body);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n --ds-font-heading-large: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-small: normal 600 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 600 1.8125rem/2rem var(--ds-font-family-heading);\n --ds-font-heading-xsmall: normal 600 0.875rem/1rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);\n --ds-font-heading-xxsmall: normal 600 0.75rem/1rem var(--ds-font-family-heading);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: -0.003em;\n --ds-font-letterSpacing-200: -0.006em;\n --ds-font-letterSpacing-300: -0.008em;\n --ds-font-letterSpacing-400: -0.01em;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n --ds-font-ui-small: normal 400 0.6875rem/1 var(--ds-font-family-body);\n --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n --ds-font-size-050: 0.6875rem;\n --ds-font-size-075: 0.75rem;\n --ds-font-size-100: 0.875rem;\n --ds-font-size-200: 1rem;\n --ds-font-size-300: 1.25rem;\n --ds-font-size-400: 1.5rem;\n --ds-font-size-500: 1.8125rem;\n --ds-font-size-600: 2.1875rem;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-1: 1;\n --ds-font-lineHeight-100: 1rem;\n --ds-font-lineHeight-200: 1.25rem;\n --ds-font-lineHeight-300: 1.5rem;\n --ds-font-lineHeight-400: 1.75rem;\n --ds-font-lineHeight-500: 2rem;\n --ds-font-lineHeight-600: 2.5rem;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::b12a1413276d27bfa1f318002382d994>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-UNSAFE-textTransformUppercase: uppercase;\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n --ds-font-body-small: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);\n --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);\n --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f49eba45b4716be1be41c0ca5a63069e>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);\n --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);\n --ds-font-body-small: normal 400 0.75rem/1.25rem var(--ds-font-family-body);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);\n --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);\n --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);\n --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);\n --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);\n --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);\n --ds-font-heading-xxlarge: normal 700 2.25rem/2.5rem var(--ds-font-family-heading);\n --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);\n --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);\n --ds-font-family-body: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-heading: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::8965acce3899385e9f1f61d70ac8e24e>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
declare const defaultTokenValues: {
|
|
@@ -435,26 +435,26 @@ declare const defaultTokenValues: {
|
|
|
435
435
|
readonly 'space.negative.300': "-1.5rem";
|
|
436
436
|
readonly 'space.negative.400': "-2rem";
|
|
437
437
|
readonly 'font.body': "normal 400 0.875rem/1.25rem var(--ds-font-family-body)";
|
|
438
|
-
readonly 'font.body.
|
|
439
|
-
readonly 'font.body.
|
|
438
|
+
readonly 'font.body.large': "normal 400 1rem/1.5rem var(--ds-font-family-body)";
|
|
439
|
+
readonly 'font.body.small': "normal 400 0.6875rem/1.25rem var(--ds-font-family-body)";
|
|
440
440
|
readonly 'font.code': "normal 400 0.875em/1 var(--ds-font-family-code)";
|
|
441
|
-
readonly 'font.heading.
|
|
442
|
-
readonly 'font.heading.
|
|
443
|
-
readonly 'font.heading.
|
|
444
|
-
readonly 'font.heading.
|
|
445
|
-
readonly 'font.heading.
|
|
446
|
-
readonly 'font.heading.
|
|
447
|
-
readonly 'font.heading.
|
|
441
|
+
readonly 'font.heading.large': "normal 500 1.5rem/1.75rem var(--ds-font-family-heading)";
|
|
442
|
+
readonly 'font.heading.medium': "normal 500 1.25rem/1.5rem var(--ds-font-family-heading)";
|
|
443
|
+
readonly 'font.heading.small': "normal 600 1rem/1.25rem var(--ds-font-family-heading)";
|
|
444
|
+
readonly 'font.heading.xlarge': "normal 600 1.8125rem/2rem var(--ds-font-family-heading)";
|
|
445
|
+
readonly 'font.heading.xsmall': "normal 600 0.875rem/1rem var(--ds-font-family-heading)";
|
|
446
|
+
readonly 'font.heading.xxlarge': "normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)";
|
|
447
|
+
readonly 'font.heading.xxsmall': "normal 600 0.75rem/1rem var(--ds-font-family-heading)";
|
|
448
448
|
readonly 'font.letterSpacing.0': "0";
|
|
449
449
|
readonly 'font.letterSpacing.100': "-0.003em";
|
|
450
450
|
readonly 'font.letterSpacing.200': "-0.006em";
|
|
451
451
|
readonly 'font.letterSpacing.300': "-0.008em";
|
|
452
452
|
readonly 'font.letterSpacing.400': "-0.01em";
|
|
453
453
|
readonly 'font.ui': "normal 400 0.875rem/1 var(--ds-font-family-body)";
|
|
454
|
-
readonly 'font.ui.
|
|
455
|
-
readonly 'font.family.body': "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
454
|
+
readonly 'font.ui.small': "normal 400 0.6875rem/1 var(--ds-font-family-body)";
|
|
455
|
+
readonly 'font.family.body': "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
456
456
|
readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
457
|
-
readonly 'font.family.heading': "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
457
|
+
readonly 'font.family.heading': "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
|
|
458
458
|
readonly 'font.family.monospace': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
|
|
459
459
|
readonly 'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
|
|
460
460
|
readonly 'font.family.brand': "Charlie Sans";
|