@atlaskit/tokens 0.13.5 → 1.0.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 (187) hide show
  1. package/CHANGELOG.md +289 -0
  2. package/README.md +7 -16
  3. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
  4. package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
  5. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
  6. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
  7. package/dist/cjs/artifacts/replacement-mapping.js +2 -402
  8. package/dist/cjs/artifacts/theme-import-map.js +56 -0
  9. package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
  10. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
  11. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
  12. package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
  13. package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
  14. package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
  15. package/dist/cjs/artifacts/token-default-values.js +2 -104
  16. package/dist/cjs/artifacts/token-names.js +2 -104
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
  21. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +0 -1
  22. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
  23. package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
  24. package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
  25. package/dist/cjs/babel-plugin/index.js +0 -2
  26. package/dist/cjs/babel-plugin/plugin.js +17 -43
  27. package/dist/cjs/entry-points/babel-plugin.js +0 -2
  28. package/dist/cjs/entry-points/palettes-raw.js +0 -2
  29. package/dist/cjs/entry-points/rename-mapping.js +0 -2
  30. package/dist/cjs/entry-points/token-ids.js +0 -1
  31. package/dist/cjs/entry-points/token-names.js +0 -2
  32. package/dist/cjs/entry-points/tokens-raw.js +0 -5
  33. package/dist/cjs/get-global-theme.js +30 -0
  34. package/dist/cjs/get-token-value.js +1 -10
  35. package/dist/cjs/get-token.js +3 -13
  36. package/dist/cjs/index.js +46 -10
  37. package/dist/cjs/palettes/legacy-palette.js +1 -1
  38. package/dist/cjs/palettes/spacing-scale.js +1 -1
  39. package/dist/cjs/palettes/typography-palette.js +0 -5
  40. package/dist/cjs/set-global-theme.js +265 -39
  41. package/dist/cjs/theme-config.js +8 -23
  42. package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
  43. package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
  44. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  45. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  46. package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
  47. package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -1
  48. package/dist/cjs/tokens/default/spacing/spacing.js +0 -1
  49. package/dist/cjs/tokens/default/utility/utility.js +1 -9
  50. package/dist/cjs/use-theme-observer.js +41 -0
  51. package/dist/cjs/utils/color-detection.js +23 -43
  52. package/dist/cjs/utils/theme-loading.js +69 -0
  53. package/dist/cjs/utils/theme-state-transformer.js +73 -0
  54. package/dist/cjs/utils/token-ids.js +4 -12
  55. package/dist/cjs/version.json +1 -1
  56. package/dist/es2019/artifacts/replacement-mapping.js +2 -401
  57. package/dist/es2019/artifacts/theme-import-map.js +27 -0
  58. package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
  59. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
  60. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
  61. package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
  62. package/{css/atlassian-spacing.css → dist/es2019/artifacts/themes/atlassian-spacing.js} +4 -2
  63. package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
  64. package/dist/es2019/artifacts/token-default-values.js +2 -103
  65. package/dist/es2019/artifacts/token-names.js +2 -103
  66. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  67. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  68. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  69. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  70. package/dist/es2019/babel-plugin/plugin.js +17 -37
  71. package/dist/es2019/get-global-theme.js +20 -0
  72. package/dist/es2019/get-token-value.js +1 -6
  73. package/dist/es2019/get-token.js +3 -8
  74. package/dist/es2019/index.js +5 -2
  75. package/dist/es2019/palettes/legacy-palette.js +1 -0
  76. package/dist/es2019/palettes/spacing-scale.js +1 -0
  77. package/dist/es2019/palettes/typography-palette.js +2 -1
  78. package/dist/es2019/set-global-theme.js +162 -32
  79. package/dist/es2019/theme-config.js +5 -21
  80. package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
  81. package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
  82. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  83. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  84. package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
  85. package/dist/es2019/tokens/default/utility/utility.js +1 -9
  86. package/dist/es2019/use-theme-observer.js +26 -0
  87. package/dist/es2019/utils/color-detection.js +3 -5
  88. package/dist/es2019/utils/theme-loading.js +18 -0
  89. package/dist/es2019/utils/theme-state-transformer.js +47 -0
  90. package/dist/es2019/utils/token-ids.js +5 -4
  91. package/dist/es2019/version.json +1 -1
  92. package/dist/esm/artifacts/replacement-mapping.js +2 -401
  93. package/dist/esm/artifacts/theme-import-map.js +39 -0
  94. package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
  95. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
  96. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
  97. package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
  98. package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
  99. package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
  100. package/dist/esm/artifacts/token-default-values.js +2 -103
  101. package/dist/esm/artifacts/token-names.js +2 -103
  102. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  103. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  104. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  105. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  106. package/dist/esm/babel-plugin/plugin.js +17 -35
  107. package/dist/esm/get-global-theme.js +22 -0
  108. package/dist/esm/get-token-value.js +1 -6
  109. package/dist/esm/get-token.js +3 -8
  110. package/dist/esm/index.js +5 -2
  111. package/dist/esm/palettes/legacy-palette.js +1 -0
  112. package/dist/esm/palettes/spacing-scale.js +1 -0
  113. package/dist/esm/palettes/typography-palette.js +0 -3
  114. package/dist/esm/set-global-theme.js +263 -37
  115. package/dist/esm/theme-config.js +5 -21
  116. package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
  117. package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
  118. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  119. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  120. package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
  121. package/dist/esm/tokens/default/utility/utility.js +1 -9
  122. package/dist/esm/use-theme-observer.js +34 -0
  123. package/dist/esm/utils/color-detection.js +23 -30
  124. package/dist/esm/utils/theme-loading.js +60 -0
  125. package/dist/esm/utils/theme-state-transformer.js +64 -0
  126. package/dist/esm/utils/token-ids.js +5 -4
  127. package/dist/esm/version.json +1 -1
  128. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  129. package/dist/types/artifacts/theme-import-map.d.ts +16 -0
  130. package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
  131. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
  132. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
  133. package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
  134. package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
  135. package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
  136. package/dist/types/artifacts/token-default-values.d.ts +2 -103
  137. package/dist/types/artifacts/token-names.d.ts +3 -205
  138. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
  139. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
  140. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
  141. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
  142. package/dist/types/artifacts/types-internal.d.ts +2 -2
  143. package/dist/types/artifacts/types.d.ts +2 -2
  144. package/dist/types/get-global-theme.d.ts +2 -0
  145. package/dist/types/index.d.ts +7 -3
  146. package/dist/types/set-global-theme.d.ts +63 -7
  147. package/dist/types/theme-config.d.ts +10 -7
  148. package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
  149. package/dist/types/types.d.ts +1 -180
  150. package/dist/types/use-theme-observer.d.ts +15 -0
  151. package/dist/types/utils/theme-loading.d.ts +3 -0
  152. package/dist/types/utils/theme-state-transformer.d.ts +26 -0
  153. package/figma/atlassian-dark.json +1 -102
  154. package/figma/atlassian-legacy-dark.json +1 -102
  155. package/figma/atlassian-legacy-light.json +1 -102
  156. package/figma/atlassian-light.json +1 -102
  157. package/package.json +5 -8
  158. package/report.api.md +85 -219
  159. package/tmp/api-report-tmp.d.ts +58 -210
  160. package/css/atlassian-dark.css +0 -786
  161. package/css/atlassian-legacy-dark.css +0 -786
  162. package/css/atlassian-legacy-light.css +0 -786
  163. package/css/atlassian-light.css +0 -786
  164. package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
  165. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
  166. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
  167. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
  168. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
  169. package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
  170. package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  171. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  172. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  173. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  174. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  175. package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
  176. package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  177. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  178. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  179. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  180. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  181. package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
  182. package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
  183. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
  184. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
  185. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
  186. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
  187. package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
package/figma/atlassian-legacy-light.json CHANGED
@@ -2606,106 +2606,5 @@
2606
2606
  ]
2607
2607
  }
2608
2608
  },
2609
- "renameMap": {
2610
- "Legacy light/color.text.highEmphasis": "Legacy light/color.text",
2611
- "Legacy light/color.text.link.pressed": "Legacy light/color.link.pressed",
2612
- "Legacy light/color.text.link.resting": "Legacy light/color.link",
2613
- "Legacy light/color.text.lowEmphasis": "Legacy light/color.text.subtlest",
2614
- "Legacy light/color.text.mediumEmphasis": "Legacy light/color.text.subtle",
2615
- "Legacy light/color.text.onBold": "Legacy light/color.text.inverse",
2616
- "Legacy light/color.text.onBoldWarning": "Legacy light/color.text.warning.inverse",
2617
- "Legacy light/color.border.focus": "Legacy light/color.border.focused",
2618
- "Legacy light/color.border.neutral": "Legacy light/color.border",
2619
- "Legacy light/color.background.accent.blue": "Legacy light/color.background.accent.blue.subtler",
2620
- "Legacy light/color.background.accent.blue.bold": "Legacy light/color.background.accent.blue.subtle",
2621
- "Legacy light/color.background.accent.red": "Legacy light/color.background.accent.red.subtler",
2622
- "Legacy light/color.background.accent.red.bold": "Legacy light/color.background.accent.red.subtle",
2623
- "Legacy light/color.background.accent.orange": "Legacy light/color.background.accent.orange.subtler",
2624
- "Legacy light/color.background.accent.orange.bold": "Legacy light/color.background.accent.orange.subtle",
2625
- "Legacy light/color.background.accent.yellow": "Legacy light/color.background.accent.yellow.subtler",
2626
- "Legacy light/color.background.accent.yellow.bold": "Legacy light/color.background.accent.yellow.subtle",
2627
- "Legacy light/color.background.accent.green": "Legacy light/color.background.accent.green.subtler",
2628
- "Legacy light/color.background.accent.green.bold": "Legacy light/color.background.accent.green.subtle",
2629
- "Legacy light/color.background.accent.teal": "Legacy light/color.background.accent.teal.subtler",
2630
- "Legacy light/color.background.accent.teal.bold": "Legacy light/color.background.accent.teal.subtle",
2631
- "Legacy light/color.background.accent.purple": "Legacy light/color.background.accent.purple.subtler",
2632
- "Legacy light/color.background.accent.purple.bold": "Legacy light/color.background.accent.purple.subtle",
2633
- "Legacy light/color.background.accent.magenta": "Legacy light/color.background.accent.magenta.subtler",
2634
- "Legacy light/color.background.accent.magenta.bold": "Legacy light/color.background.accent.magenta.subtle",
2635
- "Legacy light/color.background.inverse": "Legacy light/color.background.inverse.subtle",
2636
- "Legacy light/color.background.brand": "Legacy light/color.background.selected",
2637
- "Legacy light/color.background.brand.hovered": "Legacy light/color.background.selected.hovered",
2638
- "Legacy light/color.background.brand.pressed": "Legacy light/color.background.selected.pressed",
2639
- "Legacy light/color.background.selected.resting": "Legacy light/color.background.selected",
2640
- "Legacy light/color.background.selected.hover": "Legacy light/color.background.selected.hovered",
2641
- "Legacy light/color.background.blanket": "Legacy light/color.blanket",
2642
- "Legacy light/color.background.boldBrand.hover": "Legacy light/color.background.brand.bold.hovered",
2643
- "Legacy light/color.background.boldBrand.pressed": "Legacy light/color.background.brand.bold.pressed",
2644
- "Legacy light/color.background.boldBrand.resting": "Legacy light/color.background.brand.bold",
2645
- "Legacy light/color.background.boldDanger.hover": "Legacy light/color.background.danger.bold.hovered",
2646
- "Legacy light/color.background.boldDanger.pressed": "Legacy light/color.background.danger.bold.pressed",
2647
- "Legacy light/color.background.boldDanger.resting": "Legacy light/color.background.danger.bold",
2648
- "Legacy light/color.background.boldDiscovery.hover": "Legacy light/color.background.discovery.bold.hovered",
2649
- "Legacy light/color.background.boldDiscovery.pressed": "Legacy light/color.background.discovery.bold.pressed",
2650
- "Legacy light/color.background.boldDiscovery.resting": "Legacy light/color.background.discovery.bold",
2651
- "Legacy light/color.background.boldNeutral.hover": "Legacy light/color.background.neutral.bold.hovered",
2652
- "Legacy light/color.background.boldNeutral.pressed": "Legacy light/color.background.neutral.bold.pressed",
2653
- "Legacy light/color.background.boldNeutral.resting": "Legacy light/color.background.neutral.bold",
2654
- "Legacy light/color.background.boldSuccess.hover": "Legacy light/color.background.success.bold.hovered",
2655
- "Legacy light/color.background.boldSuccess.pressed": "Legacy light/color.background.success.bold.pressed",
2656
- "Legacy light/color.background.boldSuccess.resting": "Legacy light/color.background.success.bold",
2657
- "Legacy light/color.background.boldWarning.hover": "Legacy light/color.background.warning.bold.hovered",
2658
- "Legacy light/color.background.boldWarning.pressed": "Legacy light/color.background.warning.bold.pressed",
2659
- "Legacy light/color.background.boldWarning.resting": "Legacy light/color.background.warning.bold",
2660
- "Legacy light/color.background.card": "Legacy light/elevation.surface.raised",
2661
- "Legacy light/color.background.default": "Legacy light/elevation.surface",
2662
- "Legacy light/color.background.overlay": "Legacy light/elevation.surface.overlay",
2663
- "Legacy light/color.background.subtleBorderedNeutral.pressed": "Legacy light/color.background.input.pressed",
2664
- "Legacy light/color.background.subtleBorderedNeutral.resting": "Legacy light/color.background.input",
2665
- "Legacy light/color.background.subtleBrand.hover": "Legacy light/color.background.selected.hovered",
2666
- "Legacy light/color.background.subtleBrand.pressed": "Legacy light/color.background.selected.pressed",
2667
- "Legacy light/color.background.subtleBrand.resting": "Legacy light/color.background.selected",
2668
- "Legacy light/color.background.subtleDanger.hover": "Legacy light/color.background.danger.hovered",
2669
- "Legacy light/color.background.subtleDanger.pressed": "Legacy light/color.background.danger.pressed",
2670
- "Legacy light/color.background.subtleDanger.resting": "Legacy light/color.background.danger",
2671
- "Legacy light/color.background.subtleDiscovery.hover": "Legacy light/color.background.discovery.hovered",
2672
- "Legacy light/color.background.subtleDiscovery.pressed": "Legacy light/color.background.discovery.pressed",
2673
- "Legacy light/color.background.subtleDiscovery.resting": "Legacy light/color.background.discovery",
2674
- "Legacy light/color.background.subtleNeutral.hover": "Legacy light/color.background.neutral.hovered",
2675
- "Legacy light/color.background.subtleNeutral.pressed": "Legacy light/color.background.neutral.pressed",
2676
- "Legacy light/color.background.subtleNeutral.resting": "Legacy light/color.background.neutral",
2677
- "Legacy light/color.background.subtleSuccess.hover": "Legacy light/color.background.success.hovered",
2678
- "Legacy light/color.background.subtleSuccess.pressed": "Legacy light/color.background.success.pressed",
2679
- "Legacy light/color.background.subtleSuccess.resting": "Legacy light/color.background.success",
2680
- "Legacy light/color.background.subtleWarning.hover": "Legacy light/color.background.warning.hovered",
2681
- "Legacy light/color.background.subtleWarning.pressed": "Legacy light/color.background.warning.pressed",
2682
- "Legacy light/color.background.subtleWarning.resting": "Legacy light/color.background.warning",
2683
- "Legacy light/color.background.sunken": "Legacy light/elevation.surface.sunken",
2684
- "Legacy light/color.background.transparentNeutral.hover": "Legacy light/color.background.neutral.subtle.hovered",
2685
- "Legacy light/color.background.transparentNeutral.pressed": "Legacy light/color.background.neutral.subtle.pressed",
2686
- "Legacy light/color.interaction.inverse.hovered": "Legacy light/color.background.inverse.subtle.hovered",
2687
- "Legacy light/color.interaction.inverse.pressed": "Legacy light/color.background.inverse.subtle.pressed",
2688
- "Legacy light/color.accent.boldBlue": "Legacy light/color.background.accent.blue.bolder",
2689
- "Legacy light/color.accent.boldGreen": "Legacy light/color.background.accent.green.bolder",
2690
- "Legacy light/color.accent.boldOrange": "Legacy light/color.background.accent.orange.bolder",
2691
- "Legacy light/color.accent.boldPurple": "Legacy light/color.background.accent.purple.bolder",
2692
- "Legacy light/color.accent.boldRed": "Legacy light/color.background.accent.red.bolder",
2693
- "Legacy light/color.accent.boldTeal": "Legacy light/color.background.accent.teal.bolder",
2694
- "Legacy light/color.accent.subtleBlue": "Legacy light/color.background.accent.blue.subtler",
2695
- "Legacy light/color.accent.subtleGreen": "Legacy light/color.background.accent.green.subtler",
2696
- "Legacy light/color.accent.subtleMagenta": "Legacy light/color.background.accent.magenta.subtler",
2697
- "Legacy light/color.accent.subtleOrange": "Legacy light/color.background.accent.orange.subtler",
2698
- "Legacy light/color.accent.subtlePurple": "Legacy light/color.background.accent.purple.subtler",
2699
- "Legacy light/color.accent.subtleRed": "Legacy light/color.background.accent.red.subtler",
2700
- "Legacy light/color.accent.subtleTeal": "Legacy light/color.background.accent.teal.subtler",
2701
- "Legacy light/color.iconBorder.brand": "Legacy light/color.icon.brand",
2702
- "Legacy light/color.iconBorder.danger": "Legacy light/color.icon.danger",
2703
- "Legacy light/color.iconBorder.discovery": "Legacy light/color.icon.discovery",
2704
- "Legacy light/color.iconBorder.success": "Legacy light/color.icon.success",
2705
- "Legacy light/color.iconBorder.warning": "Legacy light/color.icon.warning",
2706
- "Legacy light/color.overlay.hover": "Legacy light/color.interaction.hovered",
2707
- "Legacy light/color.overlay.pressed": "Legacy light/color.interaction.pressed",
2708
- "Legacy light/shadow.card": "Legacy light/elevation.shadow.raised",
2709
- "Legacy light/shadow.overlay": "Legacy light/elevation.shadow.overlay"
2710
- }
2609
+ "renameMap": {}
2711
2610
  }
package/figma/atlassian-light.json CHANGED
@@ -2606,106 +2606,5 @@
2606
2606
  ]
2607
2607
  }
2608
2608
  },
2609
- "renameMap": {
2610
- "Light/color.text.highEmphasis": "Light/color.text",
2611
- "Light/color.text.link.pressed": "Light/color.link.pressed",
2612
- "Light/color.text.link.resting": "Light/color.link",
2613
- "Light/color.text.lowEmphasis": "Light/color.text.subtlest",
2614
- "Light/color.text.mediumEmphasis": "Light/color.text.subtle",
2615
- "Light/color.text.onBold": "Light/color.text.inverse",
2616
- "Light/color.text.onBoldWarning": "Light/color.text.warning.inverse",
2617
- "Light/color.border.focus": "Light/color.border.focused",
2618
- "Light/color.border.neutral": "Light/color.border",
2619
- "Light/color.background.accent.blue": "Light/color.background.accent.blue.subtler",
2620
- "Light/color.background.accent.blue.bold": "Light/color.background.accent.blue.subtle",
2621
- "Light/color.background.accent.red": "Light/color.background.accent.red.subtler",
2622
- "Light/color.background.accent.red.bold": "Light/color.background.accent.red.subtle",
2623
- "Light/color.background.accent.orange": "Light/color.background.accent.orange.subtler",
2624
- "Light/color.background.accent.orange.bold": "Light/color.background.accent.orange.subtle",
2625
- "Light/color.background.accent.yellow": "Light/color.background.accent.yellow.subtler",
2626
- "Light/color.background.accent.yellow.bold": "Light/color.background.accent.yellow.subtle",
2627
- "Light/color.background.accent.green": "Light/color.background.accent.green.subtler",
2628
- "Light/color.background.accent.green.bold": "Light/color.background.accent.green.subtle",
2629
- "Light/color.background.accent.teal": "Light/color.background.accent.teal.subtler",
2630
- "Light/color.background.accent.teal.bold": "Light/color.background.accent.teal.subtle",
2631
- "Light/color.background.accent.purple": "Light/color.background.accent.purple.subtler",
2632
- "Light/color.background.accent.purple.bold": "Light/color.background.accent.purple.subtle",
2633
- "Light/color.background.accent.magenta": "Light/color.background.accent.magenta.subtler",
2634
- "Light/color.background.accent.magenta.bold": "Light/color.background.accent.magenta.subtle",
2635
- "Light/color.background.inverse": "Light/color.background.inverse.subtle",
2636
- "Light/color.background.brand": "Light/color.background.selected",
2637
- "Light/color.background.brand.hovered": "Light/color.background.selected.hovered",
2638
- "Light/color.background.brand.pressed": "Light/color.background.selected.pressed",
2639
- "Light/color.background.selected.resting": "Light/color.background.selected",
2640
- "Light/color.background.selected.hover": "Light/color.background.selected.hovered",
2641
- "Light/color.background.blanket": "Light/color.blanket",
2642
- "Light/color.background.boldBrand.hover": "Light/color.background.brand.bold.hovered",
2643
- "Light/color.background.boldBrand.pressed": "Light/color.background.brand.bold.pressed",
2644
- "Light/color.background.boldBrand.resting": "Light/color.background.brand.bold",
2645
- "Light/color.background.boldDanger.hover": "Light/color.background.danger.bold.hovered",
2646
- "Light/color.background.boldDanger.pressed": "Light/color.background.danger.bold.pressed",
2647
- "Light/color.background.boldDanger.resting": "Light/color.background.danger.bold",
2648
- "Light/color.background.boldDiscovery.hover": "Light/color.background.discovery.bold.hovered",
2649
- "Light/color.background.boldDiscovery.pressed": "Light/color.background.discovery.bold.pressed",
2650
- "Light/color.background.boldDiscovery.resting": "Light/color.background.discovery.bold",
2651
- "Light/color.background.boldNeutral.hover": "Light/color.background.neutral.bold.hovered",
2652
- "Light/color.background.boldNeutral.pressed": "Light/color.background.neutral.bold.pressed",
2653
- "Light/color.background.boldNeutral.resting": "Light/color.background.neutral.bold",
2654
- "Light/color.background.boldSuccess.hover": "Light/color.background.success.bold.hovered",
2655
- "Light/color.background.boldSuccess.pressed": "Light/color.background.success.bold.pressed",
2656
- "Light/color.background.boldSuccess.resting": "Light/color.background.success.bold",
2657
- "Light/color.background.boldWarning.hover": "Light/color.background.warning.bold.hovered",
2658
- "Light/color.background.boldWarning.pressed": "Light/color.background.warning.bold.pressed",
2659
- "Light/color.background.boldWarning.resting": "Light/color.background.warning.bold",
2660
- "Light/color.background.card": "Light/elevation.surface.raised",
2661
- "Light/color.background.default": "Light/elevation.surface",
2662
- "Light/color.background.overlay": "Light/elevation.surface.overlay",
2663
- "Light/color.background.subtleBorderedNeutral.pressed": "Light/color.background.input.pressed",
2664
- "Light/color.background.subtleBorderedNeutral.resting": "Light/color.background.input",
2665
- "Light/color.background.subtleBrand.hover": "Light/color.background.selected.hovered",
2666
- "Light/color.background.subtleBrand.pressed": "Light/color.background.selected.pressed",
2667
- "Light/color.background.subtleBrand.resting": "Light/color.background.selected",
2668
- "Light/color.background.subtleDanger.hover": "Light/color.background.danger.hovered",
2669
- "Light/color.background.subtleDanger.pressed": "Light/color.background.danger.pressed",
2670
- "Light/color.background.subtleDanger.resting": "Light/color.background.danger",
2671
- "Light/color.background.subtleDiscovery.hover": "Light/color.background.discovery.hovered",
2672
- "Light/color.background.subtleDiscovery.pressed": "Light/color.background.discovery.pressed",
2673
- "Light/color.background.subtleDiscovery.resting": "Light/color.background.discovery",
2674
- "Light/color.background.subtleNeutral.hover": "Light/color.background.neutral.hovered",
2675
- "Light/color.background.subtleNeutral.pressed": "Light/color.background.neutral.pressed",
2676
- "Light/color.background.subtleNeutral.resting": "Light/color.background.neutral",
2677
- "Light/color.background.subtleSuccess.hover": "Light/color.background.success.hovered",
2678
- "Light/color.background.subtleSuccess.pressed": "Light/color.background.success.pressed",
2679
- "Light/color.background.subtleSuccess.resting": "Light/color.background.success",
2680
- "Light/color.background.subtleWarning.hover": "Light/color.background.warning.hovered",
2681
- "Light/color.background.subtleWarning.pressed": "Light/color.background.warning.pressed",
2682
- "Light/color.background.subtleWarning.resting": "Light/color.background.warning",
2683
- "Light/color.background.sunken": "Light/elevation.surface.sunken",
2684
- "Light/color.background.transparentNeutral.hover": "Light/color.background.neutral.subtle.hovered",
2685
- "Light/color.background.transparentNeutral.pressed": "Light/color.background.neutral.subtle.pressed",
2686
- "Light/color.interaction.inverse.hovered": "Light/color.background.inverse.subtle.hovered",
2687
- "Light/color.interaction.inverse.pressed": "Light/color.background.inverse.subtle.pressed",
2688
- "Light/color.accent.boldBlue": "Light/color.background.accent.blue.bolder",
2689
- "Light/color.accent.boldGreen": "Light/color.background.accent.green.bolder",
2690
- "Light/color.accent.boldOrange": "Light/color.background.accent.orange.bolder",
2691
- "Light/color.accent.boldPurple": "Light/color.background.accent.purple.bolder",
2692
- "Light/color.accent.boldRed": "Light/color.background.accent.red.bolder",
2693
- "Light/color.accent.boldTeal": "Light/color.background.accent.teal.bolder",
2694
- "Light/color.accent.subtleBlue": "Light/color.background.accent.blue.subtler",
2695
- "Light/color.accent.subtleGreen": "Light/color.background.accent.green.subtler",
2696
- "Light/color.accent.subtleMagenta": "Light/color.background.accent.magenta.subtler",
2697
- "Light/color.accent.subtleOrange": "Light/color.background.accent.orange.subtler",
2698
- "Light/color.accent.subtlePurple": "Light/color.background.accent.purple.subtler",
2699
- "Light/color.accent.subtleRed": "Light/color.background.accent.red.subtler",
2700
- "Light/color.accent.subtleTeal": "Light/color.background.accent.teal.subtler",
2701
- "Light/color.iconBorder.brand": "Light/color.icon.brand",
2702
- "Light/color.iconBorder.danger": "Light/color.icon.danger",
2703
- "Light/color.iconBorder.discovery": "Light/color.icon.discovery",
2704
- "Light/color.iconBorder.success": "Light/color.icon.success",
2705
- "Light/color.iconBorder.warning": "Light/color.icon.warning",
2706
- "Light/color.overlay.hover": "Light/color.interaction.hovered",
2707
- "Light/color.overlay.pressed": "Light/color.interaction.pressed",
2708
- "Light/shadow.card": "Light/elevation.shadow.raised",
2709
- "Light/shadow.overlay": "Light/elevation.shadow.overlay"
2710
- }
2609
+ "renameMap": {}
2711
2610
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.13.5",
3
+ "version": "1.0.0",
4
4
  "author": "Atlassian Pty Ltd",
5
5
  "description": "Design tokens are the single source of truth to name and store design decisions.",
6
6
  "license": "Apache-2.0",
@@ -41,11 +41,7 @@
41
41
  "./token-ids": "./src/entry-points/token-ids.tsx",
42
42
  "./token-names": "./src/entry-points/token-names.tsx",
43
43
  "./rename-mapping": "./src/entry-points/rename-mapping.tsx",
44
- "./babel-plugin": "./src/entry-points/babel-plugin.tsx",
45
- "./css/atlassian-light.css": "./css/atlassian-light.css",
46
- "./css/atlassian-dark.css": "./css/atlassian-dark.css",
47
- "./css/atlassian-legacy-light.css": "./css/atlassian-legacy-light.css",
48
- "./css/atlassian-legacy-dark.css": "./css/atlassian-legacy-dark.css"
44
+ "./babel-plugin": "./src/entry-points/babel-plugin.tsx"
49
45
  },
50
46
  "scripts": {
51
47
  "ak-postbuild": "(cd $(npx repo-root) && yarn build @af/codegen) && yarn workspace @atlaskit/tokens codegen-tokens && yarn workspace @atlaskit/tokens check-clean-git",
@@ -56,7 +52,8 @@
56
52
  "@atlaskit/ds-lib": "^2.1.0",
57
53
  "@babel/runtime": "^7.0.0",
58
54
  "@babel/traverse": "^7.15.0",
59
- "@babel/types": "^7.15.0"
55
+ "@babel/types": "^7.15.0",
56
+ "bind-event-listener": "^2.1.1"
60
57
  },
61
58
  "peerDependencies": {
62
59
  "react": "^16.8.0"
@@ -68,7 +65,7 @@
68
65
  "@atlaskit/badge": "^15.0.11",
69
66
  "@atlaskit/button": "^16.5.0",
70
67
  "@atlaskit/checkbox": "^12.4.0",
71
- "@atlaskit/code": "^14.4.0",
68
+ "@atlaskit/code": "^14.4.5",
72
69
  "@atlaskit/docs": "^9.0.10",
73
70
  "@atlaskit/dropdown-menu": "^11.5.0",
74
71
  "@atlaskit/ds-explorations": "^2.0.0",