@atlaskit/tokens 0.10.35 → 0.11.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 +15 -0
- package/css/atlassian-spacing.css +2 -2
- package/css/atlassian-typography.css +27 -0
- package/dist/cjs/artifacts/palettes-raw/font-size-scale.js +135 -0
- package/dist/cjs/artifacts/palettes-raw/font-weight-scale.js +75 -0
- package/dist/cjs/artifacts/palettes-raw/line-height-scale.js +105 -0
- package/dist/{types-ts4.0/artifacts/rename-mapping/atlassian-legacy-dark.d.ts → cjs/artifacts/rename-mapping/atlassian-typography.js} +11 -10
- package/dist/cjs/artifacts/rename-mapping.js +3 -1
- package/dist/cjs/artifacts/token-default-values.js +3 -1
- package/dist/cjs/artifacts/token-names.js +3 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +435 -0
- package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +2 -2
- package/dist/cjs/artifacts/typescript/atlassian-spacing-token-default-values.js +2 -2
- package/dist/cjs/artifacts/typescript/atlassian-typography-token-default-values.js +40 -0
- package/dist/cjs/artifacts/typescript/atlassian-typography-token-names.js +36 -0
- package/dist/cjs/artifacts/typescript/atlassian-typography-types-internal.js +5 -0
- package/dist/cjs/artifacts/typescript/atlassian-typography-types.js +5 -0
- package/dist/cjs/constants.js +2 -2
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/typography/font-family.js +24 -0
- package/dist/cjs/palettes/typography/font-size-scale.js +60 -0
- package/dist/cjs/palettes/typography/font-weight-scale.js +36 -0
- package/dist/cjs/palettes/typography/index.js +28 -0
- package/dist/cjs/palettes/typography/line-height-scale.js +48 -0
- package/dist/cjs/theme-config.js +8 -0
- package/dist/cjs/tokens/atlassian-typography/font-family.js +20 -0
- package/dist/cjs/tokens/atlassian-typography/font-size.js +38 -0
- package/dist/cjs/tokens/atlassian-typography/font-weight.js +26 -0
- package/dist/cjs/tokens/atlassian-typography/line-height.js +32 -0
- package/dist/cjs/tokens/default/elevation/surface.js +2 -2
- package/dist/cjs/tokens/default/typography/font-family.js +30 -0
- package/dist/cjs/tokens/default/typography/font-size.js +78 -0
- package/dist/cjs/tokens/default/typography/font-weight.js +46 -0
- package/dist/cjs/tokens/default/typography/line-height.js +62 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/palettes-raw/font-size-scale.js +127 -0
- package/dist/es2019/artifacts/palettes-raw/font-weight-scale.js +67 -0
- package/dist/es2019/artifacts/palettes-raw/line-height-scale.js +97 -0
- package/dist/{types-ts4.0/artifacts/rename-mapping/atlassian-light.d.ts → es2019/artifacts/rename-mapping/atlassian-typography.js} +3 -10
- package/dist/es2019/artifacts/rename-mapping.js +2 -1
- package/dist/es2019/artifacts/token-default-values.js +3 -1
- package/dist/es2019/artifacts/token-names.js +3 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +427 -0
- package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +2 -2
- package/dist/es2019/artifacts/typescript/atlassian-spacing-token-default-values.js +2 -2
- package/dist/es2019/artifacts/typescript/atlassian-typography-token-default-values.js +32 -0
- package/dist/es2019/artifacts/typescript/atlassian-typography-token-names.js +28 -0
- package/dist/es2019/artifacts/typescript/atlassian-typography-types-internal.js +1 -0
- package/dist/es2019/artifacts/typescript/atlassian-typography-types.js +1 -0
- package/dist/es2019/constants.js +2 -2
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/typography/font-family.js +17 -0
- package/dist/es2019/palettes/typography/font-size-scale.js +53 -0
- package/dist/es2019/palettes/typography/font-weight-scale.js +29 -0
- package/dist/es2019/palettes/typography/index.js +12 -0
- package/dist/es2019/palettes/typography/line-height-scale.js +41 -0
- package/dist/es2019/theme-config.js +8 -0
- package/dist/es2019/tokens/atlassian-typography/font-family.js +13 -0
- package/dist/es2019/tokens/atlassian-typography/font-size.js +31 -0
- package/dist/es2019/tokens/atlassian-typography/font-weight.js +19 -0
- package/dist/es2019/tokens/atlassian-typography/line-height.js +25 -0
- package/dist/es2019/tokens/default/elevation/surface.js +2 -2
- package/dist/es2019/tokens/default/typography/font-family.js +23 -0
- package/dist/es2019/tokens/default/typography/font-size.js +71 -0
- package/dist/es2019/tokens/default/typography/font-weight.js +39 -0
- package/dist/es2019/tokens/default/typography/line-height.js +55 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/palettes-raw/font-size-scale.js +127 -0
- package/dist/esm/artifacts/palettes-raw/font-weight-scale.js +67 -0
- package/dist/esm/artifacts/palettes-raw/line-height-scale.js +97 -0
- package/dist/{types-ts4.0/artifacts/rename-mapping/atlassian-dark.d.ts → esm/artifacts/rename-mapping/atlassian-typography.js} +3 -10
- package/dist/esm/artifacts/rename-mapping.js +2 -1
- package/dist/esm/artifacts/token-default-values.js +2 -1
- package/dist/esm/artifacts/token-names.js +2 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +427 -0
- package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +2 -2
- package/dist/esm/artifacts/typescript/atlassian-spacing-token-default-values.js +2 -2
- package/dist/esm/artifacts/typescript/atlassian-typography-token-default-values.js +32 -0
- package/dist/esm/artifacts/typescript/atlassian-typography-token-names.js +28 -0
- package/dist/esm/artifacts/typescript/atlassian-typography-types-internal.js +1 -0
- package/dist/esm/artifacts/typescript/atlassian-typography-types.js +1 -0
- package/dist/esm/constants.js +2 -2
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/typography/font-family.js +17 -0
- package/dist/esm/palettes/typography/font-size-scale.js +53 -0
- package/dist/esm/palettes/typography/font-weight-scale.js +29 -0
- package/dist/esm/palettes/typography/index.js +14 -0
- package/dist/esm/palettes/typography/line-height-scale.js +41 -0
- package/dist/esm/theme-config.js +8 -0
- package/dist/esm/tokens/atlassian-typography/font-family.js +13 -0
- package/dist/esm/tokens/atlassian-typography/font-size.js +31 -0
- package/dist/esm/tokens/atlassian-typography/font-weight.js +19 -0
- package/dist/esm/tokens/atlassian-typography/line-height.js +25 -0
- package/dist/esm/tokens/default/elevation/surface.js +2 -2
- package/dist/esm/tokens/default/typography/font-family.js +23 -0
- package/dist/esm/tokens/default/typography/font-size.js +71 -0
- package/dist/esm/tokens/default/typography/font-weight.js +39 -0
- package/dist/esm/tokens/default/typography/line-height.js +55 -0
- package/dist/esm/version.json +1 -1
- package/dist/{types-ts4.0/artifacts/palettes-raw/spacing-scale.d.ts → types/artifacts/palettes-raw/font-size-scale.d.ts} +1 -1
- package/dist/types/artifacts/palettes-raw/font-weight-scale.d.ts +22 -0
- package/dist/types/artifacts/palettes-raw/line-height-scale.d.ts +22 -0
- package/dist/{types-ts4.0/artifacts/rename-mapping/atlassian-legacy-light.d.ts → types/artifacts/rename-mapping/atlassian-typography.d.ts} +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +20 -0
- package/dist/types/artifacts/token-names.d.ts +22 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +28 -0
- package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +2 -2
- package/dist/types/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +2 -2
- package/dist/types/artifacts/typescript/atlassian-typography-token-default-values.d.ts +32 -0
- package/dist/types/artifacts/typescript/atlassian-typography-token-names.d.ts +50 -0
- package/dist/types/artifacts/typescript/atlassian-typography-types-internal.d.ts +6 -0
- package/dist/types/artifacts/typescript/atlassian-typography-types.d.ts +6 -0
- package/dist/types/constants.d.ts +1 -1
- package/dist/types/palettes/typography/font-family.d.ts +5 -0
- package/dist/types/palettes/typography/font-size-scale.d.ts +5 -0
- package/dist/types/palettes/typography/font-weight-scale.d.ts +5 -0
- package/dist/types/palettes/typography/index.d.ts +10 -0
- package/dist/types/palettes/typography/line-height-scale.d.ts +5 -0
- package/dist/types/theme-config.d.ts +5 -3
- package/dist/types/tokens/atlassian-typography/font-family.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography/font-size.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography/font-weight.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography/line-height.d.ts +4 -0
- package/dist/types/tokens/default/elevation/surface.d.ts +2 -2
- package/dist/types/tokens/default/typography/font-family.d.ts +4 -0
- package/dist/types/tokens/default/typography/font-size.d.ts +4 -0
- package/dist/types/tokens/default/typography/font-weight.d.ts +4 -0
- package/dist/types/tokens/default/typography/line-height.d.ts +4 -0
- package/dist/types/types.d.ts +62 -1
- package/package.json +5 -5
- package/report.api.md +57 -4
- package/tmp/api-report-tmp.d.ts +50 -4
- package/dist/types-ts4.0/artifacts/palettes-raw/legacy-palette.d.ts +0 -41
- package/dist/types-ts4.0/artifacts/palettes-raw/palette.d.ts +0 -41
- package/dist/types-ts4.0/artifacts/rename-mapping/atlassian-spacing.d.ts +0 -26
- package/dist/types-ts4.0/artifacts/rename-mapping.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/token-default-values.d.ts +0 -372
- package/dist/types-ts4.0/artifacts/token-names.d.ts +0 -376
- package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-dark.d.ts +0 -222
- package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +0 -222
- package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-light.d.ts +0 -174
- package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-light.d.ts +0 -174
- package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-spacing.d.ts +0 -82
- package/dist/types-ts4.0/artifacts/types-internal.d.ts +0 -2
- package/dist/types-ts4.0/artifacts/types.d.ts +0 -2
- package/dist/types-ts4.0/artifacts/typescript/atlassian-dark-token-names.d.ts +0 -596
- package/dist/types-ts4.0/artifacts/typescript/atlassian-dark-types-internal.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-dark-types.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-dark-token-names.d.ts +0 -596
- package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-dark-types-internal.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-dark-types.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-light-token-names.d.ts +0 -596
- package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-light-types-internal.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-light-types.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -305
- package/dist/types-ts4.0/artifacts/typescript/atlassian-light-token-names.d.ts +0 -596
- package/dist/types-ts4.0/artifacts/typescript/atlassian-light-types-internal.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-light-types.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +0 -88
- package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-names.d.ts +0 -162
- package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-types-internal.d.ts +0 -6
- package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-types.d.ts +0 -6
- package/dist/types-ts4.0/babel-plugin/index.d.ts +0 -1
- package/dist/types-ts4.0/babel-plugin/plugin.d.ts +0 -14
- package/dist/types-ts4.0/constants.d.ts +0 -6
- package/dist/types-ts4.0/entry-points/babel-plugin.d.ts +0 -1
- package/dist/types-ts4.0/entry-points/palettes-raw.d.ts +0 -1
- package/dist/types-ts4.0/entry-points/rename-mapping.d.ts +0 -1
- package/dist/types-ts4.0/entry-points/spacing-raw.d.ts +0 -1
- package/dist/types-ts4.0/entry-points/token-ids.d.ts +0 -1
- package/dist/types-ts4.0/entry-points/token-names.d.ts +0 -2
- package/dist/types-ts4.0/entry-points/tokens-raw.d.ts +0 -2
- package/dist/types-ts4.0/figma/synchronize-figma-tokens.d.ts +0 -24
- package/dist/types-ts4.0/figma/types.d.ts +0 -40
- package/dist/types-ts4.0/get-token.d.ts +0 -25
- package/dist/types-ts4.0/index.d.ts +0 -6
- package/dist/types-ts4.0/palettes/legacy-palette.d.ts +0 -10
- package/dist/types-ts4.0/palettes/palette.d.ts +0 -5
- package/dist/types-ts4.0/palettes/spacing-scale.d.ts +0 -5
- package/dist/types-ts4.0/set-global-theme.d.ts +0 -15
- package/dist/types-ts4.0/theme-change-observer.d.ts +0 -36
- package/dist/types-ts4.0/theme-config.d.ts +0 -53
- package/dist/types-ts4.0/tokens/atlassian-dark/color/accent.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/color/background.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/color/border.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/color/icon.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/color/interaction.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/color/skeleton.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/color/text.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/elevation/shadow.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/elevation/surface.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-dark/opacity/opacity.d.ts +0 -3
- package/dist/types-ts4.0/tokens/atlassian-dark/utility/utility.d.ts +0 -5
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/accent.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/background.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/border.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/icon.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/interaction.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/skeleton.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/text.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/elevation/shadow.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/elevation/surface.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/opacity/opacity.d.ts +0 -3
- package/dist/types-ts4.0/tokens/atlassian-legacy-dark/utility/utility.d.ts +0 -5
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/accent.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/background.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/border.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/icon.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/interaction.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/skeleton.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/text.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/elevation/shadow.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/elevation/surface.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/opacity/opacity.d.ts +0 -3
- package/dist/types-ts4.0/tokens/atlassian-legacy-light/utility/utility.d.ts +0 -5
- package/dist/types-ts4.0/tokens/atlassian-light/color/accent.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/color/background.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/color/border.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/color/icon.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/color/interaction.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/color/skeleton.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/color/text.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/elevation/shadow.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/elevation/surface.d.ts +0 -4
- package/dist/types-ts4.0/tokens/atlassian-light/opacity/opacity.d.ts +0 -3
- package/dist/types-ts4.0/tokens/atlassian-light/utility/utility.d.ts +0 -5
- package/dist/types-ts4.0/tokens/atlassian-spacing/spacing.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/color/accent.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/color/background.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/color/border.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/color/icon.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/color/interaction.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/color/skeleton.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/color/text.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/deprecated/deprecated.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/elevation/shadow.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/elevation/surface.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/opacity/opacity.d.ts +0 -3
- package/dist/types-ts4.0/tokens/default/spacing/spacing.d.ts +0 -4
- package/dist/types-ts4.0/tokens/default/utility/utility.d.ts +0 -5
- package/dist/types-ts4.0/types.d.ts +0 -798
- package/dist/types-ts4.0/utils/color-detection.d.ts +0 -38
- package/dist/types-ts4.0/utils/token-ids.d.ts +0 -41
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::ac998ce60e638b25c6f248bb8a5ade05>>
|
|
4
|
-
* @codegenCommand yarn build tokens
|
|
5
|
-
*/
|
|
6
|
-
export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overlay' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::14b924918199fae4ec5e7515a026c3e8>>
|
|
4
|
-
* @codegenCommand yarn build tokens
|
|
5
|
-
*/
|
|
6
|
-
export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
*
|
|
4
|
-
* Token names mapped to their value in the default Atlassian themes ('light spacing').
|
|
5
|
-
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
6
|
-
*
|
|
7
|
-
* @codegen <<SignedSource::070fc18ba91d3a0673dcabb4f936f8d9>>
|
|
8
|
-
* @codegenCommand yarn build tokens
|
|
9
|
-
*/
|
|
10
|
-
declare const defaultTokenValues: {
|
|
11
|
-
readonly 'spacing.scale.0': "0";
|
|
12
|
-
readonly 'spacing.scale.100': "0.5rem";
|
|
13
|
-
readonly 'spacing.scale.150': "0.75rem";
|
|
14
|
-
readonly 'spacing.scale.200': "1rem";
|
|
15
|
-
readonly 'spacing.scale.250': "1.25rem";
|
|
16
|
-
readonly 'spacing.scale.300': "1.5rem";
|
|
17
|
-
readonly 'spacing.scale.400': "2rem";
|
|
18
|
-
readonly 'spacing.scale.500': "2.5rem";
|
|
19
|
-
readonly 'spacing.scale.600': "3rem";
|
|
20
|
-
readonly 'spacing.scale.025': "0.125rem";
|
|
21
|
-
readonly 'spacing.scale.050': "0.25rem";
|
|
22
|
-
readonly 'spacing.scale.075': "0.375rem";
|
|
23
|
-
readonly 'spacing.scaleLinear.0': "0";
|
|
24
|
-
readonly 'spacing.scaleLinear.100': "0.125rem";
|
|
25
|
-
readonly 'spacing.scaleLinear.200': "0.25rem";
|
|
26
|
-
readonly 'spacing.scaleLinear.300': "0.375rem";
|
|
27
|
-
readonly 'spacing.scaleLinear.400': "0.5rem";
|
|
28
|
-
readonly 'spacing.scaleLinear.500': "0.75rem";
|
|
29
|
-
readonly 'spacing.scaleLinear.600': "1rem";
|
|
30
|
-
readonly 'spacing.scaleLinear.700': "1.25rem";
|
|
31
|
-
readonly 'spacing.scaleLinear.800': "1.5rem";
|
|
32
|
-
readonly 'spacing.scaleLinear.900': "2rem";
|
|
33
|
-
readonly 'spacing.scaleLinear.1000': "2.5rem";
|
|
34
|
-
readonly 'spacing.scaleLinear.1100': "3rem";
|
|
35
|
-
readonly 'spacing.pixel.0': "0";
|
|
36
|
-
readonly 'spacing.pixel.2': "0.125rem";
|
|
37
|
-
readonly 'spacing.pixel.4': "0.25rem";
|
|
38
|
-
readonly 'spacing.pixel.6': "0.375rem";
|
|
39
|
-
readonly 'spacing.pixel.8': "0.5rem";
|
|
40
|
-
readonly 'spacing.pixel.12': "0.75rem";
|
|
41
|
-
readonly 'spacing.pixel.16': "1rem";
|
|
42
|
-
readonly 'spacing.pixel.20': "1.25rem";
|
|
43
|
-
readonly 'spacing.pixel.24': "1.5rem";
|
|
44
|
-
readonly 'spacing.pixel.32': "2rem";
|
|
45
|
-
readonly 'spacing.pixel.40': "2.5rem";
|
|
46
|
-
readonly 'spacing.pixel.48': "3rem";
|
|
47
|
-
readonly 'spacing.size.none': "0";
|
|
48
|
-
readonly 'spacing.size.xxxxSmall': "0.125rem";
|
|
49
|
-
readonly 'spacing.size.xxxSmall': "0.25rem";
|
|
50
|
-
readonly 'spacing.size.xxSmall': "0.375rem";
|
|
51
|
-
readonly 'spacing.size.xsmall': "0.5rem";
|
|
52
|
-
readonly 'spacing.size.small': "0.75rem";
|
|
53
|
-
readonly 'spacing.size.medium': "1rem";
|
|
54
|
-
readonly 'spacing.size.large': "1.25rem";
|
|
55
|
-
readonly 'spacing.size.xlarge': "1.5rem";
|
|
56
|
-
readonly 'spacing.size.xxlarge': "2rem";
|
|
57
|
-
readonly 'spacing.size.xxxlarge': "2.5rem";
|
|
58
|
-
readonly 'spacing.size.xxxxlarge': "3rem";
|
|
59
|
-
readonly 'spacing.ecl.element.2': "0.125rem";
|
|
60
|
-
readonly 'spacing.ecl.element.4': "0.25rem";
|
|
61
|
-
readonly 'spacing.ecl.element.6': "0.375rem";
|
|
62
|
-
readonly 'spacing.ecl.element.8': "0.5rem";
|
|
63
|
-
readonly 'spacing.ecl.container.12': "0.75rem";
|
|
64
|
-
readonly 'spacing.ecl.container.16': "1rem";
|
|
65
|
-
readonly 'spacing.ecl.container.20': "1.25rem";
|
|
66
|
-
readonly 'spacing.ecl.container.24': "1.5rem";
|
|
67
|
-
readonly 'spacing.ecl.layout.32': "2rem";
|
|
68
|
-
readonly 'spacing.ecl.layout.40': "2.5rem";
|
|
69
|
-
readonly 'spacing.ecl.layout.64': "3rem";
|
|
70
|
-
readonly 'spacing.ccc.component.2': "0.125rem";
|
|
71
|
-
readonly 'spacing.ccc.component.4': "0.25rem";
|
|
72
|
-
readonly 'spacing.ccc.component.6': "0.375rem";
|
|
73
|
-
readonly 'spacing.ccc.component.8': "0.5rem";
|
|
74
|
-
readonly 'spacing.ccc.content.12': "0.75rem";
|
|
75
|
-
readonly 'spacing.ccc.content.16': "1rem";
|
|
76
|
-
readonly 'spacing.ccc.content.20': "1.25rem";
|
|
77
|
-
readonly 'spacing.ccc.content.24': "1.5rem";
|
|
78
|
-
readonly 'spacing.ccc.container.32': "2rem";
|
|
79
|
-
readonly 'spacing.ccc.container.40': "2.5rem";
|
|
80
|
-
readonly 'spacing.ccc.container.48': "3rem";
|
|
81
|
-
readonly 'spacing.gap.100': "0.5rem";
|
|
82
|
-
readonly 'spacing.gap.200': "1rem";
|
|
83
|
-
readonly 'spacing.gap.300': "1.5rem";
|
|
84
|
-
readonly 'spacing.inset.100': "0.5rem";
|
|
85
|
-
readonly 'spacing.inset.200': "1rem";
|
|
86
|
-
readonly 'spacing.inset.300': "1.5rem";
|
|
87
|
-
};
|
|
88
|
-
export default defaultTokenValues;
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::1808e289835f4813ce4782e16cce419d>>
|
|
4
|
-
* @codegenCommand yarn build tokens
|
|
5
|
-
*/
|
|
6
|
-
declare const tokens: {
|
|
7
|
-
readonly 'spacing.scale.0': "--ds-scale-0";
|
|
8
|
-
readonly 'spacing.scale.100': "--ds-scale-100";
|
|
9
|
-
readonly 'spacing.scale.150': "--ds-scale-150";
|
|
10
|
-
readonly 'spacing.scale.200': "--ds-scale-200";
|
|
11
|
-
readonly 'spacing.scale.250': "--ds-scale-250";
|
|
12
|
-
readonly 'spacing.scale.300': "--ds-scale-300";
|
|
13
|
-
readonly 'spacing.scale.400': "--ds-scale-400";
|
|
14
|
-
readonly 'spacing.scale.500': "--ds-scale-500";
|
|
15
|
-
readonly 'spacing.scale.600': "--ds-scale-600";
|
|
16
|
-
readonly 'spacing.scale.025': "--ds-scale-025";
|
|
17
|
-
readonly 'spacing.scale.050': "--ds-scale-050";
|
|
18
|
-
readonly 'spacing.scale.075': "--ds-scale-075";
|
|
19
|
-
readonly 'spacing.scaleLinear.0': "--ds-scaleLinear-0";
|
|
20
|
-
readonly 'spacing.scaleLinear.100': "--ds-scaleLinear-100";
|
|
21
|
-
readonly 'spacing.scaleLinear.200': "--ds-scaleLinear-200";
|
|
22
|
-
readonly 'spacing.scaleLinear.300': "--ds-scaleLinear-300";
|
|
23
|
-
readonly 'spacing.scaleLinear.400': "--ds-scaleLinear-400";
|
|
24
|
-
readonly 'spacing.scaleLinear.500': "--ds-scaleLinear-500";
|
|
25
|
-
readonly 'spacing.scaleLinear.600': "--ds-scaleLinear-600";
|
|
26
|
-
readonly 'spacing.scaleLinear.700': "--ds-scaleLinear-700";
|
|
27
|
-
readonly 'spacing.scaleLinear.800': "--ds-scaleLinear-800";
|
|
28
|
-
readonly 'spacing.scaleLinear.900': "--ds-scaleLinear-900";
|
|
29
|
-
readonly 'spacing.scaleLinear.1000': "--ds-scaleLinear-1000";
|
|
30
|
-
readonly 'spacing.scaleLinear.1100': "--ds-scaleLinear-1100";
|
|
31
|
-
readonly 'spacing.pixel.0': "--ds-pixel-0";
|
|
32
|
-
readonly 'spacing.pixel.2': "--ds-pixel-2";
|
|
33
|
-
readonly 'spacing.pixel.4': "--ds-pixel-4";
|
|
34
|
-
readonly 'spacing.pixel.6': "--ds-pixel-6";
|
|
35
|
-
readonly 'spacing.pixel.8': "--ds-pixel-8";
|
|
36
|
-
readonly 'spacing.pixel.12': "--ds-pixel-12";
|
|
37
|
-
readonly 'spacing.pixel.16': "--ds-pixel-16";
|
|
38
|
-
readonly 'spacing.pixel.20': "--ds-pixel-20";
|
|
39
|
-
readonly 'spacing.pixel.24': "--ds-pixel-24";
|
|
40
|
-
readonly 'spacing.pixel.32': "--ds-pixel-32";
|
|
41
|
-
readonly 'spacing.pixel.40': "--ds-pixel-40";
|
|
42
|
-
readonly 'spacing.pixel.48': "--ds-pixel-48";
|
|
43
|
-
readonly 'spacing.size.none': "--ds-size-none";
|
|
44
|
-
readonly 'spacing.size.xxxxSmall': "--ds-size-xxxxSmall";
|
|
45
|
-
readonly 'spacing.size.xxxSmall': "--ds-size-xxxSmall";
|
|
46
|
-
readonly 'spacing.size.xxSmall': "--ds-size-xxSmall";
|
|
47
|
-
readonly 'spacing.size.xsmall': "--ds-size-xsmall";
|
|
48
|
-
readonly 'spacing.size.small': "--ds-size-small";
|
|
49
|
-
readonly 'spacing.size.medium': "--ds-size-medium";
|
|
50
|
-
readonly 'spacing.size.large': "--ds-size-large";
|
|
51
|
-
readonly 'spacing.size.xlarge': "--ds-size-xlarge";
|
|
52
|
-
readonly 'spacing.size.xxlarge': "--ds-size-xxlarge";
|
|
53
|
-
readonly 'spacing.size.xxxlarge': "--ds-size-xxxlarge";
|
|
54
|
-
readonly 'spacing.size.xxxxlarge': "--ds-size-xxxxlarge";
|
|
55
|
-
readonly 'spacing.ecl.element.2': "--ds-ecl-element-2";
|
|
56
|
-
readonly 'spacing.ecl.element.4': "--ds-ecl-element-4";
|
|
57
|
-
readonly 'spacing.ecl.element.6': "--ds-ecl-element-6";
|
|
58
|
-
readonly 'spacing.ecl.element.8': "--ds-ecl-element-8";
|
|
59
|
-
readonly 'spacing.ecl.container.12': "--ds-ecl-container-12";
|
|
60
|
-
readonly 'spacing.ecl.container.16': "--ds-ecl-container-16";
|
|
61
|
-
readonly 'spacing.ecl.container.20': "--ds-ecl-container-20";
|
|
62
|
-
readonly 'spacing.ecl.container.24': "--ds-ecl-container-24";
|
|
63
|
-
readonly 'spacing.ecl.layout.32': "--ds-ecl-layout-32";
|
|
64
|
-
readonly 'spacing.ecl.layout.40': "--ds-ecl-layout-40";
|
|
65
|
-
readonly 'spacing.ecl.layout.64': "--ds-ecl-layout-64";
|
|
66
|
-
readonly 'spacing.ccc.component.2': "--ds-ccc-component-2";
|
|
67
|
-
readonly 'spacing.ccc.component.4': "--ds-ccc-component-4";
|
|
68
|
-
readonly 'spacing.ccc.component.6': "--ds-ccc-component-6";
|
|
69
|
-
readonly 'spacing.ccc.component.8': "--ds-ccc-component-8";
|
|
70
|
-
readonly 'spacing.ccc.content.12': "--ds-ccc-content-12";
|
|
71
|
-
readonly 'spacing.ccc.content.16': "--ds-ccc-content-16";
|
|
72
|
-
readonly 'spacing.ccc.content.20': "--ds-ccc-content-20";
|
|
73
|
-
readonly 'spacing.ccc.content.24': "--ds-ccc-content-24";
|
|
74
|
-
readonly 'spacing.ccc.container.32': "--ds-ccc-container-32";
|
|
75
|
-
readonly 'spacing.ccc.container.40': "--ds-ccc-container-40";
|
|
76
|
-
readonly 'spacing.ccc.container.48': "--ds-ccc-container-48";
|
|
77
|
-
readonly 'spacing.gap.100': "--ds-gap-100";
|
|
78
|
-
readonly 'spacing.gap.200': "--ds-gap-200";
|
|
79
|
-
readonly 'spacing.gap.300': "--ds-gap-300";
|
|
80
|
-
readonly 'spacing.inset.100': "--ds-inset-100";
|
|
81
|
-
readonly 'spacing.inset.200': "--ds-inset-200";
|
|
82
|
-
readonly 'spacing.inset.300': "--ds-inset-300";
|
|
83
|
-
};
|
|
84
|
-
export declare type CSSTokenMap = {
|
|
85
|
-
'spacing.scale.0': 'var(--ds-scale-0)';
|
|
86
|
-
'spacing.scale.100': 'var(--ds-scale-100)';
|
|
87
|
-
'spacing.scale.150': 'var(--ds-scale-150)';
|
|
88
|
-
'spacing.scale.200': 'var(--ds-scale-200)';
|
|
89
|
-
'spacing.scale.250': 'var(--ds-scale-250)';
|
|
90
|
-
'spacing.scale.300': 'var(--ds-scale-300)';
|
|
91
|
-
'spacing.scale.400': 'var(--ds-scale-400)';
|
|
92
|
-
'spacing.scale.500': 'var(--ds-scale-500)';
|
|
93
|
-
'spacing.scale.600': 'var(--ds-scale-600)';
|
|
94
|
-
'spacing.scale.025': 'var(--ds-scale-025)';
|
|
95
|
-
'spacing.scale.050': 'var(--ds-scale-050)';
|
|
96
|
-
'spacing.scale.075': 'var(--ds-scale-075)';
|
|
97
|
-
'spacing.scaleLinear.0': 'var(--ds-scaleLinear-0)';
|
|
98
|
-
'spacing.scaleLinear.100': 'var(--ds-scaleLinear-100)';
|
|
99
|
-
'spacing.scaleLinear.200': 'var(--ds-scaleLinear-200)';
|
|
100
|
-
'spacing.scaleLinear.300': 'var(--ds-scaleLinear-300)';
|
|
101
|
-
'spacing.scaleLinear.400': 'var(--ds-scaleLinear-400)';
|
|
102
|
-
'spacing.scaleLinear.500': 'var(--ds-scaleLinear-500)';
|
|
103
|
-
'spacing.scaleLinear.600': 'var(--ds-scaleLinear-600)';
|
|
104
|
-
'spacing.scaleLinear.700': 'var(--ds-scaleLinear-700)';
|
|
105
|
-
'spacing.scaleLinear.800': 'var(--ds-scaleLinear-800)';
|
|
106
|
-
'spacing.scaleLinear.900': 'var(--ds-scaleLinear-900)';
|
|
107
|
-
'spacing.scaleLinear.1000': 'var(--ds-scaleLinear-1000)';
|
|
108
|
-
'spacing.scaleLinear.1100': 'var(--ds-scaleLinear-1100)';
|
|
109
|
-
'spacing.pixel.0': 'var(--ds-pixel-0)';
|
|
110
|
-
'spacing.pixel.2': 'var(--ds-pixel-2)';
|
|
111
|
-
'spacing.pixel.4': 'var(--ds-pixel-4)';
|
|
112
|
-
'spacing.pixel.6': 'var(--ds-pixel-6)';
|
|
113
|
-
'spacing.pixel.8': 'var(--ds-pixel-8)';
|
|
114
|
-
'spacing.pixel.12': 'var(--ds-pixel-12)';
|
|
115
|
-
'spacing.pixel.16': 'var(--ds-pixel-16)';
|
|
116
|
-
'spacing.pixel.20': 'var(--ds-pixel-20)';
|
|
117
|
-
'spacing.pixel.24': 'var(--ds-pixel-24)';
|
|
118
|
-
'spacing.pixel.32': 'var(--ds-pixel-32)';
|
|
119
|
-
'spacing.pixel.40': 'var(--ds-pixel-40)';
|
|
120
|
-
'spacing.pixel.48': 'var(--ds-pixel-48)';
|
|
121
|
-
'spacing.size.none': 'var(--ds-size-none)';
|
|
122
|
-
'spacing.size.xxxxSmall': 'var(--ds-size-xxxxSmall)';
|
|
123
|
-
'spacing.size.xxxSmall': 'var(--ds-size-xxxSmall)';
|
|
124
|
-
'spacing.size.xxSmall': 'var(--ds-size-xxSmall)';
|
|
125
|
-
'spacing.size.xsmall': 'var(--ds-size-xsmall)';
|
|
126
|
-
'spacing.size.small': 'var(--ds-size-small)';
|
|
127
|
-
'spacing.size.medium': 'var(--ds-size-medium)';
|
|
128
|
-
'spacing.size.large': 'var(--ds-size-large)';
|
|
129
|
-
'spacing.size.xlarge': 'var(--ds-size-xlarge)';
|
|
130
|
-
'spacing.size.xxlarge': 'var(--ds-size-xxlarge)';
|
|
131
|
-
'spacing.size.xxxlarge': 'var(--ds-size-xxxlarge)';
|
|
132
|
-
'spacing.size.xxxxlarge': 'var(--ds-size-xxxxlarge)';
|
|
133
|
-
'spacing.ecl.element.2': 'var(--ds-ecl-element-2)';
|
|
134
|
-
'spacing.ecl.element.4': 'var(--ds-ecl-element-4)';
|
|
135
|
-
'spacing.ecl.element.6': 'var(--ds-ecl-element-6)';
|
|
136
|
-
'spacing.ecl.element.8': 'var(--ds-ecl-element-8)';
|
|
137
|
-
'spacing.ecl.container.12': 'var(--ds-ecl-container-12)';
|
|
138
|
-
'spacing.ecl.container.16': 'var(--ds-ecl-container-16)';
|
|
139
|
-
'spacing.ecl.container.20': 'var(--ds-ecl-container-20)';
|
|
140
|
-
'spacing.ecl.container.24': 'var(--ds-ecl-container-24)';
|
|
141
|
-
'spacing.ecl.layout.32': 'var(--ds-ecl-layout-32)';
|
|
142
|
-
'spacing.ecl.layout.40': 'var(--ds-ecl-layout-40)';
|
|
143
|
-
'spacing.ecl.layout.64': 'var(--ds-ecl-layout-64)';
|
|
144
|
-
'spacing.ccc.component.2': 'var(--ds-ccc-component-2)';
|
|
145
|
-
'spacing.ccc.component.4': 'var(--ds-ccc-component-4)';
|
|
146
|
-
'spacing.ccc.component.6': 'var(--ds-ccc-component-6)';
|
|
147
|
-
'spacing.ccc.component.8': 'var(--ds-ccc-component-8)';
|
|
148
|
-
'spacing.ccc.content.12': 'var(--ds-ccc-content-12)';
|
|
149
|
-
'spacing.ccc.content.16': 'var(--ds-ccc-content-16)';
|
|
150
|
-
'spacing.ccc.content.20': 'var(--ds-ccc-content-20)';
|
|
151
|
-
'spacing.ccc.content.24': 'var(--ds-ccc-content-24)';
|
|
152
|
-
'spacing.ccc.container.32': 'var(--ds-ccc-container-32)';
|
|
153
|
-
'spacing.ccc.container.40': 'var(--ds-ccc-container-40)';
|
|
154
|
-
'spacing.ccc.container.48': 'var(--ds-ccc-container-48)';
|
|
155
|
-
'spacing.gap.100': 'var(--ds-gap-100)';
|
|
156
|
-
'spacing.gap.200': 'var(--ds-gap-200)';
|
|
157
|
-
'spacing.gap.300': 'var(--ds-gap-300)';
|
|
158
|
-
'spacing.inset.100': 'var(--ds-inset-100)';
|
|
159
|
-
'spacing.inset.200': 'var(--ds-inset-200)';
|
|
160
|
-
'spacing.inset.300': 'var(--ds-inset-300)';
|
|
161
|
-
};
|
|
162
|
-
export default tokens;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::953f5e0300c6d0043915d01d2974af58>>
|
|
4
|
-
* @codegenCommand yarn build tokens
|
|
5
|
-
*/
|
|
6
|
-
export declare type InternalTokenIds = 'spacing.scale.0' | 'spacing.scale.100' | 'spacing.scale.150' | 'spacing.scale.200' | 'spacing.scale.250' | 'spacing.scale.300' | 'spacing.scale.400' | 'spacing.scale.500' | 'spacing.scale.600' | 'spacing.scale.025' | 'spacing.scale.050' | 'spacing.scale.075';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::0a5838a760fffb6bbb598305116da533>>
|
|
4
|
-
* @codegenCommand yarn build tokens
|
|
5
|
-
*/
|
|
6
|
-
export declare type ActiveTokens = 'spacing.scale.0' | 'spacing.scale.100' | 'spacing.scale.150' | 'spacing.scale.200' | 'spacing.scale.250' | 'spacing.scale.300' | 'spacing.scale.400' | 'spacing.scale.500' | 'spacing.scale.600' | 'spacing.scale.025' | 'spacing.scale.050' | 'spacing.scale.075';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './plugin';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { NodePath } from '@babel/traverse';
|
|
2
|
-
import * as t from '@babel/types';
|
|
3
|
-
export default function plugin(): {
|
|
4
|
-
visitor: {
|
|
5
|
-
Program: {
|
|
6
|
-
enter(path: NodePath<t.Program>, state: {
|
|
7
|
-
opts: {
|
|
8
|
-
shouldUseAutoFallback?: boolean;
|
|
9
|
-
};
|
|
10
|
-
}): void;
|
|
11
|
-
exit(path: NodePath<t.Program>): void;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const THEME_DATA_ATTRIBUTE = "data-theme";
|
|
2
|
-
export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
|
|
3
|
-
export declare const DEFAULT_THEME = "light spacing";
|
|
4
|
-
export declare const CSS_PREFIX = "ds";
|
|
5
|
-
export declare const CSS_VAR_FULL: string[];
|
|
6
|
-
export declare const TOKEN_NOT_FOUND_CSS_VAR: string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from '../babel-plugin/plugin';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from '../artifacts/palettes-raw/palette';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from '../artifacts/rename-mapping';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from '../artifacts/tokens-raw/atlassian-spacing';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { getCSSCustomProperty, getTokenId, getFullyQualifiedTokenId, } from '../utils/token-ids';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { PaintToken, ShadowToken } from '../types';
|
|
2
|
-
import type { FigmaEffect, FigmaPaint } from './types';
|
|
3
|
-
declare function createPaint(hex: string): FigmaPaint;
|
|
4
|
-
declare function createEffects(value: ShadowToken<string>['value']): FigmaEffect[];
|
|
5
|
-
/**
|
|
6
|
-
* Formats a token description for use in Figma,
|
|
7
|
-
* including deprecated warnings
|
|
8
|
-
*
|
|
9
|
-
* @param token
|
|
10
|
-
*/
|
|
11
|
-
declare function formatDescription(token: PaintToken<string> | ShadowToken<string>): string;
|
|
12
|
-
export declare type CreateEffects = typeof createEffects;
|
|
13
|
-
export declare type CreatePaint = typeof createPaint;
|
|
14
|
-
export declare type FormatDescription = typeof formatDescription;
|
|
15
|
-
/**
|
|
16
|
-
* Adds tokens under a specified theme as paint styles to Figma.
|
|
17
|
-
*
|
|
18
|
-
* @param {*} themeName name of the theme, e.g. "dark". Tokens will be added under this folder name.
|
|
19
|
-
* @param {*} tokens
|
|
20
|
-
* @param {*} renameMap mapping object for tokens that should be renamed. example { 'old/token': 'new/token'}
|
|
21
|
-
*/
|
|
22
|
-
declare function synchronizeFigmaTokens(themeName: string, tokens: Record<string, PaintToken<string> | ShadowToken<string>>, renameMap?: Record<string, string>): void;
|
|
23
|
-
export declare type SynchronizeFigmaTokens = typeof synchronizeFigmaTokens;
|
|
24
|
-
export {};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
export interface FigmaPaint {
|
|
2
|
-
blendMode: 'NORMAL';
|
|
3
|
-
color: {
|
|
4
|
-
r: number;
|
|
5
|
-
g: number;
|
|
6
|
-
b: number;
|
|
7
|
-
};
|
|
8
|
-
opacity: number;
|
|
9
|
-
type: 'SOLID';
|
|
10
|
-
visible: boolean;
|
|
11
|
-
}
|
|
12
|
-
export interface FigmaPaintStyle {
|
|
13
|
-
name: string;
|
|
14
|
-
paints: Array<FigmaPaint>;
|
|
15
|
-
description: string;
|
|
16
|
-
remove(): void;
|
|
17
|
-
}
|
|
18
|
-
export interface FigmaEffect {
|
|
19
|
-
blendMode: 'NORMAL';
|
|
20
|
-
color: {
|
|
21
|
-
r: number;
|
|
22
|
-
g: number;
|
|
23
|
-
b: number;
|
|
24
|
-
a: number;
|
|
25
|
-
};
|
|
26
|
-
offset: {
|
|
27
|
-
x: number;
|
|
28
|
-
y: number;
|
|
29
|
-
};
|
|
30
|
-
radius: number;
|
|
31
|
-
spread?: number;
|
|
32
|
-
type: 'DROP_SHADOW' | 'INNER_SHADOW';
|
|
33
|
-
visible: boolean;
|
|
34
|
-
}
|
|
35
|
-
export interface FigmaEffectStyle {
|
|
36
|
-
name: string;
|
|
37
|
-
effects: Array<FigmaEffect>;
|
|
38
|
-
description: string;
|
|
39
|
-
remove(): void;
|
|
40
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import tokens, { CSSTokenMap } from './artifacts/token-names';
|
|
2
|
-
declare type Tokens = typeof tokens;
|
|
3
|
-
/**
|
|
4
|
-
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
5
|
-
* This should be used to implement design decisions throughout your application.
|
|
6
|
-
*
|
|
7
|
-
* Note: With `@atlaskit/babel-plugin-tokens`, this function can be pre-compiled and a fallback value automatically inserted.
|
|
8
|
-
*
|
|
9
|
-
* @param {string} path - A dot-separated token name (example: `'color.background.brand'` or `'spacing.scale.100'`).
|
|
10
|
-
* @param {string} [fallback] - The fallback value that should render when token CSS is not present in your app.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```
|
|
14
|
-
* <div
|
|
15
|
-
* css={{
|
|
16
|
-
* backgroundColor: token('elevation.surface.raised', N0),
|
|
17
|
-
* boxShadow: token('elevation.shadow.raised', `0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`),
|
|
18
|
-
* padding: token('spacing.scale.100', '8px'),
|
|
19
|
-
* }}
|
|
20
|
-
* />
|
|
21
|
-
* ```
|
|
22
|
-
*
|
|
23
|
-
*/
|
|
24
|
-
declare function token<T extends keyof Tokens>(path: T, fallback?: string): CSSTokenMap[T];
|
|
25
|
-
export default token;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { default as token } from './get-token';
|
|
2
|
-
export { default as setGlobalTheme } from './set-global-theme';
|
|
3
|
-
export type { CSSToken } from './artifacts/token-names';
|
|
4
|
-
export type { Themes, ThemeIds } from './theme-config';
|
|
5
|
-
export { default as themeConfig } from './theme-config';
|
|
6
|
-
export { useThemeObserver, ThemeMutationObserver, } from './theme-change-observer';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Legacy color palette sourced from: packages/design-system/theme/src/colors.tsx
|
|
3
|
-
*
|
|
4
|
-
* This palette should be exclusively used for backwards compatible themes
|
|
5
|
-
*/
|
|
6
|
-
import type { PaletteColorTokenSchema } from '../types';
|
|
7
|
-
declare type PaletteValues = 'transparent' | 'R50' | 'R75' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'Y50' | 'Y75' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'O800' | 'G50' | 'G75' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'B50' | 'B75' | 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'P50' | 'P75' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'T50' | 'T75' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'N0' | 'N10' | 'N20' | 'N30' | 'N40' | 'N50' | 'N60' | 'N70' | 'N80' | 'N90' | 'N100' | 'N200' | 'N300' | 'N400' | 'N500' | 'N600' | 'N700' | 'N800' | 'N900' | 'N10A' | 'N20A' | 'N30A' | 'N40A' | 'N50A' | 'N60A' | 'N70A' | 'N80A' | 'N90A' | 'N100A' | 'N200A' | 'N300A' | 'N400A' | 'N500A' | 'N600A' | 'N700A' | 'N800A' | 'DN900' | 'DN800' | 'DN700' | 'DN600' | 'DN500' | 'DN400' | 'DN300' | 'DN200' | 'DN100' | 'DN90' | 'DN80' | 'DN70' | 'DN60' | 'DN50' | 'DN40' | 'DN30' | 'DN20' | 'DN10' | 'DN0' | 'DN800A' | 'DN700A' | 'DN600A' | 'DN500A' | 'DN400A' | 'DN300A' | 'DN200A' | 'DN100A' | 'DN90A' | 'DN80A' | 'DN70A' | 'DN60A' | 'DN50A' | 'DN40A' | 'DN30A' | 'DN20A' | 'DN10' | 'DN10A';
|
|
8
|
-
export declare type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
|
|
9
|
-
declare const palette: PaletteColorTokenSchema<PaletteValues>;
|
|
10
|
-
export default palette;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { PaletteColorTokenSchema } from '../types';
|
|
2
|
-
declare 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' | 'DarkNeutral-100' | 'DarkNeutral-100A' | 'DarkNeutral0' | 'DarkNeutral100' | 'DarkNeutral100A' | 'DarkNeutral200' | 'DarkNeutral200A' | 'DarkNeutral300' | 'DarkNeutral300A' | '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
|
-
export declare type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
|
|
4
|
-
declare const palette: PaletteColorTokenSchema<PaletteValues>;
|
|
5
|
-
export default palette;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { SpacingScaleTokenSchema } from '../types';
|
|
2
|
-
export declare type ScaleValues = 'Space0' | 'Space025' | 'Space050' | 'Space075' | 'Space100' | 'Space150' | 'Space200' | 'Space250' | 'Space300' | 'Space400' | 'Space500' | 'Space600';
|
|
3
|
-
export declare type BaseToken = keyof SpacingScaleTokenSchema<ScaleValues>['spacing']['scale'];
|
|
4
|
-
declare const scale: SpacingScaleTokenSchema<ScaleValues>;
|
|
5
|
-
export default scale;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ThemeIds } from './theme-config';
|
|
2
|
-
/**
|
|
3
|
-
* Sets the theme globally at runtime. This updates the `data-theme` and `data-color-scheme` attributes on your page's <html> tag.
|
|
4
|
-
*
|
|
5
|
-
* @param {string} themeId - Which theme should be used by default.
|
|
6
|
-
* @param {string} [shouldMatchSystem=false] - Whether the theme should automatically switch between themes to match the system preference.
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* ```
|
|
10
|
-
* // Set light theme as the default theme, but switch to others based on the system color theme.
|
|
11
|
-
* setGlobalTheme('light', true);
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
declare const setGlobalTheme: (themeId: ThemeIds, shouldMatchSystem?: boolean) => void;
|
|
15
|
-
export default setGlobalTheme;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { ThemeIds } from './theme-config';
|
|
2
|
-
/**
|
|
3
|
-
* A MutationObserver which watches the `<html>` element for changes to the theme.
|
|
4
|
-
*
|
|
5
|
-
* In React, use the {@link useThemeObserver `useThemeObserver`} hook instead.
|
|
6
|
-
*
|
|
7
|
-
* @param {function} callback - A callback function which fires when the theme changes.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```
|
|
11
|
-
* const observer = new ThemeMutationObserver((theme) => {});
|
|
12
|
-
* observer.observe();
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
export declare class ThemeMutationObserver {
|
|
16
|
-
private callback;
|
|
17
|
-
observer: MutationObserver | null;
|
|
18
|
-
mediaObserver: any;
|
|
19
|
-
constructor(callback: (theme: ThemeIds | null) => unknown);
|
|
20
|
-
observe(): void;
|
|
21
|
-
disconnect(): void;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* A React hook which returns the current theme set on `<html>`, or `null` if not set.
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```
|
|
28
|
-
* const theme = useThemeObserver(); // Returns 'light' or 'dark'
|
|
29
|
-
*
|
|
30
|
-
* // Performing side effects when it changes
|
|
31
|
-
* useEffect(() => {
|
|
32
|
-
* console.log(`The theme has changed to ${theme}`);
|
|
33
|
-
* }, [theme]);
|
|
34
|
-
* ```
|
|
35
|
-
*/
|
|
36
|
-
export declare const useThemeObserver: () => ThemeIds | null;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file contains the source of truth for themes and all associated meta data.
|
|
3
|
-
*/
|
|
4
|
-
/**
|
|
5
|
-
* Themes: The internal identifier of a theme.
|
|
6
|
-
* These ids are what the actual theme files/folders are called.
|
|
7
|
-
* style-dictionary will attempt to locate these in the file-system.
|
|
8
|
-
*/
|
|
9
|
-
export declare type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-spacing';
|
|
10
|
-
export declare type ThemeFileNames = Themes;
|
|
11
|
-
/**
|
|
12
|
-
* Theme kinds: The type of theme.
|
|
13
|
-
* Some themes are entirely focused on Color, whilst others are purely focused on spacing.
|
|
14
|
-
* In the future other types may be introduced such as typography.
|
|
15
|
-
*/
|
|
16
|
-
export declare type ThemeKinds = 'color' | 'spacing';
|
|
17
|
-
/**
|
|
18
|
-
* Theme modes: The general purpose of a theme.
|
|
19
|
-
* This attr is used to apply the appropriate system-preference media selector
|
|
20
|
-
* It may also be used as a selector for mode-specific overrides such as light/dark images.
|
|
21
|
-
* The idea is there may exist many color themes, but every theme must either fit into light or dark.
|
|
22
|
-
*/
|
|
23
|
-
export declare type ThemeColorModes = 'light' | 'dark';
|
|
24
|
-
/**
|
|
25
|
-
* Theme ids: The value that will mounted to the DOM as a data attr
|
|
26
|
-
* For example: `data-theme="light"
|
|
27
|
-
*
|
|
28
|
-
* These ids must be kebab case
|
|
29
|
-
*/
|
|
30
|
-
export declare type ThemeIds = 'light' | 'dark' | 'legacy-light' | 'legacy-dark' | 'spacing';
|
|
31
|
-
/**
|
|
32
|
-
* Palettes: The set of base tokens a given theme may be populated with.
|
|
33
|
-
* For example: legacy light & dark themes use the "legacyPalette" containing colors from our
|
|
34
|
-
* previous color set.
|
|
35
|
-
*/
|
|
36
|
-
export declare type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale';
|
|
37
|
-
/**
|
|
38
|
-
* ThemeConfig: the source of truth for all theme meta-data.
|
|
39
|
-
* This object should be used whenever interfacing with themes.
|
|
40
|
-
*/
|
|
41
|
-
interface ThemeConfig {
|
|
42
|
-
id: ThemeIds;
|
|
43
|
-
displayName: string;
|
|
44
|
-
palette: Palettes;
|
|
45
|
-
attributes: {
|
|
46
|
-
type: 'color';
|
|
47
|
-
mode: ThemeColorModes;
|
|
48
|
-
} | {
|
|
49
|
-
type: 'spacing';
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
declare const themeConfig: Record<Themes, ThemeConfig>;
|
|
53
|
-
export default themeConfig;
|