@atlaskit/tokens 1.14.2 → 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 (146) hide show
  1. package/CHANGELOG.md +6 -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 +23 -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/entry-points/tokens-raw.js +2 -2
  13. package/dist/cjs/get-token-value.js +1 -1
  14. package/dist/cjs/get-token.js +1 -1
  15. package/dist/cjs/palettes/typography-palette.js +121 -16
  16. package/dist/cjs/theme-config.js +12 -4
  17. package/dist/cjs/tokens/atlassian-typography/font-family.js +11 -2
  18. package/dist/cjs/tokens/atlassian-typography/theme.js +140 -0
  19. package/dist/cjs/tokens/atlassian-typography/utils.js +29 -0
  20. package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +29 -0
  21. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.js +8 -8
  22. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.js +4 -4
  23. package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  24. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +140 -0
  25. package/dist/cjs/tokens/atlassian-typography-adg3/utils.js +29 -0
  26. package/dist/cjs/tokens/default/typography/font-family.js +24 -0
  27. package/dist/cjs/tokens/default/typography/font.js +133 -0
  28. package/dist/cjs/tokens/default/typography/letter-spacing.js +54 -0
  29. package/dist/cjs/tokens/default/typography/line-height.js +8 -0
  30. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  31. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
  32. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +277 -37
  33. package/dist/es2019/artifacts/theme-import-map.js +6 -4
  34. package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +50 -0
  35. package/dist/es2019/artifacts/themes/atlassian-typography.js +23 -21
  36. package/dist/es2019/artifacts/token-default-values.js +23 -2
  37. package/dist/es2019/artifacts/token-names.js +22 -1
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +465 -253
  40. package/dist/es2019/entry-points/tokens-raw.js +1 -1
  41. package/dist/es2019/get-token-value.js +1 -1
  42. package/dist/es2019/get-token.js +1 -1
  43. package/dist/es2019/palettes/typography-palette.js +123 -17
  44. package/dist/es2019/theme-config.js +12 -4
  45. package/dist/es2019/tokens/atlassian-typography/font-family.js +11 -2
  46. package/dist/es2019/tokens/atlassian-typography/theme.js +133 -0
  47. package/dist/es2019/tokens/atlassian-typography/utils.js +22 -0
  48. package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +22 -0
  49. package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +31 -0
  50. package/dist/es2019/tokens/atlassian-typography-adg3/font-weight.js +19 -0
  51. package/dist/es2019/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  52. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +133 -0
  53. package/dist/es2019/tokens/atlassian-typography-adg3/utils.js +22 -0
  54. package/dist/es2019/tokens/default/typography/font-family.js +24 -0
  55. package/dist/es2019/tokens/default/typography/font.js +126 -0
  56. package/dist/es2019/tokens/default/typography/letter-spacing.js +47 -0
  57. package/dist/es2019/tokens/default/typography/line-height.js +8 -0
  58. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  59. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
  60. package/dist/esm/artifacts/palettes-raw/typography-palette.js +277 -37
  61. package/dist/esm/artifacts/theme-import-map.js +8 -4
  62. package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +6 -0
  63. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  64. package/dist/esm/artifacts/token-default-values.js +23 -2
  65. package/dist/esm/artifacts/token-names.js +22 -1
  66. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
  67. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +465 -253
  68. package/dist/esm/entry-points/tokens-raw.js +1 -1
  69. package/dist/esm/get-token-value.js +1 -1
  70. package/dist/esm/get-token.js +1 -1
  71. package/dist/esm/palettes/typography-palette.js +121 -16
  72. package/dist/esm/theme-config.js +12 -4
  73. package/dist/esm/tokens/atlassian-typography/font-family.js +11 -2
  74. package/dist/esm/tokens/atlassian-typography/theme.js +133 -0
  75. package/dist/esm/tokens/atlassian-typography/utils.js +22 -0
  76. package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +22 -0
  77. package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +31 -0
  78. package/dist/esm/tokens/atlassian-typography-adg3/font-weight.js +19 -0
  79. package/dist/esm/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
  80. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +133 -0
  81. package/dist/esm/tokens/atlassian-typography-adg3/utils.js +22 -0
  82. package/dist/esm/tokens/default/typography/font-family.js +24 -0
  83. package/dist/esm/tokens/default/typography/font.js +126 -0
  84. package/dist/esm/tokens/default/typography/letter-spacing.js +47 -0
  85. package/dist/esm/tokens/default/typography/line-height.js +8 -0
  86. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
  87. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
  88. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  89. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  90. package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
  91. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  92. package/dist/types/artifacts/token-default-values.d.ts +23 -2
  93. package/dist/types/artifacts/token-names.d.ts +43 -1
  94. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
  95. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
  96. package/dist/types/artifacts/types-internal.d.ts +2 -2
  97. package/dist/types/artifacts/types.d.ts +2 -2
  98. package/dist/types/entry-points/tokens-raw.d.ts +1 -1
  99. package/dist/types/palettes/typography-palette.d.ts +8 -6
  100. package/dist/types/theme-config.d.ts +4 -4
  101. package/dist/types/tokens/atlassian-typography/theme.d.ts +10 -0
  102. package/dist/types/tokens/atlassian-typography/utils.d.ts +4 -0
  103. package/dist/types/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
  104. package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
  105. package/dist/types/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
  106. package/dist/types/tokens/default/typography/font.d.ts +20 -0
  107. package/dist/types/tokens/default/typography/letter-spacing.d.ts +4 -0
  108. package/dist/types/types.d.ts +111 -22
  109. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
  110. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
  111. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  112. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  113. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
  114. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  115. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +23 -2
  116. package/dist/types-ts4.5/artifacts/token-names.d.ts +43 -1
  117. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
  118. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
  119. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  120. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  121. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +1 -1
  122. package/dist/types-ts4.5/palettes/typography-palette.d.ts +8 -6
  123. package/dist/types-ts4.5/theme-config.d.ts +5 -3
  124. package/dist/types-ts4.5/tokens/atlassian-typography/theme.d.ts +10 -0
  125. package/dist/types-ts4.5/tokens/atlassian-typography/utils.d.ts +4 -0
  126. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
  127. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
  128. package/dist/types-ts4.5/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
  129. package/dist/types-ts4.5/tokens/default/typography/font.d.ts +20 -0
  130. package/dist/types-ts4.5/tokens/default/typography/letter-spacing.d.ts +4 -0
  131. package/dist/types-ts4.5/types.d.ts +111 -22
  132. package/figma/atlassian-typography-adg3.json +150 -0
  133. package/figma/atlassian-typography.json +19 -82
  134. package/package.json +1 -1
  135. package/report.api.md +60 -2
  136. package/tmp/api-report-tmp.d.ts +49 -7
  137. package/dist/es2019/tokens/atlassian-typography/font-size.js +0 -31
  138. package/dist/es2019/tokens/atlassian-typography/font-weight.js +0 -19
  139. package/dist/esm/tokens/atlassian-typography/font-size.js +0 -31
  140. package/dist/esm/tokens/atlassian-typography/font-weight.js +0 -19
  141. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
  142. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
  143. /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
  144. /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
  145. /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
  146. /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::62a42989e49ca7f7856827fb9ea059d6>>
3
+ * @codegen <<SignedSource::89e4530c84e484a163c9df048290ecf5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -6,7 +6,7 @@
6
6
  * This allows users to compose their themes and only use the tokens that are requested.
7
7
  * When a new theme is created, the import should automatically be added to the map
8
8
  *
9
- * @codegen <<SignedSource::de402397f676704af035feafc2b4f3c3>>
9
+ * @codegen <<SignedSource::82c355c08254a28b0727a63e17ee7698>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  import { ThemeIds, ThemeOverrideIds } from '../theme-config';
@@ -0,0 +1,7 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::5a962c81429544e05af6d55cf34c46a0>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);\n --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);\n --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);\n --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);\n --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);\n --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);\n --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);\n --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: -0.003em;\n --ds-font-letterSpacing-200: -0.006em;\n --ds-font-letterSpacing-300: -0.008em;\n --ds-font-letterSpacing-400: -0.01em;\n --ds-font-ui: normal 400 0.875rem/1rem var(--ds-font-family-product);\n --ds-font-ui-sm: normal 400 0.6875rem/1rem var(--ds-font-family-product);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n --ds-font-size-050: 0.6875rem;\n --ds-font-size-075: 0.75rem;\n --ds-font-size-100: 0.875rem;\n --ds-font-size-200: 1rem;\n --ds-font-size-300: 1.25rem;\n --ds-font-size-400: 1.5rem;\n --ds-font-size-500: 1.8125rem;\n --ds-font-size-600: 2.1875rem;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-1: 1;\n --ds-font-lineHeight-100: 1rem;\n --ds-font-lineHeight-200: 1.25rem;\n --ds-font-lineHeight-300: 1.5rem;\n --ds-font-lineHeight-400: 1.75rem;\n --ds-font-lineHeight-500: 2rem;\n --ds-font-lineHeight-600: 2.5rem;\n}\n";
7
+ export default _default;
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::3e4dc097014124b77e69b832281f37ed>>
3
+ * @codegen <<SignedSource::8a2c4f8f66783e1940d1aab250cf35a9>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-family-monospace: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace;\n --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-size-050: 0.6875rem;\n --ds-font-size-075: 0.75rem;\n --ds-font-size-100: 0.875rem;\n --ds-font-size-200: 1rem;\n --ds-font-size-300: 1.25rem;\n --ds-font-size-400: 1.5rem;\n --ds-font-size-500: 1.8125rem;\n --ds-font-size-600: 2.1875rem;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-100: 1rem;\n --ds-font-lineHeight-200: 1.25rem;\n --ds-font-lineHeight-300: 1.5rem;\n --ds-font-lineHeight-400: 1.75rem;\n --ds-font-lineHeight-500: 2rem;\n --ds-font-lineHeight-600: 2.5rem;\n}\n";
6
+ declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
7
7
  export default _default;
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::b5a6322ad7a59d086ea12e85ec78c8f0>>
10
+ * @codegen <<SignedSource::7b0a463a4cd5463b13d98c47582631db>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  declare const defaultTokenValues: {
@@ -342,8 +342,28 @@ declare const defaultTokenValues: {
342
342
  readonly 'space.600': "3rem";
343
343
  readonly 'space.800': "4rem";
344
344
  readonly 'space.1000': "5rem";
345
- readonly 'font.family.monospace': "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace";
345
+ readonly 'font.body': "normal 400 0.875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
346
+ readonly 'font.body.sm': "normal 400 0.6875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
347
+ readonly 'font.code': "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
348
+ readonly 'font.heading.lg': "normal 500 1.5rem/1.75rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
349
+ readonly 'font.heading.md': "normal 500 1.25rem/1.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
350
+ readonly 'font.heading.sm': "normal 600 1rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
351
+ readonly 'font.heading.xl': "normal 600 1.8125rem/2rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
352
+ readonly 'font.heading.xs': "normal 600 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
353
+ readonly 'font.heading.xxl': "normal 500 2.1875rem/2.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
354
+ readonly 'font.heading.xxs': "normal 600 0.75rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
355
+ readonly 'font.letterSpacing.0': "0";
356
+ readonly 'font.letterSpacing.100': "-0.003em";
357
+ readonly 'font.letterSpacing.200': "-0.006em";
358
+ readonly 'font.letterSpacing.300': "-0.008em";
359
+ readonly 'font.letterSpacing.400': "-0.01em";
360
+ readonly 'font.ui': "normal 400 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
361
+ readonly 'font.ui.sm': "normal 400 0.6875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
362
+ readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
363
+ readonly 'font.family.monospace': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
364
+ readonly 'font.family.product': "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
346
365
  readonly 'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
366
+ readonly 'font.family.brand': "Charlie Sans";
347
367
  readonly 'font.size.050': "0.6875rem";
348
368
  readonly 'font.size.075': "0.75rem";
349
369
  readonly 'font.size.100': "0.875rem";
@@ -356,6 +376,7 @@ declare const defaultTokenValues: {
356
376
  readonly 'font.weight.medium': "500";
357
377
  readonly 'font.weight.regular': "400";
358
378
  readonly 'font.weight.semibold': "600";
379
+ readonly 'font.lineHeight.1': "1";
359
380
  readonly 'font.lineHeight.100': "1rem";
360
381
  readonly 'font.lineHeight.200': "1.25rem";
361
382
  readonly 'font.lineHeight.300': "1.5rem";
@@ -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::ee9558f71e21d57dd7abb1686236b1ed>>
3
+ * @codegen <<SignedSource::941775f7937b33243f0409b0ddd4fcd1>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -335,8 +335,28 @@ declare const tokens: {
335
335
  readonly 'space.600': "--ds-space-600";
336
336
  readonly 'space.800': "--ds-space-800";
337
337
  readonly 'space.1000': "--ds-space-1000";
338
+ readonly 'font.body': "--ds-font-body";
339
+ readonly 'font.body.sm': "--ds-font-body-sm";
340
+ readonly 'font.code': "--ds-font-code";
341
+ readonly 'font.heading.lg': "--ds-font-heading-lg";
342
+ readonly 'font.heading.md': "--ds-font-heading-md";
343
+ readonly 'font.heading.sm': "--ds-font-heading-sm";
344
+ readonly 'font.heading.xl': "--ds-font-heading-xl";
345
+ readonly 'font.heading.xs': "--ds-font-heading-xs";
346
+ readonly 'font.heading.xxl': "--ds-font-heading-xxl";
347
+ readonly 'font.heading.xxs': "--ds-font-heading-xxs";
348
+ readonly 'font.letterSpacing.0': "--ds-font-letterSpacing-0";
349
+ readonly 'font.letterSpacing.100': "--ds-font-letterSpacing-100";
350
+ readonly 'font.letterSpacing.200': "--ds-font-letterSpacing-200";
351
+ readonly 'font.letterSpacing.300': "--ds-font-letterSpacing-300";
352
+ readonly 'font.letterSpacing.400': "--ds-font-letterSpacing-400";
353
+ readonly 'font.ui': "--ds-font-ui";
354
+ readonly 'font.ui.sm': "--ds-font-ui-sm";
355
+ readonly 'font.family.code': "--ds-font-family-code";
338
356
  readonly 'font.family.monospace': "--ds-font-family-monospace";
357
+ readonly 'font.family.product': "--ds-font-family-product";
339
358
  readonly 'font.family.sans': "--ds-font-family-sans";
359
+ readonly 'font.family.brand': "--ds-font-family-brand";
340
360
  readonly 'font.size.050': "--ds-font-size-050";
341
361
  readonly 'font.size.075': "--ds-font-size-075";
342
362
  readonly 'font.size.100': "--ds-font-size-100";
@@ -349,6 +369,7 @@ declare const tokens: {
349
369
  readonly 'font.weight.medium': "--ds-font-weight-medium";
350
370
  readonly 'font.weight.regular': "--ds-font-weight-regular";
351
371
  readonly 'font.weight.semibold': "--ds-font-weight-semibold";
372
+ readonly 'font.lineHeight.1': "--ds-font-lineHeight-1";
352
373
  readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
353
374
  readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
354
375
  readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
@@ -688,8 +709,28 @@ export type CSSTokenMap = {
688
709
  'space.600': 'var(--ds-space-600)';
689
710
  'space.800': 'var(--ds-space-800)';
690
711
  'space.1000': 'var(--ds-space-1000)';
712
+ 'font.body': 'var(--ds-font-body)';
713
+ 'font.body.sm': 'var(--ds-font-body-sm)';
714
+ 'font.code': 'var(--ds-font-code)';
715
+ 'font.heading.lg': 'var(--ds-font-heading-lg)';
716
+ 'font.heading.md': 'var(--ds-font-heading-md)';
717
+ 'font.heading.sm': 'var(--ds-font-heading-sm)';
718
+ 'font.heading.xl': 'var(--ds-font-heading-xl)';
719
+ 'font.heading.xs': 'var(--ds-font-heading-xs)';
720
+ 'font.heading.xxl': 'var(--ds-font-heading-xxl)';
721
+ 'font.heading.xxs': 'var(--ds-font-heading-xxs)';
722
+ 'font.letterSpacing.0': 'var(--ds-font-letterSpacing-0)';
723
+ 'font.letterSpacing.100': 'var(--ds-font-letterSpacing-100)';
724
+ 'font.letterSpacing.200': 'var(--ds-font-letterSpacing-200)';
725
+ 'font.letterSpacing.300': 'var(--ds-font-letterSpacing-300)';
726
+ 'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
727
+ 'font.ui': 'var(--ds-font-ui)';
728
+ 'font.ui.sm': 'var(--ds-font-ui-sm)';
729
+ 'font.family.code': 'var(--ds-font-family-code)';
691
730
  'font.family.monospace': 'var(--ds-font-family-monospace)';
731
+ 'font.family.product': 'var(--ds-font-family-product)';
692
732
  'font.family.sans': 'var(--ds-font-family-sans)';
733
+ 'font.family.brand': 'var(--ds-font-family-brand)';
693
734
  'font.size.050': 'var(--ds-font-size-050)';
694
735
  'font.size.075': 'var(--ds-font-size-075)';
695
736
  'font.size.100': 'var(--ds-font-size-100)';
@@ -702,6 +743,7 @@ export type CSSTokenMap = {
702
743
  'font.weight.medium': 'var(--ds-font-weight-medium)';
703
744
  'font.weight.regular': 'var(--ds-font-weight-regular)';
704
745
  'font.weight.semibold': 'var(--ds-font-weight-semibold)';
746
+ 'font.lineHeight.1': 'var(--ds-font-lineHeight-1)';
705
747
  'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
706
748
  'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
707
749
  'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
@@ -0,0 +1,101 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::276e80b37fcbf4b84df1a4060d56d879>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const tokens: ({
7
+ attributes: {
8
+ group: string;
9
+ state: string;
10
+ introduced: string;
11
+ description: string;
12
+ };
13
+ value: {
14
+ fontSize: number;
15
+ fontStyle: string;
16
+ fontWeight: string;
17
+ lineHeight: number;
18
+ fontFamily: string;
19
+ letterSpacing: string;
20
+ };
21
+ filePath: string;
22
+ isSource: boolean;
23
+ original: {
24
+ attributes: {
25
+ group: string;
26
+ state: string;
27
+ introduced: string;
28
+ description: string;
29
+ };
30
+ value: {
31
+ fontWeight: string;
32
+ fontSize: string;
33
+ lineHeight: string;
34
+ fontFamily: string;
35
+ fontStyle: string;
36
+ letterSpacing: string;
37
+ };
38
+ };
39
+ name: string;
40
+ path: string[];
41
+ cleanName: string;
42
+ } | {
43
+ attributes: {
44
+ group: string;
45
+ state: string;
46
+ introduced: string;
47
+ description: string;
48
+ };
49
+ value: {
50
+ fontSize: string;
51
+ fontStyle: string;
52
+ fontWeight: string;
53
+ lineHeight: string;
54
+ fontFamily: string;
55
+ letterSpacing: string;
56
+ };
57
+ filePath: string;
58
+ isSource: boolean;
59
+ original: {
60
+ attributes: {
61
+ group: string;
62
+ state: string;
63
+ introduced: string;
64
+ description: string;
65
+ };
66
+ value: {
67
+ fontWeight: string;
68
+ fontSize: string;
69
+ lineHeight: string;
70
+ fontFamily: string;
71
+ fontStyle: string;
72
+ letterSpacing: string;
73
+ };
74
+ };
75
+ name: string;
76
+ path: string[];
77
+ cleanName: string;
78
+ } | {
79
+ attributes: {
80
+ group: string;
81
+ state: string;
82
+ introduced: string;
83
+ description: string;
84
+ };
85
+ value: string;
86
+ filePath: string;
87
+ isSource: boolean;
88
+ original: {
89
+ attributes: {
90
+ group: string;
91
+ state: string;
92
+ introduced: string;
93
+ description: string;
94
+ };
95
+ value: string;
96
+ };
97
+ name: string;
98
+ path: string[];
99
+ cleanName: string;
100
+ })[];
101
+ export default tokens;
@@ -1,9 +1,81 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::7bcab6ad73069f6baf12316783222835>>
3
+ * @codegen <<SignedSource::bae3fa2256b534cd5a8fad9a180e3fa8>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const tokens: {
6
+ declare const tokens: ({
7
+ attributes: {
8
+ group: string;
9
+ state: string;
10
+ introduced: string;
11
+ description: string;
12
+ };
13
+ value: {
14
+ fontSize: number;
15
+ fontStyle: string;
16
+ fontWeight: string;
17
+ lineHeight: number;
18
+ fontFamily: string;
19
+ letterSpacing: string;
20
+ };
21
+ filePath: string;
22
+ isSource: boolean;
23
+ original: {
24
+ attributes: {
25
+ group: string;
26
+ state: string;
27
+ introduced: string;
28
+ description: string;
29
+ };
30
+ value: {
31
+ fontWeight: string;
32
+ fontSize: string;
33
+ lineHeight: string;
34
+ fontFamily: string;
35
+ fontStyle: string;
36
+ letterSpacing: string;
37
+ };
38
+ };
39
+ name: string;
40
+ path: string[];
41
+ cleanName: string;
42
+ } | {
43
+ attributes: {
44
+ group: string;
45
+ state: string;
46
+ introduced: string;
47
+ description: string;
48
+ };
49
+ value: {
50
+ fontSize: string;
51
+ fontStyle: string;
52
+ fontWeight: string;
53
+ lineHeight: string;
54
+ fontFamily: string;
55
+ letterSpacing: string;
56
+ };
57
+ filePath: string;
58
+ isSource: boolean;
59
+ original: {
60
+ attributes: {
61
+ group: string;
62
+ state: string;
63
+ introduced: string;
64
+ description: string;
65
+ };
66
+ value: {
67
+ fontWeight: string;
68
+ fontSize: string;
69
+ lineHeight: string;
70
+ fontFamily: string;
71
+ fontStyle: string;
72
+ letterSpacing: string;
73
+ };
74
+ };
75
+ name: string;
76
+ path: string[];
77
+ cleanName: string;
78
+ } | {
7
79
  attributes: {
8
80
  group: string;
9
81
  state: string;
@@ -25,5 +97,41 @@ declare const tokens: {
25
97
  name: string;
26
98
  path: string[];
27
99
  cleanName: string;
28
- }[];
100
+ } | {
101
+ attributes: {
102
+ group: string;
103
+ state: string;
104
+ introduced: string;
105
+ description: string;
106
+ };
107
+ value: {
108
+ fontSize: number;
109
+ fontStyle: string;
110
+ fontWeight: string;
111
+ lineHeight: string;
112
+ fontFamily: string;
113
+ letterSpacing: string;
114
+ };
115
+ filePath: string;
116
+ isSource: boolean;
117
+ original: {
118
+ attributes: {
119
+ group: string;
120
+ state: string;
121
+ introduced: string;
122
+ description: string;
123
+ };
124
+ value: {
125
+ fontWeight: string;
126
+ fontSize: string;
127
+ lineHeight: string;
128
+ fontFamily: string;
129
+ fontStyle: string;
130
+ letterSpacing: string;
131
+ };
132
+ };
133
+ name: string;
134
+ path: string[];
135
+ cleanName: string;
136
+ })[];
29
137
  export default tokens;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::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,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
  /**