@atlaskit/tokens 0.10.19 → 0.10.21

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 (162) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/babel-plugin/package.json +8 -1
  3. package/css/atlassian-dark.css +8 -2
  4. package/css/atlassian-legacy-dark.css +8 -2
  5. package/css/atlassian-legacy-light.css +7 -1
  6. package/css/atlassian-light.css +7 -1
  7. package/dist/cjs/artifacts/rename-mapping.js +4 -4
  8. package/dist/cjs/artifacts/token-default-values.js +7 -1
  9. package/dist/cjs/artifacts/token-names.js +7 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +163 -17
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +163 -17
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +143 -17
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +143 -17
  14. package/dist/cjs/get-token.js +1 -1
  15. package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +12 -0
  16. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +27 -3
  17. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/shadow.js +12 -0
  18. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/surface.js +27 -3
  19. package/dist/cjs/tokens/atlassian-legacy-light/elevation/surface.js +27 -3
  20. package/dist/cjs/tokens/atlassian-light/elevation/surface.js +27 -3
  21. package/dist/cjs/tokens/default/deprecated/deprecated.js +3 -3
  22. package/dist/cjs/tokens/default/elevation/surface.js +69 -15
  23. package/dist/cjs/version.json +1 -1
  24. package/dist/es2019/artifacts/rename-mapping.js +4 -4
  25. package/dist/es2019/artifacts/token-default-values.js +7 -1
  26. package/dist/es2019/artifacts/token-names.js +7 -1
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +163 -17
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +163 -17
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +143 -17
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +143 -17
  31. package/dist/es2019/get-token.js +1 -1
  32. package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +12 -0
  33. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +27 -3
  34. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/shadow.js +12 -0
  35. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/surface.js +27 -3
  36. package/dist/es2019/tokens/atlassian-legacy-light/elevation/surface.js +27 -3
  37. package/dist/es2019/tokens/atlassian-light/elevation/surface.js +27 -3
  38. package/dist/es2019/tokens/default/deprecated/deprecated.js +3 -3
  39. package/dist/es2019/tokens/default/elevation/surface.js +69 -17
  40. package/dist/es2019/version.json +1 -1
  41. package/dist/esm/artifacts/rename-mapping.js +4 -4
  42. package/dist/esm/artifacts/token-default-values.js +7 -1
  43. package/dist/esm/artifacts/token-names.js +7 -1
  44. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +163 -17
  45. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +163 -17
  46. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +143 -17
  47. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +143 -17
  48. package/dist/esm/get-token.js +1 -1
  49. package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +12 -0
  50. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +27 -3
  51. package/dist/esm/tokens/atlassian-legacy-dark/elevation/shadow.js +12 -0
  52. package/dist/esm/tokens/atlassian-legacy-dark/elevation/surface.js +27 -3
  53. package/dist/esm/tokens/atlassian-legacy-light/elevation/surface.js +27 -3
  54. package/dist/esm/tokens/atlassian-light/elevation/surface.js +27 -3
  55. package/dist/esm/tokens/default/deprecated/deprecated.js +3 -3
  56. package/dist/esm/tokens/default/elevation/surface.js +69 -15
  57. package/dist/esm/version.json +1 -1
  58. package/dist/types/artifacts/rename-mapping.d.ts +1 -1
  59. package/dist/types/artifacts/token-default-values.d.ts +7 -1
  60. package/dist/types/artifacts/token-names.d.ts +13 -1
  61. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  62. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  63. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  64. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  65. package/dist/types/artifacts/types-internal.d.ts +2 -2
  66. package/dist/types/artifacts/types.d.ts +2 -2
  67. package/dist/types/types.d.ts +15 -3
  68. package/dist/types-ts4.0/artifacts/palettes-raw/legacy-palette.d.ts +41 -0
  69. package/dist/types-ts4.0/artifacts/palettes-raw/palette.d.ts +41 -0
  70. package/dist/types-ts4.0/artifacts/rename-mapping.d.ts +26 -0
  71. package/dist/types-ts4.0/artifacts/token-default-values.d.ts +302 -0
  72. package/dist/types-ts4.0/artifacts/token-names.d.ts +593 -0
  73. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-dark.d.ts +222 -0
  74. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +222 -0
  75. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-light.d.ts +174 -0
  76. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-light.d.ts +174 -0
  77. package/dist/types-ts4.0/artifacts/types-internal.d.ts +6 -0
  78. package/dist/types-ts4.0/artifacts/types.d.ts +6 -0
  79. package/dist/types-ts4.0/babel-plugin/index.d.ts +1 -0
  80. package/dist/types-ts4.0/babel-plugin/plugin.d.ts +14 -0
  81. package/dist/types-ts4.0/constants.d.ts +17 -0
  82. package/dist/types-ts4.0/entry-points/babel-plugin.d.ts +1 -0
  83. package/dist/types-ts4.0/entry-points/palettes-raw.d.ts +1 -0
  84. package/dist/types-ts4.0/entry-points/rename-mapping.d.ts +1 -0
  85. package/dist/types-ts4.0/entry-points/token-ids.d.ts +1 -0
  86. package/dist/types-ts4.0/entry-points/token-names.d.ts +2 -0
  87. package/dist/types-ts4.0/figma/synchronize-figma-tokens.d.ts +24 -0
  88. package/dist/types-ts4.0/figma/types.d.ts +40 -0
  89. package/dist/types-ts4.0/get-token.d.ts +4 -0
  90. package/dist/types-ts4.0/index.d.ts +5 -0
  91. package/dist/types-ts4.0/palettes/legacy-palette.d.ts +10 -0
  92. package/dist/types-ts4.0/palettes/palette.d.ts +5 -0
  93. package/dist/types-ts4.0/set-global-theme.d.ts +3 -0
  94. package/dist/types-ts4.0/theme-change-observer.d.ts +35 -0
  95. package/dist/types-ts4.0/tokens/atlassian-dark/color/accent.d.ts +4 -0
  96. package/dist/types-ts4.0/tokens/atlassian-dark/color/background.d.ts +4 -0
  97. package/dist/types-ts4.0/tokens/atlassian-dark/color/border.d.ts +4 -0
  98. package/dist/types-ts4.0/tokens/atlassian-dark/color/icon.d.ts +4 -0
  99. package/dist/types-ts4.0/tokens/atlassian-dark/color/interaction.d.ts +4 -0
  100. package/dist/types-ts4.0/tokens/atlassian-dark/color/skeleton.d.ts +4 -0
  101. package/dist/types-ts4.0/tokens/atlassian-dark/color/text.d.ts +4 -0
  102. package/dist/types-ts4.0/tokens/atlassian-dark/deprecated/deprecated.d.ts +4 -0
  103. package/dist/types-ts4.0/tokens/atlassian-dark/elevation/shadow.d.ts +4 -0
  104. package/dist/types-ts4.0/tokens/atlassian-dark/elevation/surface.d.ts +4 -0
  105. package/dist/types-ts4.0/tokens/atlassian-dark/opacity/opacity.d.ts +3 -0
  106. package/dist/types-ts4.0/tokens/atlassian-dark/utility/utility.d.ts +5 -0
  107. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/accent.d.ts +4 -0
  108. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/background.d.ts +4 -0
  109. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/border.d.ts +4 -0
  110. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/icon.d.ts +4 -0
  111. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/interaction.d.ts +4 -0
  112. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/skeleton.d.ts +4 -0
  113. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/color/text.d.ts +4 -0
  114. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +4 -0
  115. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/elevation/shadow.d.ts +4 -0
  116. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/elevation/surface.d.ts +4 -0
  117. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/opacity/opacity.d.ts +3 -0
  118. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/utility/utility.d.ts +5 -0
  119. package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/accent.d.ts +4 -0
  120. package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/background.d.ts +4 -0
  121. package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/border.d.ts +4 -0
  122. package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/icon.d.ts +4 -0
  123. package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/interaction.d.ts +4 -0
  124. package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/skeleton.d.ts +4 -0
  125. package/dist/types-ts4.0/tokens/atlassian-legacy-light/color/text.d.ts +4 -0
  126. package/dist/types-ts4.0/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +4 -0
  127. package/dist/types-ts4.0/tokens/atlassian-legacy-light/elevation/shadow.d.ts +4 -0
  128. package/dist/types-ts4.0/tokens/atlassian-legacy-light/elevation/surface.d.ts +4 -0
  129. package/dist/types-ts4.0/tokens/atlassian-legacy-light/opacity/opacity.d.ts +3 -0
  130. package/dist/types-ts4.0/tokens/atlassian-legacy-light/utility/utility.d.ts +5 -0
  131. package/dist/types-ts4.0/tokens/atlassian-light/color/accent.d.ts +4 -0
  132. package/dist/types-ts4.0/tokens/atlassian-light/color/background.d.ts +4 -0
  133. package/dist/types-ts4.0/tokens/atlassian-light/color/border.d.ts +4 -0
  134. package/dist/types-ts4.0/tokens/atlassian-light/color/icon.d.ts +4 -0
  135. package/dist/types-ts4.0/tokens/atlassian-light/color/interaction.d.ts +4 -0
  136. package/dist/types-ts4.0/tokens/atlassian-light/color/skeleton.d.ts +4 -0
  137. package/dist/types-ts4.0/tokens/atlassian-light/color/text.d.ts +4 -0
  138. package/dist/types-ts4.0/tokens/atlassian-light/deprecated/deprecated.d.ts +4 -0
  139. package/dist/types-ts4.0/tokens/atlassian-light/elevation/shadow.d.ts +4 -0
  140. package/dist/types-ts4.0/tokens/atlassian-light/elevation/surface.d.ts +4 -0
  141. package/dist/types-ts4.0/tokens/atlassian-light/opacity/opacity.d.ts +3 -0
  142. package/dist/types-ts4.0/tokens/atlassian-light/utility/utility.d.ts +5 -0
  143. package/dist/types-ts4.0/tokens/default/color/accent.d.ts +4 -0
  144. package/dist/types-ts4.0/tokens/default/color/background.d.ts +4 -0
  145. package/dist/types-ts4.0/tokens/default/color/border.d.ts +4 -0
  146. package/dist/types-ts4.0/tokens/default/color/icon.d.ts +4 -0
  147. package/dist/types-ts4.0/tokens/default/color/interaction.d.ts +4 -0
  148. package/dist/types-ts4.0/tokens/default/color/skeleton.d.ts +4 -0
  149. package/dist/types-ts4.0/tokens/default/color/text.d.ts +4 -0
  150. package/dist/types-ts4.0/tokens/default/deprecated/deprecated.d.ts +4 -0
  151. package/dist/types-ts4.0/tokens/default/elevation/shadow.d.ts +4 -0
  152. package/dist/types-ts4.0/tokens/default/elevation/surface.d.ts +4 -0
  153. package/dist/types-ts4.0/tokens/default/opacity/opacity.d.ts +3 -0
  154. package/dist/types-ts4.0/tokens/default/utility/utility.d.ts +5 -0
  155. package/dist/types-ts4.0/types.d.ts +656 -0
  156. package/dist/types-ts4.0/utils/color-detection.d.ts +38 -0
  157. package/dist/types-ts4.0/utils/token-ids.d.ts +41 -0
  158. package/package.json +15 -7
  159. package/palettes-raw/package.json +8 -1
  160. package/rename-mapping/package.json +8 -1
  161. package/token-ids/package.json +8 -1
  162. package/token-names/package.json +8 -1
@@ -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::e9fa17eebeaf3b2a8318f43c4f7e89c4>>
3
+ * @codegen <<SignedSource::fc7198ce92b9604af441e36c1acb2075>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -282,9 +282,15 @@ declare const tokens: {
282
282
  readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
283
283
  readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
284
284
  readonly 'elevation.surface': "--ds-surface";
285
+ readonly 'elevation.surface.hovered': "--ds-surface-hovered";
286
+ readonly 'elevation.surface.pressed': "--ds-surface-pressed";
285
287
  readonly 'elevation.surface.sunken': "--ds-surface-sunken";
286
288
  readonly 'elevation.surface.raised': "--ds-surface-raised";
289
+ readonly 'elevation.surface.raised.hovered': "--ds-surface-raised-hovered";
290
+ readonly 'elevation.surface.raised.pressed': "--ds-surface-raised-pressed";
287
291
  readonly 'elevation.surface.overlay': "--ds-surface-overlay";
292
+ readonly 'elevation.surface.overlay.hovered': "--ds-surface-overlay-hovered";
293
+ readonly 'elevation.surface.overlay.pressed': "--ds-surface-overlay-pressed";
288
294
  readonly 'opacity.disabled': "--ds-opacity-disabled";
289
295
  readonly 'opacity.loading': "--ds-opacity-loading";
290
296
  readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
@@ -569,9 +575,15 @@ export declare type CSSTokenMap = {
569
575
  'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
570
576
  'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
571
577
  'elevation.surface': 'var(--ds-surface)';
578
+ 'elevation.surface.hovered': 'var(--ds-surface-hovered)';
579
+ 'elevation.surface.pressed': 'var(--ds-surface-pressed)';
572
580
  'elevation.surface.sunken': 'var(--ds-surface-sunken)';
573
581
  'elevation.surface.raised': 'var(--ds-surface-raised)';
582
+ 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
583
+ 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
574
584
  'elevation.surface.overlay': 'var(--ds-surface-overlay)';
585
+ 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
586
+ 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
575
587
  'opacity.disabled': 'var(--ds-opacity-disabled)';
576
588
  'opacity.loading': 'var(--ds-opacity-loading)';
577
589
  'utility.UNSAFE_util.transparent': 'var(--ds-UNSAFE_util-transparent)';
@@ -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::b756f5f6727c826e5f41b4d6b9d2b8e3>>
3
+ * @codegen <<SignedSource::41ca1e1e710a7febb4c2b2ec651ef5f6>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const 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::a99ec8f38397a16cab91e936de51714f>>
3
+ * @codegen <<SignedSource::c82e43b67b045a60bb8a6c1dc11edd58>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const 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::180d57420fabe8bfc7baadbcf7e39146>>
3
+ * @codegen <<SignedSource::de3cdd57ab11cc9e909f280b3ea720f0>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const 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::6977decc7ef870a337b1171d6775d9dc>>
3
+ * @codegen <<SignedSource::3e1535e99114e3ceefa050ae548283a1>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const 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::8dfed148b5b57869d81ee2544bd7b407>>
3
+ * @codegen <<SignedSource::39f5c50a16b92a67dcd34ffb038b73d2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
6
+ export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::5b8978b2d65c76b5df98557be6bc7347>>
3
+ * @codegen <<SignedSource::02e94c9602d30a3320fd9e00a1950a7c>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
6
+ export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
@@ -438,10 +438,22 @@ export interface UtilTokenSchema<BaseToken> {
438
438
  export interface SurfaceTokenSchema<BaseToken> {
439
439
  elevation: {
440
440
  surface: {
441
- '[default]': PaintToken<BaseToken>;
441
+ '[default]': {
442
+ '[default]': PaintToken<BaseToken>;
443
+ hovered: PaintToken<BaseToken>;
444
+ pressed: PaintToken<BaseToken>;
445
+ };
442
446
  sunken: PaintToken<BaseToken>;
443
- raised: PaintToken<BaseToken>;
444
- overlay: PaintToken<BaseToken>;
447
+ raised: {
448
+ '[default]': PaintToken<BaseToken>;
449
+ hovered: PaintToken<BaseToken>;
450
+ pressed: PaintToken<BaseToken>;
451
+ };
452
+ overlay: {
453
+ '[default]': PaintToken<BaseToken>;
454
+ hovered: PaintToken<BaseToken>;
455
+ pressed: PaintToken<BaseToken>;
456
+ };
445
457
  };
446
458
  };
447
459
  }
@@ -0,0 +1,41 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::91ca2bc33315a9a910c7ca93bcb63936>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const tokens: ({
7
+ value: number;
8
+ attributes: {
9
+ group: string;
10
+ category: string;
11
+ };
12
+ filePath: string;
13
+ isSource: boolean;
14
+ original: {
15
+ value: number;
16
+ attributes: {
17
+ group: string;
18
+ category: string;
19
+ };
20
+ };
21
+ name: string;
22
+ path: string[];
23
+ } | {
24
+ value: string;
25
+ attributes: {
26
+ group: string;
27
+ category: string;
28
+ };
29
+ filePath: string;
30
+ isSource: boolean;
31
+ original: {
32
+ value: string;
33
+ attributes: {
34
+ group: string;
35
+ category: string;
36
+ };
37
+ };
38
+ name: string;
39
+ path: string[];
40
+ })[];
41
+ export default tokens;
@@ -0,0 +1,41 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::54a73caa5e11805075c57f698252b1e7>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const tokens: ({
7
+ value: number;
8
+ attributes: {
9
+ group: string;
10
+ category: string;
11
+ };
12
+ filePath: string;
13
+ isSource: boolean;
14
+ original: {
15
+ value: number;
16
+ attributes: {
17
+ group: string;
18
+ category: string;
19
+ };
20
+ };
21
+ name: string;
22
+ path: string[];
23
+ } | {
24
+ value: string;
25
+ attributes: {
26
+ group: string;
27
+ category: string;
28
+ };
29
+ filePath: string;
30
+ isSource: boolean;
31
+ original: {
32
+ value: string;
33
+ attributes: {
34
+ group: string;
35
+ category: string;
36
+ };
37
+ };
38
+ name: string;
39
+ path: string[];
40
+ })[];
41
+ export default tokens;
@@ -0,0 +1,26 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ *
4
+ * This file is intended to help automate renaming of tokens.
5
+ *
6
+ * 1. Mark the old token's 'state' as deprecated
7
+ * 2. Add a 'rename' attribute to the token with the value 'my.new.token'
8
+ * 3. Create a new token matching the token above: 'my.new.token'
9
+ * 4. Run 'yarn build tokens' to have you changes reflected in this map
10
+ * 5. ESLint and other tools will now use this to automate replacing tokens
11
+ *
12
+ * These changes will then be picked up by our tooling which will attempt to
13
+ * migrate as many of these renames as possible.
14
+ *
15
+ * @codegen <<SignedSource::785f21ff78f22bc07f51619e1add8ba9>>
16
+ * @codegenCommand yarn build tokens
17
+ */
18
+ import tokens from './token-names';
19
+ declare type Token = keyof typeof tokens | string;
20
+ declare type RenameMap = {
21
+ path: string;
22
+ state: 'deprecated' | 'deleted';
23
+ replacement: Token;
24
+ };
25
+ declare const renameMapper: RenameMap[];
26
+ export default renameMapper;
@@ -0,0 +1,302 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ *
4
+ * Token names mapped to their value in the default Atlassian theme ('light')
5
+ *
6
+ * @codegen <<SignedSource::59a1a4aaa5f768efccaed2c726fc2b08>>
7
+ * @codegenCommand yarn build tokens
8
+ */
9
+ declare const defaultTokenValues: {
10
+ readonly 'color.text.accent.blue': "#0055CC";
11
+ readonly 'color.text.accent.blue.bolder': "#09326C";
12
+ readonly 'color.text.accent.red': "#AE2A19";
13
+ readonly 'color.text.accent.red.bolder': "#601E16";
14
+ readonly 'color.text.accent.orange': "#974F0C";
15
+ readonly 'color.text.accent.orange.bolder': "#5F3811";
16
+ readonly 'color.text.accent.yellow': "#7F5F01";
17
+ readonly 'color.text.accent.yellow.bolder': "#533F04";
18
+ readonly 'color.text.accent.green': "#216E4E";
19
+ readonly 'color.text.accent.green.bolder': "#164B35";
20
+ readonly 'color.text.accent.purple': "#5E4DB2";
21
+ readonly 'color.text.accent.purple.bolder': "#352C63";
22
+ readonly 'color.text.accent.teal': "#206B74";
23
+ readonly 'color.text.accent.teal.bolder': "#1D474C";
24
+ readonly 'color.text.accent.magenta': "#943D73";
25
+ readonly 'color.text.accent.magenta.bolder': "#50253F";
26
+ readonly 'color.text.accent.gray': "#44546F";
27
+ readonly 'color.text.accent.gray.bolder': "#172B4D";
28
+ readonly 'color.text': "#172B4D";
29
+ readonly 'color.text.subtle': "#44546F";
30
+ readonly 'color.text.subtlest': "#626F86";
31
+ readonly 'color.text.disabled': "#091E424F";
32
+ readonly 'color.text.inverse': "#FFFFFF";
33
+ readonly 'color.text.brand': "#0C66E4";
34
+ readonly 'color.text.selected': "#0C66E4";
35
+ readonly 'color.text.danger': "#AE2A19";
36
+ readonly 'color.text.warning': "#974F0C";
37
+ readonly 'color.text.warning.inverse': "#172B4D";
38
+ readonly 'color.text.success': "#216E4E";
39
+ readonly 'color.text.discovery': "#5E4DB2";
40
+ readonly 'color.text.information': "#0055CC";
41
+ readonly 'color.text.highEmphasis': "#172B4D";
42
+ readonly 'color.text.link.pressed': "#0055CC";
43
+ readonly 'color.text.link.resting': "#0C66E4";
44
+ readonly 'color.text.lowEmphasis': "#626F86";
45
+ readonly 'color.text.mediumEmphasis': "#44546F";
46
+ readonly 'color.text.onBold': "#FFFFFF";
47
+ readonly 'color.text.onBoldWarning': "#172B4D";
48
+ readonly 'color.icon.accent.blue': "#1D7AFC";
49
+ readonly 'color.icon.accent.red': "#E34935";
50
+ readonly 'color.icon.accent.orange': "#D97008";
51
+ readonly 'color.icon.accent.yellow': "#B38600";
52
+ readonly 'color.icon.accent.green': "#22A06B";
53
+ readonly 'color.icon.accent.purple': "#8270DB";
54
+ readonly 'color.icon.accent.teal': "#1D9AAA";
55
+ readonly 'color.icon.accent.magenta': "#CD519D";
56
+ readonly 'color.icon.accent.gray': "#758195";
57
+ readonly 'color.icon': "#44546F";
58
+ readonly 'color.icon.subtle': "#626F86";
59
+ readonly 'color.icon.inverse': "#FFFFFF";
60
+ readonly 'color.icon.disabled': "#091E424F";
61
+ readonly 'color.icon.brand': "#0C66E4";
62
+ readonly 'color.icon.selected': "#0C66E4";
63
+ readonly 'color.icon.danger': "#E34935";
64
+ readonly 'color.icon.warning': "#D97008";
65
+ readonly 'color.icon.warning.inverse': "#172B4D";
66
+ readonly 'color.icon.success': "#22A06B";
67
+ readonly 'color.icon.discovery': "#8270DB";
68
+ readonly 'color.icon.information': "#1D7AFC";
69
+ readonly 'color.border.accent.blue': "#1D7AFC";
70
+ readonly 'color.border.accent.red': "#E34935";
71
+ readonly 'color.border.accent.orange': "#D97008";
72
+ readonly 'color.border.accent.yellow': "#B38600";
73
+ readonly 'color.border.accent.green': "#22A06B";
74
+ readonly 'color.border.accent.purple': "#8270DB";
75
+ readonly 'color.border.accent.teal': "#1D9AAA";
76
+ readonly 'color.border.accent.magenta': "#CD519D";
77
+ readonly 'color.border.accent.gray': "#758195";
78
+ readonly 'color.border': "#091E4224";
79
+ readonly 'color.border.bold': "#758195";
80
+ readonly 'color.border.inverse': "#FFFFFF";
81
+ readonly 'color.border.focused': "#388BFF";
82
+ readonly 'color.border.input': "#091E4224";
83
+ readonly 'color.border.disabled': "#091E420F";
84
+ readonly 'color.border.brand': "#0C66E4";
85
+ readonly 'color.border.selected': "#0C66E4";
86
+ readonly 'color.border.danger': "#E34935";
87
+ readonly 'color.border.warning': "#D97008";
88
+ readonly 'color.border.success': "#22A06B";
89
+ readonly 'color.border.discovery': "#8270DB";
90
+ readonly 'color.border.information': "#1D7AFC";
91
+ readonly 'color.border.focus': "#388BFF";
92
+ readonly 'color.border.neutral': "#091E4224";
93
+ readonly 'color.background.accent.blue.subtlest': "#E9F2FF";
94
+ readonly 'color.background.accent.blue.subtler': "#CCE0FF";
95
+ readonly 'color.background.accent.blue.subtle': "#579DFF";
96
+ readonly 'color.background.accent.blue.bolder': "#0C66E4";
97
+ readonly 'color.background.accent.blue': "#CCE0FF";
98
+ readonly 'color.background.accent.blue.bold': "#579DFF";
99
+ readonly 'color.background.accent.red.subtlest': "#FFEDEB";
100
+ readonly 'color.background.accent.red.subtler': "#FFD2CC";
101
+ readonly 'color.background.accent.red.subtle': "#F87462";
102
+ readonly 'color.background.accent.red.bolder': "#CA3521";
103
+ readonly 'color.background.accent.red': "#FFD2CC";
104
+ readonly 'color.background.accent.red.bold': "#F87462";
105
+ readonly 'color.background.accent.orange.subtlest': "#FFF4E5";
106
+ readonly 'color.background.accent.orange.subtler': "#FFE2BD";
107
+ readonly 'color.background.accent.orange.subtle': "#FAA53D";
108
+ readonly 'color.background.accent.orange.bolder': "#B65C02";
109
+ readonly 'color.background.accent.orange': "#FFE2BD";
110
+ readonly 'color.background.accent.orange.bold': "#FAA53D";
111
+ readonly 'color.background.accent.yellow.subtlest': "#FFF7D6";
112
+ readonly 'color.background.accent.yellow.subtler': "#F8E6A0";
113
+ readonly 'color.background.accent.yellow.subtle': "#E2B203";
114
+ readonly 'color.background.accent.yellow.bolder': "#946F00";
115
+ readonly 'color.background.accent.yellow': "#F8E6A0";
116
+ readonly 'color.background.accent.yellow.bold': "#E2B203";
117
+ readonly 'color.background.accent.green.subtlest': "#DFFCF0";
118
+ readonly 'color.background.accent.green.subtler': "#BAF3DB";
119
+ readonly 'color.background.accent.green.subtle': "#4BCE97";
120
+ readonly 'color.background.accent.green.bolder': "#1F845A";
121
+ readonly 'color.background.accent.green': "#BAF3DB";
122
+ readonly 'color.background.accent.green.bold': "#4BCE97";
123
+ readonly 'color.background.accent.teal.subtlest': "#E3FAFC";
124
+ readonly 'color.background.accent.teal.subtler': "#C1F0F5";
125
+ readonly 'color.background.accent.teal.subtle': "#60C6D2";
126
+ readonly 'color.background.accent.teal.bolder': "#1D7F8C";
127
+ readonly 'color.background.accent.teal': "#C1F0F5";
128
+ readonly 'color.background.accent.teal.bold': "#60C6D2";
129
+ readonly 'color.background.accent.purple.subtlest': "#F3F0FF";
130
+ readonly 'color.background.accent.purple.subtler': "#DFD8FD";
131
+ readonly 'color.background.accent.purple.subtle': "#9F8FEF";
132
+ readonly 'color.background.accent.purple.bolder': "#6E5DC6";
133
+ readonly 'color.background.accent.purple': "#DFD8FD";
134
+ readonly 'color.background.accent.purple.bold': "#9F8FEF";
135
+ readonly 'color.background.accent.magenta.subtlest': "#FFECF8";
136
+ readonly 'color.background.accent.magenta.subtler': "#FDD0EC";
137
+ readonly 'color.background.accent.magenta.subtle': "#E774BB";
138
+ readonly 'color.background.accent.magenta.bolder': "#AE4787";
139
+ readonly 'color.background.accent.magenta': "#FDD0EC";
140
+ readonly 'color.background.accent.magenta.bold': "#E774BB";
141
+ readonly 'color.background.accent.gray.subtlest': "#F1F2F4";
142
+ readonly 'color.background.accent.gray.subtler': "#DCDFE4";
143
+ readonly 'color.background.accent.gray.subtle': "#8993A5";
144
+ readonly 'color.background.accent.gray.bolder': "#626F86";
145
+ readonly 'color.background.disabled': "#091E4208";
146
+ readonly 'color.background.inverse.subtle': "#00000029";
147
+ readonly 'color.background.inverse.subtle.hovered': "#0000003D";
148
+ readonly 'color.background.inverse.subtle.pressed': "#00000052";
149
+ readonly 'color.background.inverse': "#FFFFFF29";
150
+ readonly 'color.background.input': "#FFFFFF";
151
+ readonly 'color.background.input.hovered': "#F7F8F9";
152
+ readonly 'color.background.input.pressed': "#FFFFFF";
153
+ readonly 'color.background.neutral': "#091E420F";
154
+ readonly 'color.background.neutral.hovered': "#091E4224";
155
+ readonly 'color.background.neutral.pressed': "#091E424F";
156
+ readonly 'color.background.neutral.subtle': "#00000000";
157
+ readonly 'color.background.neutral.subtle.hovered': "#091E420F";
158
+ readonly 'color.background.neutral.subtle.pressed': "#091E4224";
159
+ readonly 'color.background.neutral.bold': "#44546F";
160
+ readonly 'color.background.neutral.bold.hovered': "#2C3E5D";
161
+ readonly 'color.background.neutral.bold.pressed': "#172B4D";
162
+ readonly 'color.background.brand.bold': "#0C66E4";
163
+ readonly 'color.background.brand.bold.hovered': "#0055CC";
164
+ readonly 'color.background.brand.bold.pressed': "#09326C";
165
+ readonly 'color.background.brand': "#E9F2FF";
166
+ readonly 'color.background.brand.hovered': "#CCE0FF";
167
+ readonly 'color.background.brand.pressed': "#85B8FF";
168
+ readonly 'color.background.selected': "#E9F2FF";
169
+ readonly 'color.background.selected.hovered': "#CCE0FF";
170
+ readonly 'color.background.selected.pressed': "#85B8FF";
171
+ readonly 'color.background.selected.bold': "#0C66E4";
172
+ readonly 'color.background.selected.bold.hovered': "#0055CC";
173
+ readonly 'color.background.selected.bold.pressed': "#09326C";
174
+ readonly 'color.background.selected.resting': "#E9F2FF";
175
+ readonly 'color.background.selected.hover': "#CCE0FF";
176
+ readonly 'color.background.danger': "#FFEDEB";
177
+ readonly 'color.background.danger.hovered': "#FFD2CC";
178
+ readonly 'color.background.danger.pressed': "#FF9C8F";
179
+ readonly 'color.background.danger.bold': "#CA3521";
180
+ readonly 'color.background.danger.bold.hovered': "#AE2A19";
181
+ readonly 'color.background.danger.bold.pressed': "#601E16";
182
+ readonly 'color.background.warning': "#FFF7D6";
183
+ readonly 'color.background.warning.hovered': "#F8E6A0";
184
+ readonly 'color.background.warning.pressed': "#F5CD47";
185
+ readonly 'color.background.warning.bold': "#E2B203";
186
+ readonly 'color.background.warning.bold.hovered': "#CF9F02";
187
+ readonly 'color.background.warning.bold.pressed': "#B38600";
188
+ readonly 'color.background.success': "#DFFCF0";
189
+ readonly 'color.background.success.hovered': "#BAF3DB";
190
+ readonly 'color.background.success.pressed': "#7EE2B8";
191
+ readonly 'color.background.success.bold': "#1F845A";
192
+ readonly 'color.background.success.bold.hovered': "#216E4E";
193
+ readonly 'color.background.success.bold.pressed': "#164B35";
194
+ readonly 'color.background.discovery': "#F3F0FF";
195
+ readonly 'color.background.discovery.hovered': "#DFD8FD";
196
+ readonly 'color.background.discovery.pressed': "#B8ACF6";
197
+ readonly 'color.background.discovery.bold': "#6E5DC6";
198
+ readonly 'color.background.discovery.bold.hovered': "#5E4DB2";
199
+ readonly 'color.background.discovery.bold.pressed': "#352C63";
200
+ readonly 'color.background.information': "#E9F2FF";
201
+ readonly 'color.background.information.hovered': "#CCE0FF";
202
+ readonly 'color.background.information.pressed': "#85B8FF";
203
+ readonly 'color.background.information.bold': "#0C66E4";
204
+ readonly 'color.background.information.bold.hovered': "#0055CC";
205
+ readonly 'color.background.information.bold.pressed': "#09326C";
206
+ readonly 'color.background.blanket': "#091E427A";
207
+ readonly 'color.background.boldBrand.hover': "#0055CC";
208
+ readonly 'color.background.boldBrand.pressed': "#09326C";
209
+ readonly 'color.background.boldBrand.resting': "#0C66E4";
210
+ readonly 'color.background.boldDanger.hover': "#AE2A19";
211
+ readonly 'color.background.boldDanger.pressed': "#601E16";
212
+ readonly 'color.background.boldDanger.resting': "#CA3521";
213
+ readonly 'color.background.boldDiscovery.hover': "#5E4DB2";
214
+ readonly 'color.background.boldDiscovery.pressed': "#352C63";
215
+ readonly 'color.background.boldDiscovery.resting': "#6E5DC6";
216
+ readonly 'color.background.boldNeutral.hover': "#2C3E5D";
217
+ readonly 'color.background.boldNeutral.pressed': "#172B4D";
218
+ readonly 'color.background.boldNeutral.resting': "#44546F";
219
+ readonly 'color.background.boldSuccess.hover': "#216E4E";
220
+ readonly 'color.background.boldSuccess.pressed': "#164B35";
221
+ readonly 'color.background.boldSuccess.resting': "#1F845A";
222
+ readonly 'color.background.boldWarning.hover': "#CF9F02";
223
+ readonly 'color.background.boldWarning.pressed': "#B38600";
224
+ readonly 'color.background.boldWarning.resting': "#E2B203";
225
+ readonly 'color.background.card': "#FFFFFF";
226
+ readonly 'color.background.default': "#FFFFFF";
227
+ readonly 'color.background.overlay': "#FFFFFF";
228
+ readonly 'color.background.subtleBorderedNeutral.pressed': "#091E420F";
229
+ readonly 'color.background.subtleBorderedNeutral.resting': "#091E4208";
230
+ readonly 'color.background.subtleBrand.hover': "#CCE0FF";
231
+ readonly 'color.background.subtleBrand.pressed': "#85B8FF";
232
+ readonly 'color.background.subtleBrand.resting': "#E9F2FF";
233
+ readonly 'color.background.subtleDanger.hover': "#FFD2CC";
234
+ readonly 'color.background.subtleDanger.pressed': "#FF9C8F";
235
+ readonly 'color.background.subtleDanger.resting': "#FFEDEB";
236
+ readonly 'color.background.subtleDiscovery.hover': "#DFD8FD";
237
+ readonly 'color.background.subtleDiscovery.pressed': "#B8ACF6";
238
+ readonly 'color.background.subtleDiscovery.resting': "#F3F0FF";
239
+ readonly 'color.background.subtleNeutral.hover': "#091E4224";
240
+ readonly 'color.background.subtleNeutral.pressed': "#091E424F";
241
+ readonly 'color.background.subtleNeutral.resting': "#091E420F";
242
+ readonly 'color.background.subtleSuccess.hover': "#BAF3DB";
243
+ readonly 'color.background.subtleSuccess.pressed': "#7EE2B8";
244
+ readonly 'color.background.subtleSuccess.resting': "#DFFCF0";
245
+ readonly 'color.background.subtleWarning.hover': "#F8E6A0";
246
+ readonly 'color.background.subtleWarning.pressed': "#F5CD47";
247
+ readonly 'color.background.subtleWarning.resting': "#FFF7D6";
248
+ readonly 'color.background.sunken': "#091E4208";
249
+ readonly 'color.background.transparentNeutral.hover': "#091E420F";
250
+ readonly 'color.background.transparentNeutral.pressed': "#091E4224";
251
+ readonly 'color.blanket': "#091E427A";
252
+ readonly 'color.blanket.selected': "#388BFF14";
253
+ readonly 'color.blanket.danger': "#EF5C4814";
254
+ readonly 'color.interaction.hovered': "#00000029";
255
+ readonly 'color.interaction.pressed': "#00000052";
256
+ readonly 'color.interaction.inverse.hovered': "#00000029";
257
+ readonly 'color.interaction.inverse.pressed': "#00000052";
258
+ readonly 'color.skeleton': "#091E420F";
259
+ readonly 'color.skeleton.subtle': "#091E4208";
260
+ readonly 'color.link': "#0C66E4";
261
+ readonly 'color.link.pressed': "#0055CC";
262
+ readonly 'color.accent.boldBlue': "#579DFF";
263
+ readonly 'color.accent.boldGreen': "#4BCE97";
264
+ readonly 'color.accent.boldOrange': "#FAA53D";
265
+ readonly 'color.accent.boldPurple': "#9F8FEF";
266
+ readonly 'color.accent.boldRed': "#F87462";
267
+ readonly 'color.accent.boldTeal': "#60C6D2";
268
+ readonly 'color.accent.subtleBlue': "#CCE0FF";
269
+ readonly 'color.accent.subtleGreen': "#BAF3DB";
270
+ readonly 'color.accent.subtleMagenta': "#FDD0EC";
271
+ readonly 'color.accent.subtleOrange': "#FFE2BD";
272
+ readonly 'color.accent.subtlePurple': "#DFD8FD";
273
+ readonly 'color.accent.subtleRed': "#FFD2CC";
274
+ readonly 'color.accent.subtleTeal': "#C1F0F5";
275
+ readonly 'color.iconBorder.brand': "#1D7AFC";
276
+ readonly 'color.iconBorder.danger': "#E34935";
277
+ readonly 'color.iconBorder.discovery': "#8270DB";
278
+ readonly 'color.iconBorder.success': "#22A06B";
279
+ readonly 'color.iconBorder.warning': "#D97008";
280
+ readonly 'color.overlay.hover': "#091E424F";
281
+ readonly 'color.overlay.pressed': "#091E427A";
282
+ readonly 'shadow.card': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
283
+ readonly 'shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
284
+ readonly 'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
285
+ readonly 'elevation.shadow.overflow': "0px 8px 8px #091E4214, 0px 0px 1px #091E421F";
286
+ readonly 'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
287
+ readonly 'elevation.surface': "#FFFFFF";
288
+ readonly 'elevation.surface.hovered': "#F1F2F4";
289
+ readonly 'elevation.surface.pressed': "#DCDFE4";
290
+ readonly 'elevation.surface.sunken': "#F7F8F9";
291
+ readonly 'elevation.surface.raised': "#FFFFFF";
292
+ readonly 'elevation.surface.raised.hovered': "#F1F2F4";
293
+ readonly 'elevation.surface.raised.pressed': "#DCDFE4";
294
+ readonly 'elevation.surface.overlay': "#FFFFFF";
295
+ readonly 'elevation.surface.overlay.hovered': "#F1F2F4";
296
+ readonly 'elevation.surface.overlay.pressed': "#DCDFE4";
297
+ readonly 'opacity.disabled': "0.4";
298
+ readonly 'opacity.loading': "0.2";
299
+ readonly 'utility.UNSAFE_util.transparent': "transparent";
300
+ readonly 'utility.UNSAFE_util.MISSING_TOKEN': "#FA11F2";
301
+ };
302
+ export default defaultTokenValues;