@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.
Files changed (90) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  5. package/dist/cjs/artifacts/token-default-values.js +17 -15
  6. package/dist/cjs/artifacts/token-names.js +4 -2
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +64 -42
  10. package/dist/cjs/babel-plugin/plugin.js +15 -1
  11. package/dist/cjs/get-token-value.js +1 -1
  12. package/dist/cjs/get-token.js +1 -1
  13. package/dist/cjs/tokens/atlassian-typography/font-family.js +4 -1
  14. package/dist/cjs/tokens/atlassian-typography/theme.js +13 -13
  15. package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +4 -1
  16. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +25 -14
  17. package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +4 -1
  18. package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +25 -14
  19. package/dist/cjs/tokens/default/typography/font-family.js +9 -1
  20. package/dist/cjs/tokens/default/utility/utility.js +8 -0
  21. package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +17 -15
  22. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +17 -15
  23. package/dist/es2019/artifacts/themes/atlassian-typography.js +16 -15
  24. package/dist/es2019/artifacts/token-default-values.js +17 -15
  25. package/dist/es2019/artifacts/token-names.js +4 -2
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +64 -42
  29. package/dist/es2019/babel-plugin/plugin.js +15 -1
  30. package/dist/es2019/get-token-value.js +1 -1
  31. package/dist/es2019/get-token.js +1 -1
  32. package/dist/es2019/tokens/atlassian-typography/font-family.js +4 -1
  33. package/dist/es2019/tokens/atlassian-typography/theme.js +13 -13
  34. package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +4 -1
  35. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +25 -14
  36. package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +4 -1
  37. package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +25 -14
  38. package/dist/es2019/tokens/default/typography/font-family.js +9 -1
  39. package/dist/es2019/tokens/default/utility/utility.js +8 -0
  40. package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
  41. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  42. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  43. package/dist/esm/artifacts/token-default-values.js +17 -15
  44. package/dist/esm/artifacts/token-names.js +4 -2
  45. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +86 -42
  46. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +86 -42
  47. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +64 -42
  48. package/dist/esm/babel-plugin/plugin.js +15 -1
  49. package/dist/esm/get-token-value.js +1 -1
  50. package/dist/esm/get-token.js +1 -1
  51. package/dist/esm/tokens/atlassian-typography/font-family.js +4 -1
  52. package/dist/esm/tokens/atlassian-typography/theme.js +13 -13
  53. package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +4 -1
  54. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +25 -14
  55. package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +4 -1
  56. package/dist/esm/tokens/atlassian-typography-minor3/theme.js +25 -14
  57. package/dist/esm/tokens/default/typography/font-family.js +9 -1
  58. package/dist/esm/tokens/default/utility/utility.js +8 -0
  59. package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  60. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  61. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  62. package/dist/types/artifacts/token-default-values.d.ts +17 -15
  63. package/dist/types/artifacts/token-names.d.ts +7 -3
  64. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +10 -10
  65. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +10 -10
  66. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  67. package/dist/types/artifacts/types-internal.d.ts +2 -2
  68. package/dist/types/artifacts/types.d.ts +2 -2
  69. package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +145 -10
  70. package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +145 -10
  71. package/dist/types/types.d.ts +16 -2
  72. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  73. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  74. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  75. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +17 -15
  76. package/dist/types-ts4.5/artifacts/token-names.d.ts +7 -3
  77. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +10 -10
  78. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +10 -10
  79. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  81. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  82. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +145 -10
  83. package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +145 -10
  84. package/dist/types-ts4.5/types.d.ts +16 -2
  85. package/figma/atlassian-typography-adg3.json +15 -6
  86. package/figma/atlassian-typography-minor3.json +15 -6
  87. package/figma/atlassian-typography.json +15 -6
  88. package/package.json +1 -1
  89. package/report.api.md +41 -3
  90. 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::b27c4b39f0265aa4454d1e23142a7d9e>>
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 { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
2
- import type { TypographyTokenSchema, ValueSchema } from '../../types';
3
- declare const typography: ValueSchema<TypographyTokenSchema<{
4
- fontWeight: FontWeightBaseToken;
5
- fontFamily: FontFamilyBaseToken;
6
- fontSize: FontSizeBaseToken;
7
- lineHeight: LineHeightBaseToken;
8
- letterSpacing: LetterSpacingBaseToken;
9
- }>>;
10
- export default typography;
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 { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
2
- import type { TypographyTokenSchema, ValueSchema } from '../../types';
3
- declare const typography: ValueSchema<TypographyTokenSchema<{
4
- fontWeight: FontWeightBaseToken;
5
- fontFamily: FontFamilyBaseToken;
6
- fontSize: FontSizeBaseToken;
7
- lineHeight: LineHeightBaseToken;
8
- letterSpacing: LetterSpacingBaseToken;
9
- }>>;
10
- export default typography;
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: TPalette['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
- product: DeprecatedTypographyToken<BaseToken>;
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.code": {
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-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
11
+ "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
12
12
  },
13
- "Typography adg3/font.family.monospace": {
13
+ "Typography adg3/font.family.code": {
14
14
  "attributes": {
15
15
  "group": "fontFamily",
16
- "state": "active",
17
- "introduced": "0.10.33",
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.product": {
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.code": {
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-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
11
+ "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
12
12
  },
13
- "Typography minor3/font.family.monospace": {
13
+ "Typography minor3/font.family.code": {
14
14
  "attributes": {
15
15
  "group": "fontFamily",
16
- "state": "active",
17
- "introduced": "0.10.33",
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.product": {
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.code": {
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-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
11
+ "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
12
12
  },
13
- "Typography/font.family.monospace": {
13
+ "Typography/font.family.code": {
14
14
  "attributes": {
15
15
  "group": "fontFamily",
16
- "state": "active",
17
- "introduced": "0.10.33",
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.product": {
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.21.0",
3
+ "version": "1.22.0",
4
4
  "description": "Design tokens are the single source of truth to name and store design decisions.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"