@atlaskit/tokens 1.21.0 → 1.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +17 -15
- package/dist/cjs/artifacts/token-names.js +4 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +64 -42
- package/dist/cjs/babel-plugin/plugin.js +15 -1
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-typography/font-family.js +4 -1
- package/dist/cjs/tokens/atlassian-typography/theme.js +13 -13
- package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +4 -1
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +25 -14
- package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +4 -1
- package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +25 -14
- package/dist/cjs/tokens/default/typography/font-family.js +9 -1
- package/dist/cjs/tokens/default/utility/utility.js +8 -0
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +17 -15
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +17 -15
- package/dist/es2019/artifacts/themes/atlassian-typography.js +16 -15
- package/dist/es2019/artifacts/token-default-values.js +17 -15
- package/dist/es2019/artifacts/token-names.js +4 -2
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +64 -42
- package/dist/es2019/babel-plugin/plugin.js +15 -1
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-typography/font-family.js +4 -1
- package/dist/es2019/tokens/atlassian-typography/theme.js +13 -13
- package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +4 -1
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +25 -14
- package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +4 -1
- package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +25 -14
- package/dist/es2019/tokens/default/typography/font-family.js +9 -1
- package/dist/es2019/tokens/default/utility/utility.js +8 -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 +17 -15
- package/dist/esm/artifacts/token-names.js +4 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +64 -42
- package/dist/esm/babel-plugin/plugin.js +15 -1
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-typography/font-family.js +4 -1
- package/dist/esm/tokens/atlassian-typography/theme.js +13 -13
- package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +4 -1
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +25 -14
- package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +4 -1
- package/dist/esm/tokens/atlassian-typography-minor3/theme.js +25 -14
- package/dist/esm/tokens/default/typography/font-family.js +9 -1
- package/dist/esm/tokens/default/utility/utility.js +8 -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 +17 -15
- package/dist/types/artifacts/token-names.d.ts +7 -3
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +10 -10
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +10 -10
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +145 -10
- package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +145 -10
- package/dist/types/types.d.ts +16 -2
- 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 +17 -15
- package/dist/types-ts4.5/artifacts/token-names.d.ts +7 -3
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +10 -10
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +10 -10
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +145 -10
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +145 -10
- package/dist/types-ts4.5/types.d.ts +16 -2
- package/figma/atlassian-typography-adg3.json +15 -6
- package/figma/atlassian-typography-minor3.json +15 -6
- package/figma/atlassian-typography.json +15 -6
- package/package.json +1 -1
- package/report.api.md +41 -3
- package/tmp/api-report-tmp.d.ts +34 -5
|
@@ -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::0ef3f8c73157d21ba160b291b7bce077>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.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.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.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.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.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.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.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
6
|
+
export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.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.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.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.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.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.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.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
@@ -1,10 +1,145 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import type { UtilTokenSchema, ValueSchema } from '../../types';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
font: {
|
|
4
|
+
body: {
|
|
5
|
+
'[default]': {
|
|
6
|
+
value: {
|
|
7
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
8
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
9
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
10
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
11
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
12
|
+
fontStyle: "normal";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
lg: {
|
|
16
|
+
value: {
|
|
17
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
18
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
19
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
20
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
21
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
22
|
+
fontStyle: "normal";
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
sm: {
|
|
26
|
+
value: {
|
|
27
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
28
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
29
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
30
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
31
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
32
|
+
fontStyle: "normal";
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
code: {
|
|
37
|
+
'[default]': {
|
|
38
|
+
value: {
|
|
39
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
40
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
41
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
42
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
43
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
44
|
+
fontStyle: "normal";
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
heading: {
|
|
49
|
+
lg: {
|
|
50
|
+
value: {
|
|
51
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
52
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
53
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
54
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
55
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
56
|
+
fontStyle: "normal";
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
sm: {
|
|
60
|
+
value: {
|
|
61
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
62
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
63
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
64
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
65
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
66
|
+
fontStyle: "normal";
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
md: {
|
|
70
|
+
value: {
|
|
71
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
72
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
73
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
74
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
75
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
76
|
+
fontStyle: "normal";
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
xl: {
|
|
80
|
+
value: {
|
|
81
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
82
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
83
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
84
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
85
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
86
|
+
fontStyle: "normal";
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
xs: {
|
|
90
|
+
value: {
|
|
91
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
92
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
93
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
94
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
95
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
96
|
+
fontStyle: "normal";
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
xxl: {
|
|
100
|
+
value: {
|
|
101
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
102
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
103
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
104
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
105
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
106
|
+
fontStyle: "normal";
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
xxs: {
|
|
110
|
+
value: {
|
|
111
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
112
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
113
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
114
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
115
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
116
|
+
fontStyle: "normal";
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
ui: {
|
|
121
|
+
'[default]': {
|
|
122
|
+
value: {
|
|
123
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
124
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
125
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
126
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
127
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
128
|
+
fontStyle: "normal";
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
sm: {
|
|
132
|
+
value: {
|
|
133
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
134
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
135
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
136
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
137
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
138
|
+
fontStyle: "normal";
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
utility: ValueSchema<UtilTokenSchema<"Lime100" | "Lime200" | "Lime300" | "Lime400" | "Lime500" | "Lime600" | "Lime700" | "Lime800" | "Lime900" | "Lime1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral250" | "DarkNeutral300" | "DarkNeutral350" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral250A" | "DarkNeutral300A" | "DarkNeutral350A" | "DarkNeutral400A" | "DarkNeutral500A">>;
|
|
144
|
+
};
|
|
145
|
+
export default _default;
|
|
@@ -1,10 +1,145 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import type { UtilTokenSchema, ValueSchema } from '../../types';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
font: {
|
|
4
|
+
body: {
|
|
5
|
+
'[default]': {
|
|
6
|
+
value: {
|
|
7
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
8
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
9
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
10
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
11
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
12
|
+
fontStyle: "normal";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
lg: {
|
|
16
|
+
value: {
|
|
17
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
18
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
19
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
20
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
21
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
22
|
+
fontStyle: "normal";
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
sm: {
|
|
26
|
+
value: {
|
|
27
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
28
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
29
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
30
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
31
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
32
|
+
fontStyle: "normal";
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
code: {
|
|
37
|
+
'[default]': {
|
|
38
|
+
value: {
|
|
39
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
40
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
41
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
42
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
43
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
44
|
+
fontStyle: "normal";
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
heading: {
|
|
49
|
+
lg: {
|
|
50
|
+
value: {
|
|
51
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
52
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
53
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
54
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
55
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
56
|
+
fontStyle: "normal";
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
sm: {
|
|
60
|
+
value: {
|
|
61
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
62
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
63
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
64
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
65
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
66
|
+
fontStyle: "normal";
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
md: {
|
|
70
|
+
value: {
|
|
71
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
72
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
73
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
74
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
75
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
76
|
+
fontStyle: "normal";
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
xl: {
|
|
80
|
+
value: {
|
|
81
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
82
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
83
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
84
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
85
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
86
|
+
fontStyle: "normal";
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
xs: {
|
|
90
|
+
value: {
|
|
91
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
92
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
93
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
94
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
95
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
96
|
+
fontStyle: "normal";
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
xxl: {
|
|
100
|
+
value: {
|
|
101
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
102
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
103
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
104
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
105
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
106
|
+
fontStyle: "normal";
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
xxs: {
|
|
110
|
+
value: {
|
|
111
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
112
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
113
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
114
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
115
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
116
|
+
fontStyle: "normal";
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
ui: {
|
|
121
|
+
'[default]': {
|
|
122
|
+
value: {
|
|
123
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
124
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
125
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
126
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
127
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
128
|
+
fontStyle: "normal";
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
sm: {
|
|
132
|
+
value: {
|
|
133
|
+
fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
|
|
134
|
+
fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
|
|
135
|
+
fontFamily: "font.family.body" | "font.family.code" | "font.family.heading" | "font.family.monospace" | "font.family.sans" | "font.family.brand";
|
|
136
|
+
lineHeight: import("../../palettes/typography-palette").LineHeightScaleValues;
|
|
137
|
+
letterSpacing: import("../../palettes/typography-palette").LetterSpacingScaleValues;
|
|
138
|
+
fontStyle: "normal";
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
utility: ValueSchema<UtilTokenSchema<"Lime100" | "Lime200" | "Lime300" | "Lime400" | "Lime500" | "Lime600" | "Lime700" | "Lime800" | "Lime900" | "Lime1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral250" | "DarkNeutral300" | "DarkNeutral350" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral250A" | "DarkNeutral300A" | "DarkNeutral350A" | "DarkNeutral400A" | "DarkNeutral500A">>;
|
|
144
|
+
};
|
|
145
|
+
export default _default;
|
|
@@ -64,6 +64,18 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
|
|
|
64
64
|
suggest?: string[];
|
|
65
65
|
};
|
|
66
66
|
}
|
|
67
|
+
/**
|
|
68
|
+
* @example
|
|
69
|
+
* ```ts
|
|
70
|
+
* const object = { font: { heading: { h900: { value: 'hello' } }}}
|
|
71
|
+
* // -> `font.heading.h900`
|
|
72
|
+
* ```
|
|
73
|
+
*/
|
|
74
|
+
type FlattenKeys<T, Prefix extends string = ''> = {
|
|
75
|
+
[Key in keyof T]: T[Key] extends object ? T[Key] extends {
|
|
76
|
+
value: string;
|
|
77
|
+
} ? `${Prefix}${Key & string}` : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}` : `${Prefix}.${Key & string}`;
|
|
78
|
+
}[keyof T];
|
|
67
79
|
type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
|
|
68
80
|
type Id<T> = {} & {
|
|
69
81
|
[P in keyof T]: T[P];
|
|
@@ -904,6 +916,7 @@ export interface UtilTokenSchema<BaseToken> {
|
|
|
904
916
|
};
|
|
905
917
|
UNSAFE: {
|
|
906
918
|
transparent: RawToken;
|
|
919
|
+
textTransformUppercase?: RawToken;
|
|
907
920
|
};
|
|
908
921
|
}
|
|
909
922
|
export interface SurfaceTokenSchema<BaseToken> {
|
|
@@ -991,7 +1004,7 @@ export type TypographyToken<TPalette extends {
|
|
|
991
1004
|
}> = DesignToken<{
|
|
992
1005
|
fontStyle: 'normal';
|
|
993
1006
|
fontWeight: TPalette['fontWeight'];
|
|
994
|
-
fontFamily:
|
|
1007
|
+
fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
|
|
995
1008
|
fontSize: TPalette['fontSize'];
|
|
996
1009
|
lineHeight: TPalette['lineHeight'];
|
|
997
1010
|
letterSpacing: TPalette['letterSpacing'];
|
|
@@ -1094,7 +1107,8 @@ export interface FontFamilyTokenSchema<BaseToken> {
|
|
|
1094
1107
|
* @deprecated
|
|
1095
1108
|
*/
|
|
1096
1109
|
monospace: DeprecatedTypographyToken<BaseToken>;
|
|
1097
|
-
|
|
1110
|
+
body: DeprecatedTypographyToken<BaseToken>;
|
|
1111
|
+
heading: DeprecatedTypographyToken<BaseToken>;
|
|
1098
1112
|
brand: DeprecatedTypographyToken<BaseToken>;
|
|
1099
1113
|
code: DeprecatedTypographyToken<BaseToken>;
|
|
1100
1114
|
};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "Typography adg3",
|
|
3
3
|
"tokens": {
|
|
4
|
-
"Typography adg3/font.family.
|
|
4
|
+
"Typography adg3/font.family.body": {
|
|
5
5
|
"attributes": {
|
|
6
6
|
"group": "fontFamily",
|
|
7
7
|
"state": "experimental",
|
|
8
8
|
"introduced": "1.14.0",
|
|
9
9
|
"description": "Helpful guidance goes here"
|
|
10
10
|
},
|
|
11
|
-
"value": "ui-
|
|
11
|
+
"value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
|
|
12
12
|
},
|
|
13
|
-
"Typography adg3/font.family.
|
|
13
|
+
"Typography adg3/font.family.code": {
|
|
14
14
|
"attributes": {
|
|
15
15
|
"group": "fontFamily",
|
|
16
|
-
"state": "
|
|
17
|
-
"introduced": "
|
|
16
|
+
"state": "experimental",
|
|
17
|
+
"introduced": "1.14.0",
|
|
18
18
|
"description": "Helpful guidance goes here"
|
|
19
19
|
},
|
|
20
20
|
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
|
|
21
21
|
},
|
|
22
|
-
"Typography adg3/font.family.
|
|
22
|
+
"Typography adg3/font.family.heading": {
|
|
23
23
|
"attributes": {
|
|
24
24
|
"group": "fontFamily",
|
|
25
25
|
"state": "experimental",
|
|
@@ -28,6 +28,15 @@
|
|
|
28
28
|
},
|
|
29
29
|
"value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
|
|
30
30
|
},
|
|
31
|
+
"Typography adg3/font.family.monospace": {
|
|
32
|
+
"attributes": {
|
|
33
|
+
"group": "fontFamily",
|
|
34
|
+
"state": "active",
|
|
35
|
+
"introduced": "0.10.33",
|
|
36
|
+
"description": "Helpful guidance goes here"
|
|
37
|
+
},
|
|
38
|
+
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
|
|
39
|
+
},
|
|
31
40
|
"Typography adg3/font.family.sans": {
|
|
32
41
|
"attributes": {
|
|
33
42
|
"group": "fontFamily",
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "Typography minor3",
|
|
3
3
|
"tokens": {
|
|
4
|
-
"Typography minor3/font.family.
|
|
4
|
+
"Typography minor3/font.family.body": {
|
|
5
5
|
"attributes": {
|
|
6
6
|
"group": "fontFamily",
|
|
7
7
|
"state": "experimental",
|
|
8
8
|
"introduced": "1.14.0",
|
|
9
9
|
"description": "Helpful guidance goes here"
|
|
10
10
|
},
|
|
11
|
-
"value": "ui-
|
|
11
|
+
"value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
|
|
12
12
|
},
|
|
13
|
-
"Typography minor3/font.family.
|
|
13
|
+
"Typography minor3/font.family.code": {
|
|
14
14
|
"attributes": {
|
|
15
15
|
"group": "fontFamily",
|
|
16
|
-
"state": "
|
|
17
|
-
"introduced": "
|
|
16
|
+
"state": "experimental",
|
|
17
|
+
"introduced": "1.14.0",
|
|
18
18
|
"description": "Helpful guidance goes here"
|
|
19
19
|
},
|
|
20
20
|
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
|
|
21
21
|
},
|
|
22
|
-
"Typography minor3/font.family.
|
|
22
|
+
"Typography minor3/font.family.heading": {
|
|
23
23
|
"attributes": {
|
|
24
24
|
"group": "fontFamily",
|
|
25
25
|
"state": "experimental",
|
|
@@ -28,6 +28,15 @@
|
|
|
28
28
|
},
|
|
29
29
|
"value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
|
|
30
30
|
},
|
|
31
|
+
"Typography minor3/font.family.monospace": {
|
|
32
|
+
"attributes": {
|
|
33
|
+
"group": "fontFamily",
|
|
34
|
+
"state": "active",
|
|
35
|
+
"introduced": "0.10.33",
|
|
36
|
+
"description": "Helpful guidance goes here"
|
|
37
|
+
},
|
|
38
|
+
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
|
|
39
|
+
},
|
|
31
40
|
"Typography minor3/font.family.sans": {
|
|
32
41
|
"attributes": {
|
|
33
42
|
"group": "fontFamily",
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "Typography",
|
|
3
3
|
"tokens": {
|
|
4
|
-
"Typography/font.family.
|
|
4
|
+
"Typography/font.family.body": {
|
|
5
5
|
"attributes": {
|
|
6
6
|
"group": "fontFamily",
|
|
7
7
|
"state": "experimental",
|
|
8
8
|
"introduced": "1.14.0",
|
|
9
9
|
"description": "Helpful guidance goes here"
|
|
10
10
|
},
|
|
11
|
-
"value": "ui-
|
|
11
|
+
"value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
|
|
12
12
|
},
|
|
13
|
-
"Typography/font.family.
|
|
13
|
+
"Typography/font.family.code": {
|
|
14
14
|
"attributes": {
|
|
15
15
|
"group": "fontFamily",
|
|
16
|
-
"state": "
|
|
17
|
-
"introduced": "
|
|
16
|
+
"state": "experimental",
|
|
17
|
+
"introduced": "1.14.0",
|
|
18
18
|
"description": "Helpful guidance goes here"
|
|
19
19
|
},
|
|
20
20
|
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
|
|
21
21
|
},
|
|
22
|
-
"Typography/font.family.
|
|
22
|
+
"Typography/font.family.heading": {
|
|
23
23
|
"attributes": {
|
|
24
24
|
"group": "fontFamily",
|
|
25
25
|
"state": "experimental",
|
|
@@ -28,6 +28,15 @@
|
|
|
28
28
|
},
|
|
29
29
|
"value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
|
|
30
30
|
},
|
|
31
|
+
"Typography/font.family.monospace": {
|
|
32
|
+
"attributes": {
|
|
33
|
+
"group": "fontFamily",
|
|
34
|
+
"state": "active",
|
|
35
|
+
"introduced": "0.10.33",
|
|
36
|
+
"description": "Helpful guidance goes here"
|
|
37
|
+
},
|
|
38
|
+
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
|
|
39
|
+
},
|
|
31
40
|
"Typography/font.family.sans": {
|
|
32
41
|
"attributes": {
|
|
33
42
|
"group": "fontFamily",
|
package/package.json
CHANGED