@atlaskit/tokens 1.14.1 → 1.15.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 (159) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  3. package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
  4. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +277 -37
  5. package/dist/cjs/artifacts/theme-import-map.js +10 -4
  6. package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +13 -0
  7. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  8. package/dist/cjs/artifacts/token-default-values.js +26 -2
  9. package/dist/cjs/artifacts/token-names.js +22 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +1084 -0
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +465 -253
  12. package/dist/cjs/babel-plugin/plugin.js +34 -3
  13. package/dist/cjs/constants.js +1 -3
  14. package/dist/cjs/entry-points/tokens-raw.js +2 -2
  15. package/dist/cjs/get-token-value.js +1 -1
  16. package/dist/cjs/get-token.js +1 -1
  17. package/dist/cjs/palettes/typography-palette.js +121 -16
  18. package/dist/cjs/theme-config.js +12 -4
  19. package/dist/cjs/tokens/atlassian-typography/font-family.js +11 -2
  20. package/dist/cjs/tokens/atlassian-typography/theme.js +140 -0
  21. package/dist/cjs/tokens/atlassian-typography/utils.js +29 -0
  22. package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +29 -0
  23. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.js +8 -8
  24. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.js +4 -4
  25. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  26. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +140 -0
  27. package/dist/cjs/tokens/atlassian-typography-adg3/utils.js +29 -0
  28. package/dist/cjs/tokens/default/typography/font-family.js +24 -0
  29. package/dist/cjs/tokens/default/typography/font.js +133 -0
  30. package/dist/cjs/tokens/default/typography/letter-spacing.js +54 -0
  31. package/dist/cjs/tokens/default/typography/line-height.js +8 -0
  32. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  33. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
  34. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +277 -37
  35. package/dist/es2019/artifacts/theme-import-map.js +6 -4
  36. package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +50 -0
  37. package/dist/es2019/artifacts/themes/atlassian-typography.js +23 -21
  38. package/dist/es2019/artifacts/token-default-values.js +26 -2
  39. package/dist/es2019/artifacts/token-names.js +22 -1
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +465 -253
  42. package/dist/es2019/babel-plugin/plugin.js +34 -4
  43. package/dist/es2019/constants.js +0 -1
  44. package/dist/es2019/entry-points/tokens-raw.js +1 -1
  45. package/dist/es2019/get-token-value.js +1 -1
  46. package/dist/es2019/get-token.js +1 -1
  47. package/dist/es2019/palettes/typography-palette.js +123 -17
  48. package/dist/es2019/theme-config.js +12 -4
  49. package/dist/es2019/tokens/atlassian-typography/font-family.js +11 -2
  50. package/dist/es2019/tokens/atlassian-typography/theme.js +133 -0
  51. package/dist/es2019/tokens/atlassian-typography/utils.js +22 -0
  52. package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +22 -0
  53. package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +31 -0
  54. package/dist/es2019/tokens/atlassian-typography-adg3/font-weight.js +19 -0
  55. package/dist/es2019/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  56. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +133 -0
  57. package/dist/es2019/tokens/atlassian-typography-adg3/utils.js +22 -0
  58. package/dist/es2019/tokens/default/typography/font-family.js +24 -0
  59. package/dist/es2019/tokens/default/typography/font.js +126 -0
  60. package/dist/es2019/tokens/default/typography/letter-spacing.js +47 -0
  61. package/dist/es2019/tokens/default/typography/line-height.js +8 -0
  62. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  63. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
  64. package/dist/esm/artifacts/palettes-raw/typography-palette.js +277 -37
  65. package/dist/esm/artifacts/theme-import-map.js +8 -4
  66. package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +6 -0
  67. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  68. package/dist/esm/artifacts/token-default-values.js +26 -2
  69. package/dist/esm/artifacts/token-names.js +22 -1
  70. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
  71. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +465 -253
  72. package/dist/esm/babel-plugin/plugin.js +34 -3
  73. package/dist/esm/constants.js +0 -1
  74. package/dist/esm/entry-points/tokens-raw.js +1 -1
  75. package/dist/esm/get-token-value.js +1 -1
  76. package/dist/esm/get-token.js +1 -1
  77. package/dist/esm/palettes/typography-palette.js +121 -16
  78. package/dist/esm/theme-config.js +12 -4
  79. package/dist/esm/tokens/atlassian-typography/font-family.js +11 -2
  80. package/dist/esm/tokens/atlassian-typography/theme.js +133 -0
  81. package/dist/esm/tokens/atlassian-typography/utils.js +22 -0
  82. package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +22 -0
  83. package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +31 -0
  84. package/dist/esm/tokens/atlassian-typography-adg3/font-weight.js +19 -0
  85. package/dist/esm/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  86. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +133 -0
  87. package/dist/esm/tokens/atlassian-typography-adg3/utils.js +22 -0
  88. package/dist/esm/tokens/default/typography/font-family.js +24 -0
  89. package/dist/esm/tokens/default/typography/font.js +126 -0
  90. package/dist/esm/tokens/default/typography/letter-spacing.js +47 -0
  91. package/dist/esm/tokens/default/typography/line-height.js +8 -0
  92. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
  93. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
  94. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  95. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  96. package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
  97. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  98. package/dist/types/artifacts/token-default-values.d.ts +26 -2
  99. package/dist/types/artifacts/token-names.d.ts +43 -1
  100. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
  101. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
  102. package/dist/types/artifacts/types-internal.d.ts +2 -2
  103. package/dist/types/artifacts/types.d.ts +2 -2
  104. package/dist/types/babel-plugin/plugin.d.ts +3 -0
  105. package/dist/types/constants.d.ts +0 -1
  106. package/dist/types/entry-points/tokens-raw.d.ts +1 -1
  107. package/dist/types/palettes/typography-palette.d.ts +8 -6
  108. package/dist/types/theme-config.d.ts +4 -4
  109. package/dist/types/tokens/atlassian-typography/theme.d.ts +10 -0
  110. package/dist/types/tokens/atlassian-typography/utils.d.ts +4 -0
  111. package/dist/types/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
  112. package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
  113. package/dist/types/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
  114. package/dist/types/tokens/default/typography/font.d.ts +20 -0
  115. package/dist/types/tokens/default/typography/letter-spacing.d.ts +4 -0
  116. package/dist/types/types.d.ts +111 -22
  117. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
  118. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
  119. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  120. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  121. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
  122. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  123. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +26 -2
  124. package/dist/types-ts4.5/artifacts/token-names.d.ts +43 -1
  125. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
  126. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
  127. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  128. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  129. package/dist/types-ts4.5/babel-plugin/plugin.d.ts +3 -0
  130. package/dist/types-ts4.5/constants.d.ts +0 -1
  131. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +1 -1
  132. package/dist/types-ts4.5/palettes/typography-palette.d.ts +8 -6
  133. package/dist/types-ts4.5/theme-config.d.ts +5 -3
  134. package/dist/types-ts4.5/tokens/atlassian-typography/theme.d.ts +10 -0
  135. package/dist/types-ts4.5/tokens/atlassian-typography/utils.d.ts +4 -0
  136. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
  137. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
  138. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
  139. package/dist/types-ts4.5/tokens/default/typography/font.d.ts +20 -0
  140. package/dist/types-ts4.5/tokens/default/typography/letter-spacing.d.ts +4 -0
  141. package/dist/types-ts4.5/types.d.ts +111 -22
  142. package/figma/atlassian-typography-adg3.json +150 -0
  143. package/figma/atlassian-typography.json +19 -82
  144. package/package.json +1 -1
  145. package/report.api.md +60 -2
  146. package/tmp/api-report-tmp.d.ts +49 -7
  147. package/dist/cjs/version.json +0 -7
  148. package/dist/es2019/tokens/atlassian-typography/font-size.js +0 -31
  149. package/dist/es2019/tokens/atlassian-typography/font-weight.js +0 -19
  150. package/dist/es2019/version.json +0 -7
  151. package/dist/esm/tokens/atlassian-typography/font-size.js +0 -31
  152. package/dist/esm/tokens/atlassian-typography/font-weight.js +0 -19
  153. package/dist/esm/version.json +0 -7
  154. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
  155. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
  156. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
  157. /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
  158. /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
  159. /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
@@ -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::d3c62439b01fe176b56a1bf1807fc068>>
3
+ * @codegen <<SignedSource::c44908da2965d4610f1091a43ce61609>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | '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.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | '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.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | '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' | '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.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
6
+ export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | '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.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | '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.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | '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' | '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,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::428d20219eed5e70775656c5e02efe21>>
3
+ * @codegen <<SignedSource::7304cb17df53faa9d0d3ebb09b4ac95c>>
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.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.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' | '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' | '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.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.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.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' | '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' | '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,14 +1,17 @@
1
1
  import { NodePath } from '@babel/traverse';
2
2
  import * as t from '@babel/types';
3
+ type DefaultTheme = 'light' | 'legacy-light';
3
4
  export default function plugin(): {
4
5
  visitor: {
5
6
  Program: {
6
7
  enter(path: NodePath<t.Program>, state: {
7
8
  opts: {
8
9
  shouldUseAutoFallback?: boolean;
10
+ defaultTheme?: DefaultTheme;
9
11
  };
10
12
  }): void;
11
13
  exit(path: NodePath<t.Program>): void;
12
14
  };
13
15
  };
14
16
  };
17
+ export {};
@@ -1,7 +1,6 @@
1
1
  export declare const THEME_DATA_ATTRIBUTE = "data-theme";
2
2
  export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
3
3
  export declare const CUSTOM_THEME_ATTRIBUTE = "data-custom-theme";
4
- export declare const DEFAULT_THEME = "light";
5
4
  export declare const CSS_PREFIX = "ds";
6
5
  export declare const CSS_VAR_FULL: string[];
7
6
  export declare const TOKEN_NOT_FOUND_CSS_VAR: string;
@@ -1,5 +1,5 @@
1
1
  export { default as light } from '../artifacts/tokens-raw/atlassian-light';
2
2
  export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
3
3
  export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
4
- export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
4
+ export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-adg3';
5
5
  export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';
@@ -1,11 +1,13 @@
1
- import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LineHeightScaleTokenSchema } from '../types';
2
- export type FontSizeScaleValues = 'FontSize050' | 'FontSize075' | 'FontSize100' | 'FontSize200' | 'FontSize300' | 'FontSize400' | 'FontSize500' | 'FontSize600';
3
- export type LineHeightScaleValues = 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600';
4
- export type FontWeightScaleValues = 'FontWeightRegular' | 'FontWeightMedium' | 'FontWeightSemiBold' | 'FontWeightBold';
5
- export type FontFamilyPaletteValues = 'FontFamilySans' | 'FontFamilyMonospace';
1
+ import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LetterSpacingScaleTokenSchema, LineHeightScaleTokenSchema } from '../types';
2
+ export type FontSizeScaleValues = 'FontSizeCode' | 'FontSize11' | 'FontSize12' | 'FontSize14' | 'FontSize16' | 'FontSize20' | 'FontSize24' | 'FontSize28' | 'LegacyFontSize29' | 'LegacyFontSize35' | 'FontSize36' | 'FontSize48';
3
+ export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600';
4
+ export type FontWeightScaleValues = 'FontWeight400' | 'FontWeight500' | 'FontWeight600' | 'FontWeight700';
5
+ export type FontFamilyPaletteValues = 'FontFamilyCharlie' | 'FontFamilyWebSans' | 'LegacyFontFamilyWebSans' | 'FontFamilyiOSSans' | 'FontFamilyAndroidSans' | 'FontFamilyWebMono' | 'FontFamilyiOSMono' | 'FontFamilyAndroidMono';
6
+ export type LetterSpacingScaleValues = 'LetterSpacing0' | 'LetterSpacing100' | 'LetterSpacing200' | 'LetterSpacing300' | 'LetterSpacing400';
6
7
  export type AtlassianTokenSchema = {
7
- typography: FontSizeScaleTokenSchema<FontSizeScaleValues> | FontWeightScaleTokenSchema<FontWeightScaleValues> | FontFamilyPaletteTokenSchema<FontFamilyPaletteValues> | LineHeightScaleTokenSchema<LineHeightScaleValues>;
8
+ typography: FontSizeScaleTokenSchema<FontSizeScaleValues> | FontWeightScaleTokenSchema<FontWeightScaleValues> | FontFamilyPaletteTokenSchema<FontFamilyPaletteValues> | LineHeightScaleTokenSchema<LineHeightScaleValues> | LetterSpacingScaleTokenSchema<LetterSpacingScaleValues>;
8
9
  };
10
+ export type LetterSpacingBaseToken = keyof LetterSpacingScaleTokenSchema<LetterSpacingScaleValues>['letterSpacing'];
9
11
  export type LineHeightBaseToken = keyof LineHeightScaleTokenSchema<LineHeightScaleValues>['lineHeight'];
10
12
  export type FontWeightBaseToken = keyof FontWeightScaleTokenSchema<FontWeightScaleValues>['fontWeight'];
11
13
  export type FontFamilyBaseToken = keyof FontFamilyPaletteTokenSchema<FontFamilyPaletteValues>['fontFamily'];
@@ -6,7 +6,7 @@
6
6
  * These ids are what the actual theme files/folders are called.
7
7
  * style-dictionary will attempt to locate these in the file-system.
8
8
  */
9
- export type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
9
+ export type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3';
10
10
  export type ThemeFileNames = Themes;
11
11
  /**
12
12
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -47,7 +47,8 @@ export declare const themeIds: readonly [
47
47
  "legacy-dark",
48
48
  "spacing",
49
49
  "typography",
50
- "shape"
50
+ "shape",
51
+ "typography-adg3"
51
52
  ];
52
53
  export type ThemeIds = (typeof themeIds)[number];
53
54
  /**
@@ -67,6 +68,7 @@ export declare const themeIdsWithOverrides: readonly [
67
68
  "spacing",
68
69
  "typography",
69
70
  "shape",
71
+ "typography-adg3",
70
72
  "light-new-input-border",
71
73
  "dark-new-input-border"
72
74
  ];
@@ -119,7 +121,7 @@ export interface ThemeState {
119
121
  colorMode: ThemeColorModes;
120
122
  shape?: Extract<ThemeIds, 'shape'>;
121
123
  spacing?: Extract<ThemeIds, 'spacing'>;
122
- typography?: Extract<ThemeIds, 'typography'>;
124
+ typography?: Extract<ThemeIds, 'typography' | 'typography-adg3'>;
123
125
  UNSAFE_themeOptions?: ThemeOptionsSchema;
124
126
  }
125
127
  /**
@@ -0,0 +1,10 @@
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;
@@ -0,0 +1,4 @@
1
+ import { LetterSpacingBaseToken as BaseToken } from '../../palettes/typography-palette';
2
+ import { LetterSpacingTokenSchema, ValueSchema } from '../../types';
3
+ declare const font: ValueSchema<LetterSpacingTokenSchema<BaseToken>>;
4
+ export default font;
@@ -0,0 +1,4 @@
1
+ import { FontFamilyBaseToken as BaseToken } from '../../palettes/typography-palette';
2
+ import { FontFamilyTokenSchema, ValueSchema } from '../../types';
3
+ declare const font: ValueSchema<FontFamilyTokenSchema<BaseToken>>;
4
+ export default font;
@@ -0,0 +1,10 @@
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;
@@ -0,0 +1,4 @@
1
+ import { LetterSpacingBaseToken as BaseToken } from '../../palettes/typography-palette';
2
+ import { LetterSpacingTokenSchema, ValueSchema } from '../../types';
3
+ declare const font: ValueSchema<LetterSpacingTokenSchema<BaseToken>>;
4
+ export default font;
@@ -0,0 +1,20 @@
1
+ import type { AttributeSchema, TypographyTokenSchema } from '../../../types';
2
+ /**
3
+ *
4
+ * @example
5
+ * ```js
6
+ * {
7
+ * body: {
8
+ * value: {
9
+ * fontWeight: 500,
10
+ * fontSize: "16px",
11
+ * lineHeight: "22px",
12
+ * fontFamily: "Helvetica",
13
+ * fontStyle: "italic"
14
+ * },
15
+ * type: "typography"
16
+ *}
17
+ * ```
18
+ */
19
+ declare const font: AttributeSchema<TypographyTokenSchema<any>>;
20
+ export default font;
@@ -0,0 +1,4 @@
1
+ import { LetterSpacingBaseToken as BaseToken } from '../../../palettes/typography-palette';
2
+ import type { AttributeSchema, LetterSpacingTokenSchema } from '../../../types';
3
+ declare const font: AttributeSchema<LetterSpacingTokenSchema<BaseToken>>;
4
+ export default font;
@@ -1,7 +1,7 @@
1
1
  import type { InternalTokenIds } from './artifacts/types-internal';
2
2
  import type { ShapePaletteToken } from './palettes/shape-palette';
3
3
  import type { SpacingPaletteToken } from './palettes/spacing-scale';
4
- export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight';
4
+ export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing';
5
5
  export type ActiveTokenState = 'active';
6
6
  export type DeprecatedTokenState = 'deprecated';
7
7
  export type DeletedTokenState = 'deleted';
@@ -108,7 +108,8 @@ export type FontSizeToken<BaseToken> = DesignToken<BaseToken, 'fontSize'>;
108
108
  export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
109
109
  export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
110
110
  export type LineHeightToken<BaseToken> = DesignToken<BaseToken, 'lineHeight'>;
111
- export type TypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight'>;
111
+ export type LetterSpacingToken<BaseToken> = DesignToken<BaseToken, 'letterSpacing'>;
112
+ export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
112
113
  export type RawToken = DesignToken<string, 'raw'>;
113
114
  export interface PaletteColorTokenSchema<PaletteValues extends string> {
114
115
  value: {
@@ -145,6 +146,9 @@ export interface FontFamilyPaletteTokenSchema<ScaleValues extends string> {
145
146
  export interface LineHeightScaleTokenSchema<ScaleValues extends string> {
146
147
  lineHeight: Record<ScaleValues, TypographySchemaValue>;
147
148
  }
149
+ export interface LetterSpacingScaleTokenSchema<ScaleValues extends string> {
150
+ letterSpacing: Record<ScaleValues, TypographySchemaValue>;
151
+ }
148
152
  export interface BackgroundColorTokenSchema<BaseToken> {
149
153
  color: {
150
154
  blanket: {
@@ -800,6 +804,56 @@ export interface SpacingTokenSchema {
800
804
  '1000': SpacingToken;
801
805
  };
802
806
  }
807
+ /**
808
+ * Typography tokens are complex multi-palette ouputs
809
+ */
810
+ export type TypographyToken<TPalette extends {
811
+ fontWeight: string;
812
+ fontSize: string;
813
+ lineHeight: string;
814
+ fontFamily: string;
815
+ letterSpacing: string;
816
+ }> = DesignToken<{
817
+ fontStyle: 'normal';
818
+ fontWeight: TPalette['fontWeight'];
819
+ fontFamily: TPalette['fontFamily'];
820
+ fontSize: TPalette['fontSize'];
821
+ lineHeight: TPalette['lineHeight'];
822
+ letterSpacing: TPalette['letterSpacing'];
823
+ }, 'typography'>;
824
+ /**
825
+ * The semantic interface for typography tokens
826
+ */
827
+ export interface TypographyTokenSchema<TPalette extends {
828
+ fontWeight: string;
829
+ fontSize: string;
830
+ lineHeight: string;
831
+ fontFamily: string;
832
+ letterSpacing: string;
833
+ }> {
834
+ font: {
835
+ heading: {
836
+ xxl: TypographyToken<TPalette>;
837
+ xl: TypographyToken<TPalette>;
838
+ lg: TypographyToken<TPalette>;
839
+ md: TypographyToken<TPalette>;
840
+ sm: TypographyToken<TPalette>;
841
+ xs: TypographyToken<TPalette>;
842
+ xxs: TypographyToken<TPalette>;
843
+ };
844
+ ui: {
845
+ '[default]': TypographyToken<TPalette>;
846
+ sm: TypographyToken<TPalette>;
847
+ };
848
+ body: {
849
+ '[default]': TypographyToken<TPalette>;
850
+ sm: TypographyToken<TPalette>;
851
+ };
852
+ code: {
853
+ '[default]': TypographyToken<TPalette>;
854
+ };
855
+ };
856
+ }
803
857
  export interface ShapeTokenSchema {
804
858
  border: {
805
859
  width: {
@@ -819,47 +873,82 @@ export interface ShapeTokenSchema {
819
873
  };
820
874
  };
821
875
  }
876
+ /**
877
+ * @private
878
+ * @deprecated probably
879
+ */
822
880
  export interface FontSizeTokenSchema<BaseToken> {
823
881
  font: {
824
882
  size: {
825
- '050': TypographyToken<BaseToken>;
826
- '075': TypographyToken<BaseToken>;
827
- '100': TypographyToken<BaseToken>;
828
- '200': TypographyToken<BaseToken>;
829
- '300': TypographyToken<BaseToken>;
830
- '400': TypographyToken<BaseToken>;
831
- '500': TypographyToken<BaseToken>;
832
- '600': TypographyToken<BaseToken>;
883
+ '050': DeprecatedTypographyToken<BaseToken>;
884
+ '075': DeprecatedTypographyToken<BaseToken>;
885
+ '100': DeprecatedTypographyToken<BaseToken>;
886
+ '200': DeprecatedTypographyToken<BaseToken>;
887
+ '300': DeprecatedTypographyToken<BaseToken>;
888
+ '400': DeprecatedTypographyToken<BaseToken>;
889
+ '500': DeprecatedTypographyToken<BaseToken>;
890
+ '600': DeprecatedTypographyToken<BaseToken>;
833
891
  };
834
892
  };
835
893
  }
894
+ /**
895
+ * @private
896
+ * @deprecated probably
897
+ */
836
898
  export interface FontWeightTokenSchema<BaseToken> {
837
899
  font: {
838
900
  weight: {
839
- regular: TypographyToken<BaseToken>;
840
- medium: TypographyToken<BaseToken>;
841
- semibold: TypographyToken<BaseToken>;
842
- bold: TypographyToken<BaseToken>;
901
+ regular: DeprecatedTypographyToken<BaseToken>;
902
+ medium: DeprecatedTypographyToken<BaseToken>;
903
+ semibold: DeprecatedTypographyToken<BaseToken>;
904
+ bold: DeprecatedTypographyToken<BaseToken>;
843
905
  };
844
906
  };
845
907
  }
846
908
  export interface FontFamilyTokenSchema<BaseToken> {
847
909
  font: {
848
910
  family: {
849
- sans: TypographyToken<BaseToken>;
850
- monospace: TypographyToken<BaseToken>;
911
+ /**
912
+ * @private
913
+ * @deprecated
914
+ */
915
+ sans: DeprecatedTypographyToken<BaseToken>;
916
+ /**
917
+ * @private
918
+ * @deprecated
919
+ */
920
+ monospace: DeprecatedTypographyToken<BaseToken>;
921
+ product: DeprecatedTypographyToken<BaseToken>;
922
+ brand: DeprecatedTypographyToken<BaseToken>;
923
+ code: DeprecatedTypographyToken<BaseToken>;
851
924
  };
852
925
  };
853
926
  }
927
+ /**
928
+ * @private
929
+ * @deprecated probably
930
+ */
854
931
  export interface LineHeightTokenSchema<BaseToken> {
855
932
  font: {
856
933
  lineHeight: {
857
- '100': TypographyToken<BaseToken>;
858
- '200': TypographyToken<BaseToken>;
859
- '300': TypographyToken<BaseToken>;
860
- '400': TypographyToken<BaseToken>;
861
- '500': TypographyToken<BaseToken>;
862
- '600': TypographyToken<BaseToken>;
934
+ '1': DeprecatedTypographyToken<BaseToken>;
935
+ '100': DeprecatedTypographyToken<BaseToken>;
936
+ '200': DeprecatedTypographyToken<BaseToken>;
937
+ '300': DeprecatedTypographyToken<BaseToken>;
938
+ '400': DeprecatedTypographyToken<BaseToken>;
939
+ '500': DeprecatedTypographyToken<BaseToken>;
940
+ '600': DeprecatedTypographyToken<BaseToken>;
941
+ };
942
+ };
943
+ }
944
+ export interface LetterSpacingTokenSchema<BaseToken> {
945
+ font: {
946
+ letterSpacing: {
947
+ '0': DeprecatedTypographyToken<BaseToken>;
948
+ '100': DeprecatedTypographyToken<BaseToken>;
949
+ '200': DeprecatedTypographyToken<BaseToken>;
950
+ '300': DeprecatedTypographyToken<BaseToken>;
951
+ '400': DeprecatedTypographyToken<BaseToken>;
863
952
  };
864
953
  };
865
954
  }