@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
|
@@ -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::b8507162c70d82c2e8040cc31a142fdb>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: {
|
|
@@ -428,23 +428,23 @@ declare const tokens: {
|
|
|
428
428
|
readonly 'space.negative.300': "--ds-space-negative-300";
|
|
429
429
|
readonly 'space.negative.400': "--ds-space-negative-400";
|
|
430
430
|
readonly 'font.body': "--ds-font-body";
|
|
431
|
-
readonly 'font.body.
|
|
432
|
-
readonly 'font.body.
|
|
431
|
+
readonly 'font.body.large': "--ds-font-body-large";
|
|
432
|
+
readonly 'font.body.small': "--ds-font-body-small";
|
|
433
433
|
readonly 'font.code': "--ds-font-code";
|
|
434
|
-
readonly 'font.heading.
|
|
435
|
-
readonly 'font.heading.
|
|
436
|
-
readonly 'font.heading.
|
|
437
|
-
readonly 'font.heading.
|
|
438
|
-
readonly 'font.heading.
|
|
439
|
-
readonly 'font.heading.
|
|
440
|
-
readonly 'font.heading.
|
|
434
|
+
readonly 'font.heading.large': "--ds-font-heading-large";
|
|
435
|
+
readonly 'font.heading.medium': "--ds-font-heading-medium";
|
|
436
|
+
readonly 'font.heading.small': "--ds-font-heading-small";
|
|
437
|
+
readonly 'font.heading.xlarge': "--ds-font-heading-xlarge";
|
|
438
|
+
readonly 'font.heading.xsmall': "--ds-font-heading-xsmall";
|
|
439
|
+
readonly 'font.heading.xxlarge': "--ds-font-heading-xxlarge";
|
|
440
|
+
readonly 'font.heading.xxsmall': "--ds-font-heading-xxsmall";
|
|
441
441
|
readonly 'font.letterSpacing.0': "--ds-font-letterSpacing-0";
|
|
442
442
|
readonly 'font.letterSpacing.100': "--ds-font-letterSpacing-100";
|
|
443
443
|
readonly 'font.letterSpacing.200': "--ds-font-letterSpacing-200";
|
|
444
444
|
readonly 'font.letterSpacing.300': "--ds-font-letterSpacing-300";
|
|
445
445
|
readonly 'font.letterSpacing.400': "--ds-font-letterSpacing-400";
|
|
446
446
|
readonly 'font.ui': "--ds-font-ui";
|
|
447
|
-
readonly 'font.ui.
|
|
447
|
+
readonly 'font.ui.small': "--ds-font-ui-small";
|
|
448
448
|
readonly 'font.family.body': "--ds-font-family-body";
|
|
449
449
|
readonly 'font.family.code': "--ds-font-family-code";
|
|
450
450
|
readonly 'font.family.heading': "--ds-font-family-heading";
|
|
@@ -896,23 +896,23 @@ export type CSSTokenMap = {
|
|
|
896
896
|
'space.negative.300': 'var(--ds-space-negative-300)';
|
|
897
897
|
'space.negative.400': 'var(--ds-space-negative-400)';
|
|
898
898
|
'font.body': 'var(--ds-font-body)';
|
|
899
|
-
'font.body.
|
|
900
|
-
'font.body.
|
|
899
|
+
'font.body.large': 'var(--ds-font-body-large)';
|
|
900
|
+
'font.body.small': 'var(--ds-font-body-small)';
|
|
901
901
|
'font.code': 'var(--ds-font-code)';
|
|
902
|
-
'font.heading.
|
|
903
|
-
'font.heading.
|
|
904
|
-
'font.heading.
|
|
905
|
-
'font.heading.
|
|
906
|
-
'font.heading.
|
|
907
|
-
'font.heading.
|
|
908
|
-
'font.heading.
|
|
902
|
+
'font.heading.large': 'var(--ds-font-heading-large)';
|
|
903
|
+
'font.heading.medium': 'var(--ds-font-heading-medium)';
|
|
904
|
+
'font.heading.small': 'var(--ds-font-heading-small)';
|
|
905
|
+
'font.heading.xlarge': 'var(--ds-font-heading-xlarge)';
|
|
906
|
+
'font.heading.xsmall': 'var(--ds-font-heading-xsmall)';
|
|
907
|
+
'font.heading.xxlarge': 'var(--ds-font-heading-xxlarge)';
|
|
908
|
+
'font.heading.xxsmall': 'var(--ds-font-heading-xxsmall)';
|
|
909
909
|
'font.letterSpacing.0': 'var(--ds-font-letterSpacing-0)';
|
|
910
910
|
'font.letterSpacing.100': 'var(--ds-font-letterSpacing-100)';
|
|
911
911
|
'font.letterSpacing.200': 'var(--ds-font-letterSpacing-200)';
|
|
912
912
|
'font.letterSpacing.300': 'var(--ds-font-letterSpacing-300)';
|
|
913
913
|
'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
|
|
914
914
|
'font.ui': 'var(--ds-font-ui)';
|
|
915
|
-
'font.ui.
|
|
915
|
+
'font.ui.small': 'var(--ds-font-ui-small)';
|
|
916
916
|
'font.family.body': 'var(--ds-font-family-body)';
|
|
917
917
|
'font.family.code': 'var(--ds-font-family-code)';
|
|
918
918
|
'font.family.heading': 'var(--ds-font-family-heading)';
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::4bd25d7da7dfeb85a1fc703642ad927a>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const tokens: ({
|
|
7
|
+
value: string;
|
|
8
|
+
filePath: string;
|
|
9
|
+
isSource: boolean;
|
|
10
|
+
attributes: {
|
|
11
|
+
group: string;
|
|
12
|
+
state: string;
|
|
13
|
+
introduced: string;
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
original: {
|
|
17
|
+
value: string;
|
|
18
|
+
attributes: {
|
|
19
|
+
group: string;
|
|
20
|
+
state: string;
|
|
21
|
+
introduced: string;
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
name: string;
|
|
26
|
+
path: string[];
|
|
27
|
+
cleanName: string;
|
|
28
|
+
} | {
|
|
29
|
+
value: ({
|
|
30
|
+
radius: number;
|
|
31
|
+
spread: number;
|
|
32
|
+
color: string;
|
|
33
|
+
offset: {
|
|
34
|
+
x: number;
|
|
35
|
+
y: number;
|
|
36
|
+
};
|
|
37
|
+
opacity: number;
|
|
38
|
+
} | {
|
|
39
|
+
radius: number;
|
|
40
|
+
offset: {
|
|
41
|
+
x: number;
|
|
42
|
+
y: number;
|
|
43
|
+
};
|
|
44
|
+
color: string;
|
|
45
|
+
opacity: number;
|
|
46
|
+
spread?: undefined;
|
|
47
|
+
})[];
|
|
48
|
+
filePath: string;
|
|
49
|
+
isSource: boolean;
|
|
50
|
+
attributes: {
|
|
51
|
+
group: string;
|
|
52
|
+
state: string;
|
|
53
|
+
introduced: string;
|
|
54
|
+
description: string;
|
|
55
|
+
};
|
|
56
|
+
original: {
|
|
57
|
+
value: ({
|
|
58
|
+
radius: number;
|
|
59
|
+
spread: number;
|
|
60
|
+
color: string;
|
|
61
|
+
offset: {
|
|
62
|
+
x: number;
|
|
63
|
+
y: number;
|
|
64
|
+
};
|
|
65
|
+
opacity: number;
|
|
66
|
+
} | {
|
|
67
|
+
radius: number;
|
|
68
|
+
offset: {
|
|
69
|
+
x: number;
|
|
70
|
+
y: number;
|
|
71
|
+
};
|
|
72
|
+
color: string;
|
|
73
|
+
opacity: number;
|
|
74
|
+
spread?: undefined;
|
|
75
|
+
})[];
|
|
76
|
+
attributes: {
|
|
77
|
+
group: string;
|
|
78
|
+
state: string;
|
|
79
|
+
introduced: string;
|
|
80
|
+
description: string;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
name: string;
|
|
84
|
+
path: string[];
|
|
85
|
+
cleanName: string;
|
|
86
|
+
} | {
|
|
87
|
+
value: number;
|
|
88
|
+
filePath: string;
|
|
89
|
+
isSource: boolean;
|
|
90
|
+
attributes: {
|
|
91
|
+
group: string;
|
|
92
|
+
state: string;
|
|
93
|
+
introduced: string;
|
|
94
|
+
description: string;
|
|
95
|
+
};
|
|
96
|
+
original: {
|
|
97
|
+
value: string;
|
|
98
|
+
attributes: {
|
|
99
|
+
group: string;
|
|
100
|
+
state: string;
|
|
101
|
+
introduced: string;
|
|
102
|
+
description: string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
name: string;
|
|
106
|
+
path: string[];
|
|
107
|
+
cleanName: string;
|
|
108
|
+
})[];
|
|
109
|
+
export default tokens;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::9957ab237db4f74bd6df09282b582196>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const tokens: ({
|
|
7
|
+
value: string;
|
|
8
|
+
filePath: string;
|
|
9
|
+
isSource: boolean;
|
|
10
|
+
attributes: {
|
|
11
|
+
group: string;
|
|
12
|
+
state: string;
|
|
13
|
+
introduced: string;
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
original: {
|
|
17
|
+
value: string;
|
|
18
|
+
attributes: {
|
|
19
|
+
group: string;
|
|
20
|
+
state: string;
|
|
21
|
+
introduced: string;
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
name: string;
|
|
26
|
+
path: string[];
|
|
27
|
+
cleanName: string;
|
|
28
|
+
} | {
|
|
29
|
+
value: {
|
|
30
|
+
radius: number;
|
|
31
|
+
offset: {
|
|
32
|
+
x: number;
|
|
33
|
+
y: number;
|
|
34
|
+
};
|
|
35
|
+
color: string;
|
|
36
|
+
opacity: number;
|
|
37
|
+
}[];
|
|
38
|
+
filePath: string;
|
|
39
|
+
isSource: boolean;
|
|
40
|
+
attributes: {
|
|
41
|
+
group: string;
|
|
42
|
+
state: string;
|
|
43
|
+
introduced: string;
|
|
44
|
+
description: string;
|
|
45
|
+
};
|
|
46
|
+
original: {
|
|
47
|
+
value: {
|
|
48
|
+
radius: number;
|
|
49
|
+
offset: {
|
|
50
|
+
x: number;
|
|
51
|
+
y: number;
|
|
52
|
+
};
|
|
53
|
+
color: string;
|
|
54
|
+
opacity: number;
|
|
55
|
+
}[];
|
|
56
|
+
attributes: {
|
|
57
|
+
group: string;
|
|
58
|
+
state: string;
|
|
59
|
+
introduced: string;
|
|
60
|
+
description: string;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
name: string;
|
|
64
|
+
path: string[];
|
|
65
|
+
cleanName: string;
|
|
66
|
+
} | {
|
|
67
|
+
value: number;
|
|
68
|
+
filePath: string;
|
|
69
|
+
isSource: boolean;
|
|
70
|
+
attributes: {
|
|
71
|
+
group: string;
|
|
72
|
+
state: string;
|
|
73
|
+
introduced: string;
|
|
74
|
+
description: string;
|
|
75
|
+
};
|
|
76
|
+
original: {
|
|
77
|
+
value: string;
|
|
78
|
+
attributes: {
|
|
79
|
+
group: string;
|
|
80
|
+
state: string;
|
|
81
|
+
introduced: string;
|
|
82
|
+
description: string;
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
name: string;
|
|
86
|
+
path: string[];
|
|
87
|
+
cleanName: string;
|
|
88
|
+
})[];
|
|
89
|
+
export default tokens;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::385a83af4c578715d2776d3fe65ff10b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::a2b2ba21b8b91fbc1e372aaed37f2619>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::87a8cb620b538e3524b5031d5a012ecd>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { PaletteColorTokenSchema } from '../types';
|
|
2
|
-
type PaletteValues = 'Blue100' | 'Blue200' | 'Blue300' | 'Blue400' | 'Blue500' | 'Blue600' | 'Blue700' | 'Blue800' | 'Blue900' | 'Blue1000' | 'Red100' | 'Red200' | 'Red300' | 'Red400' | 'Red500' | 'Red600' | 'Red700' | 'Red800' | 'Red900' | 'Red1000' | 'Yellow100' | 'Yellow200' | 'Yellow300' | 'Yellow400' | 'Yellow500' | 'Yellow600' | 'Yellow700' | 'Yellow800' | 'Yellow900' | 'Yellow1000' | 'Green100' | 'Green200' | 'Green300' | 'Green400' | 'Green500' | 'Green600' | 'Green700' | 'Green800' | 'Green900' | 'Green1000' | 'Purple100' | 'Purple200' | 'Purple300' | 'Purple400' | 'Purple500' | 'Purple600' | 'Purple700' | 'Purple800' | 'Purple900' | 'Purple1000' | 'Teal100' | 'Teal200' | 'Teal300' | 'Teal400' | 'Teal500' | 'Teal600' | 'Teal700' | 'Teal800' | 'Teal900' | 'Teal1000' | 'Orange100' | 'Orange200' | 'Orange300' | 'Orange400' | 'Orange500' | 'Orange600' | 'Orange700' | 'Orange800' | 'Orange900' | 'Orange1000' | 'Magenta100' | 'Magenta200' | 'Magenta300' | 'Magenta400' | 'Magenta500' | 'Magenta600' | 'Magenta700' | 'Magenta800' | 'Magenta900' | 'Magenta1000' | 'Lime100' | 'Lime200' | 'Lime300' | 'Lime400' | 'Lime500' | 'Lime600' | 'Lime700' | 'Lime800' | 'Lime900' | 'Lime1000' | 'DarkNeutral-100' | 'DarkNeutral-100A' | 'DarkNeutral0' | 'DarkNeutral100' | 'DarkNeutral100A' | 'DarkNeutral200' | 'DarkNeutral200A' | 'DarkNeutral250' | 'DarkNeutral250A' | 'DarkNeutral300' | 'DarkNeutral300A' | 'DarkNeutral350' | 'DarkNeutral350A' | 'DarkNeutral400' | 'DarkNeutral400A' | 'DarkNeutral500' | 'DarkNeutral500A' | 'DarkNeutral600' | 'DarkNeutral700' | 'DarkNeutral800' | 'DarkNeutral900' | 'DarkNeutral1000' | 'DarkNeutral1100' | 'Neutral0' | 'Neutral100' | 'Neutral100A' | 'Neutral200' | 'Neutral200A' | 'Neutral300' | 'Neutral300A' | 'Neutral400' | 'Neutral400A' | 'Neutral500' | 'Neutral500A' | 'Neutral600' | 'Neutral700' | 'Neutral800' | 'Neutral900' | 'Neutral1000' | 'Neutral1100';
|
|
2
|
+
export type PaletteValues = 'Blue100' | 'Blue200' | 'Blue300' | 'Blue400' | 'Blue500' | 'Blue600' | 'Blue700' | 'Blue800' | 'Blue900' | 'Blue1000' | 'Red100' | 'Red200' | 'Red300' | 'Red400' | 'Red500' | 'Red600' | 'Red700' | 'Red800' | 'Red900' | 'Red1000' | 'Yellow100' | 'Yellow200' | 'Yellow300' | 'Yellow400' | 'Yellow500' | 'Yellow600' | 'Yellow700' | 'Yellow800' | 'Yellow900' | 'Yellow1000' | 'Green100' | 'Green200' | 'Green300' | 'Green400' | 'Green500' | 'Green600' | 'Green700' | 'Green800' | 'Green900' | 'Green1000' | 'Purple100' | 'Purple200' | 'Purple300' | 'Purple400' | 'Purple500' | 'Purple600' | 'Purple700' | 'Purple800' | 'Purple900' | 'Purple1000' | 'Teal100' | 'Teal200' | 'Teal300' | 'Teal400' | 'Teal500' | 'Teal600' | 'Teal700' | 'Teal800' | 'Teal900' | 'Teal1000' | 'Orange100' | 'Orange200' | 'Orange300' | 'Orange400' | 'Orange500' | 'Orange600' | 'Orange700' | 'Orange800' | 'Orange900' | 'Orange1000' | 'Magenta100' | 'Magenta200' | 'Magenta300' | 'Magenta400' | 'Magenta500' | 'Magenta600' | 'Magenta700' | 'Magenta800' | 'Magenta900' | 'Magenta1000' | 'Lime100' | 'Lime200' | 'Lime300' | 'Lime400' | 'Lime500' | 'Lime600' | 'Lime700' | 'Lime800' | 'Lime900' | 'Lime1000' | 'DarkNeutral-100' | 'DarkNeutral-100A' | 'DarkNeutral0' | 'DarkNeutral100' | 'DarkNeutral100A' | 'DarkNeutral200' | 'DarkNeutral200A' | 'DarkNeutral250' | 'DarkNeutral250A' | 'DarkNeutral300' | 'DarkNeutral300A' | 'DarkNeutral350' | 'DarkNeutral350A' | 'DarkNeutral400' | 'DarkNeutral400A' | 'DarkNeutral500' | 'DarkNeutral500A' | 'DarkNeutral600' | 'DarkNeutral700' | 'DarkNeutral800' | 'DarkNeutral900' | 'DarkNeutral1000' | 'DarkNeutral1100' | 'Neutral0' | 'Neutral100' | 'Neutral100A' | 'Neutral200' | 'Neutral200A' | 'Neutral300' | 'Neutral300A' | 'Neutral400' | 'Neutral400A' | 'Neutral500' | 'Neutral500A' | 'Neutral600' | 'Neutral700' | 'Neutral800' | 'Neutral900' | 'Neutral1000' | 'Neutral1100';
|
|
3
3
|
export type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
|
|
4
4
|
declare const palette: PaletteColorTokenSchema<PaletteValues>;
|
|
5
5
|
export default palette;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { PaletteColorTokenSchema } from '../types';
|
|
2
|
+
import { PaletteValues } from './palette';
|
|
3
|
+
/**
|
|
4
|
+
* Simple object check.
|
|
5
|
+
* @param item
|
|
6
|
+
* @returns {boolean}
|
|
7
|
+
*/
|
|
8
|
+
export declare function isObject(item: object): boolean;
|
|
9
|
+
declare const palette: PaletteColorTokenSchema<PaletteValues>;
|
|
10
|
+
export default palette;
|
|
@@ -14,7 +14,7 @@ export type ThemeFileNames = Themes;
|
|
|
14
14
|
* theme files/folders are called. style-dictionary will attempt to locate these in the file-system.
|
|
15
15
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
16
16
|
*/
|
|
17
|
-
export type ThemeOverrides = 'atlassian-light-new-input-border' | 'atlassian-dark-new-input-border';
|
|
17
|
+
export type ThemeOverrides = 'atlassian-light-new-input-border' | 'atlassian-dark-new-input-border' | 'atlassian-light-saturated-palette-changes' | 'atlassian-dark-saturated-palette-changes';
|
|
18
18
|
/**
|
|
19
19
|
* Theme kinds: The type of theme.
|
|
20
20
|
* Some themes are entirely focused on Color, whilst others are purely focused on spacing.
|
|
@@ -42,9 +42,9 @@ export type ThemeIds = (typeof themeIds)[number];
|
|
|
42
42
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
43
43
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
44
44
|
*/
|
|
45
|
-
export declare const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
|
|
45
|
+
export declare const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border", "light-saturated-palette-changes", "dark-saturated-palette-changes"];
|
|
46
46
|
export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
|
|
47
|
-
export declare const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
|
|
47
|
+
export declare const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border", "light-saturated-palette-changes", "dark-saturated-palette-changes"];
|
|
48
48
|
export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
|
|
49
49
|
/**
|
|
50
50
|
* Theme to use a base. This will create the theme as
|
|
@@ -57,7 +57,7 @@ export type ExtensionThemeId = ThemeIds;
|
|
|
57
57
|
* For example: legacy light & dark themes use the "legacyPalette" containing colors from our
|
|
58
58
|
* previous color set.
|
|
59
59
|
*/
|
|
60
|
-
export type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
|
|
60
|
+
export type Palettes = 'defaultPalette' | 'updatedSaturatedPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
|
|
61
61
|
/**
|
|
62
62
|
* ThemeConfig: the source of truth for all theme meta-data.
|
|
63
63
|
* This object should be used whenever interfacing with themes.
|
|
@@ -72,8 +72,12 @@ interface ThemeConfig {
|
|
|
72
72
|
} | {
|
|
73
73
|
type: Extract<ThemeKinds, 'spacing' | 'typography' | 'shape'>;
|
|
74
74
|
}) & {
|
|
75
|
+
/**
|
|
76
|
+
* @deprecated Use top-level `extends` property instead
|
|
77
|
+
*/
|
|
75
78
|
extends?: ExtensionThemeId;
|
|
76
79
|
};
|
|
80
|
+
extends?: ExtensionThemeId;
|
|
77
81
|
override?: ThemeIds;
|
|
78
82
|
}
|
|
79
83
|
declare const themeConfig: Record<Themes | ThemeOverrides, ThemeConfig>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { UtilTokenSchema, ValueSchema } from '../../../types';
|
|
2
2
|
declare const _default: {
|
|
3
|
-
utility: ValueSchema<UtilTokenSchema<"
|
|
3
|
+
utility: ValueSchema<UtilTokenSchema<import("../../../palettes/palette").PaletteValues>>;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { UtilTokenSchema, ValueSchema } from '../../../types';
|
|
2
2
|
declare const _default: {
|
|
3
|
-
utility: ValueSchema<UtilTokenSchema<"
|
|
3
|
+
utility: ValueSchema<UtilTokenSchema<import("../../../palettes/palette").PaletteValues>>;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|
|
@@ -2,7 +2,7 @@ import type { UtilTokenSchema, ValueSchema } from '../../types';
|
|
|
2
2
|
declare const _default: {
|
|
3
3
|
font: {
|
|
4
4
|
body: {
|
|
5
|
-
|
|
5
|
+
small: {
|
|
6
6
|
value: {
|
|
7
7
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
8
8
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -12,7 +12,7 @@ declare const _default: {
|
|
|
12
12
|
fontStyle: "normal";
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
'[default]': {
|
|
16
16
|
value: {
|
|
17
17
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
18
18
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -22,7 +22,7 @@ declare const _default: {
|
|
|
22
22
|
fontStyle: "normal";
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
-
|
|
25
|
+
large: {
|
|
26
26
|
value: {
|
|
27
27
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
28
28
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -46,7 +46,7 @@ declare const _default: {
|
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
48
|
heading: {
|
|
49
|
-
|
|
49
|
+
small: {
|
|
50
50
|
value: {
|
|
51
51
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
52
52
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -56,7 +56,7 @@ declare const _default: {
|
|
|
56
56
|
fontStyle: "normal";
|
|
57
57
|
};
|
|
58
58
|
};
|
|
59
|
-
|
|
59
|
+
large: {
|
|
60
60
|
value: {
|
|
61
61
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
62
62
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -66,7 +66,7 @@ declare const _default: {
|
|
|
66
66
|
fontStyle: "normal";
|
|
67
67
|
};
|
|
68
68
|
};
|
|
69
|
-
|
|
69
|
+
medium: {
|
|
70
70
|
value: {
|
|
71
71
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
72
72
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -76,7 +76,7 @@ declare const _default: {
|
|
|
76
76
|
fontStyle: "normal";
|
|
77
77
|
};
|
|
78
78
|
};
|
|
79
|
-
|
|
79
|
+
xlarge: {
|
|
80
80
|
value: {
|
|
81
81
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
82
82
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -86,7 +86,7 @@ declare const _default: {
|
|
|
86
86
|
fontStyle: "normal";
|
|
87
87
|
};
|
|
88
88
|
};
|
|
89
|
-
|
|
89
|
+
xsmall: {
|
|
90
90
|
value: {
|
|
91
91
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
92
92
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -96,7 +96,7 @@ declare const _default: {
|
|
|
96
96
|
fontStyle: "normal";
|
|
97
97
|
};
|
|
98
98
|
};
|
|
99
|
-
|
|
99
|
+
xxlarge: {
|
|
100
100
|
value: {
|
|
101
101
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
102
102
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -106,7 +106,7 @@ declare const _default: {
|
|
|
106
106
|
fontStyle: "normal";
|
|
107
107
|
};
|
|
108
108
|
};
|
|
109
|
-
|
|
109
|
+
xxsmall: {
|
|
110
110
|
value: {
|
|
111
111
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
112
112
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -118,7 +118,7 @@ declare const _default: {
|
|
|
118
118
|
};
|
|
119
119
|
};
|
|
120
120
|
ui: {
|
|
121
|
-
|
|
121
|
+
small: {
|
|
122
122
|
value: {
|
|
123
123
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
124
124
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -128,7 +128,7 @@ declare const _default: {
|
|
|
128
128
|
fontStyle: "normal";
|
|
129
129
|
};
|
|
130
130
|
};
|
|
131
|
-
|
|
131
|
+
'[default]': {
|
|
132
132
|
value: {
|
|
133
133
|
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
134
134
|
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
@@ -140,6 +140,6 @@ declare const _default: {
|
|
|
140
140
|
};
|
|
141
141
|
};
|
|
142
142
|
};
|
|
143
|
-
utility: ValueSchema<UtilTokenSchema<"
|
|
143
|
+
utility: ValueSchema<UtilTokenSchema<import("../../palettes/palette").PaletteValues>>;
|
|
144
144
|
};
|
|
145
145
|
export default _default;
|