@atlaskit/tokens 7.1.0 → 8.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 (120) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
  3. package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
  4. package/dist/cjs/artifacts/palettes-raw/palette.js +147 -147
  5. package/dist/cjs/artifacts/theme-import-map.js +1 -13
  6. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  8. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  9. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  10. package/dist/cjs/artifacts/token-default-values.js +266 -266
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +436 -436
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +375 -375
  15. package/dist/cjs/babel-plugin/plugin.js +8 -0
  16. package/dist/cjs/entry-points/palettes-raw.js +0 -7
  17. package/dist/cjs/entry-points/token-metadata.codegen.js +266 -266
  18. package/dist/cjs/entry-points/tokens-raw.js +0 -14
  19. package/dist/cjs/get-theme-styles.js +0 -3
  20. package/dist/cjs/get-token-value.js +0 -4
  21. package/dist/cjs/get-token.js +0 -4
  22. package/dist/cjs/theme-config.js +1 -19
  23. package/dist/cjs/utils/theme-loading.js +3 -7
  24. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
  25. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
  26. package/dist/es2019/artifacts/palettes-raw/palette.js +147 -147
  27. package/dist/es2019/artifacts/theme-import-map.js +2 -6
  28. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +289 -289
  29. package/dist/es2019/artifacts/themes/atlassian-dark.js +294 -294
  30. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +218 -218
  31. package/dist/es2019/artifacts/themes/atlassian-light.js +266 -266
  32. package/dist/es2019/artifacts/token-default-values.js +266 -266
  33. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
  34. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +436 -436
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +375 -375
  37. package/dist/es2019/babel-plugin/plugin.js +8 -0
  38. package/dist/es2019/entry-points/palettes-raw.js +0 -1
  39. package/dist/es2019/entry-points/token-metadata.codegen.js +266 -266
  40. package/dist/es2019/entry-points/tokens-raw.js +0 -2
  41. package/dist/es2019/get-theme-styles.js +0 -1
  42. package/dist/es2019/get-token-value.js +0 -4
  43. package/dist/es2019/get-token.js +0 -4
  44. package/dist/es2019/theme-config.js +1 -19
  45. package/dist/es2019/utils/theme-loading.js +0 -4
  46. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
  47. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
  48. package/dist/esm/artifacts/palettes-raw/palette.js +147 -147
  49. package/dist/esm/artifacts/theme-import-map.js +1 -9
  50. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  51. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  52. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  53. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  54. package/dist/esm/artifacts/token-default-values.js +266 -266
  55. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
  56. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +436 -436
  57. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
  58. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +375 -375
  59. package/dist/esm/babel-plugin/plugin.js +8 -0
  60. package/dist/esm/entry-points/palettes-raw.js +0 -1
  61. package/dist/esm/entry-points/token-metadata.codegen.js +266 -266
  62. package/dist/esm/entry-points/tokens-raw.js +0 -2
  63. package/dist/esm/get-theme-styles.js +0 -3
  64. package/dist/esm/get-token-value.js +0 -4
  65. package/dist/esm/get-token.js +0 -4
  66. package/dist/esm/theme-config.js +1 -19
  67. package/dist/esm/utils/theme-loading.js +3 -7
  68. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +8 -8
  69. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +7 -7
  70. package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
  71. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  72. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  73. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  74. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  75. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  76. package/dist/types/artifacts/token-default-values.d.ts +266 -266
  77. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  78. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  79. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  80. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  81. package/dist/types/babel-plugin/plugin.d.ts +4 -0
  82. package/dist/types/entry-points/palettes-raw.d.ts +0 -1
  83. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  84. package/dist/types/entry-points/tokens-raw.d.ts +0 -2
  85. package/dist/types/theme-config.d.ts +6 -6
  86. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +8 -8
  87. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +7 -7
  88. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
  89. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  90. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  91. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  92. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  93. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  94. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +266 -266
  95. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  96. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  97. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  98. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  99. package/dist/types-ts4.5/babel-plugin/plugin.d.ts +4 -0
  100. package/dist/types-ts4.5/entry-points/palettes-raw.d.ts +0 -1
  101. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  102. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -2
  103. package/dist/types-ts4.5/theme-config.d.ts +4 -8
  104. package/figma/atlassian-dark-increased-contrast.json +292 -292
  105. package/figma/atlassian-dark.json +297 -297
  106. package/figma/atlassian-light-increased-contrast.json +220 -220
  107. package/figma/atlassian-light.json +268 -268
  108. package/package.json +6 -6
  109. package/dist/cjs/artifacts/themes/atlassian-dark-brand-refresh.js +0 -12
  110. package/dist/cjs/artifacts/themes/atlassian-light-brand-refresh.js +0 -12
  111. package/dist/es2019/artifacts/themes/atlassian-dark-brand-refresh.js +0 -401
  112. package/dist/es2019/artifacts/themes/atlassian-light-brand-refresh.js +0 -401
  113. package/dist/esm/artifacts/themes/atlassian-dark-brand-refresh.js +0 -6
  114. package/dist/esm/artifacts/themes/atlassian-light-brand-refresh.js +0 -6
  115. package/dist/types/artifacts/themes/atlassian-dark-brand-refresh.d.ts +0 -7
  116. package/dist/types/artifacts/themes/atlassian-light-brand-refresh.d.ts +0 -7
  117. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-brand-refresh.d.ts +0 -7
  118. package/dist/types-ts4.5/artifacts/themes/atlassian-light-brand-refresh.d.ts +0 -7
  119. package/figma/atlassian-dark-brand-refresh.json +0 -3558
  120. package/figma/atlassian-light-brand-refresh.json +0 -3537
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 8.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`1e31925550257`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1e31925550257) -
8
+ [ux] We have removed the `platform-component-visual-refresh` feature flag. As a result:
9
+ - Default Themes Changed `light-brand-refresh` and `dark-brand-refresh` are now the default themes
10
+ for light and dark. If you were using on the `light-brand-refresh` or `dark-brand-refresh`
11
+ themes in `setGlobalTheme`, you'll need to update to the default themes.
12
+
13
+ ```diff
14
+ - setGlobalTheme('light-brand-refresh');
15
+ + setGlobalTheme('light');
16
+
17
+ - setGlobalTheme('dark-brand-refresh');
18
+ + setGlobalTheme('dark');
19
+ ```
20
+
21
+ - Accent Tokens Updated Pressed/hovered background tokens for accent colors (e.g.,
22
+ `background.accent.blue.subtle.pressed`) now use new 250/850 base tokens to improve
23
+ accessibility. This will cause visible color changes in light and dark themes. Checkout the new
24
+ color palette [here](https://atlassian.design/foundations/color-new/color-palette-new).
25
+
26
+ - Visual Regression (VR) Impact If you're using these tokens in your components, expect widespread
27
+ snapshot updates. This change may affect VR snapshots across apps and packages.
28
+
29
+ ## 7.1.1
30
+
31
+ ### Patch Changes
32
+
33
+ - [`df9a060fe8b7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/df9a060fe8b7f) -
34
+ Adds the native `@atlaspack/transformer-tokens` plugin for Atlassian Studio builds.
35
+
3
36
  ## 7.1.0
4
37
 
5
38
  ### Minor Changes
@@ -9,16 +9,16 @@ exports.default = void 0;
9
9
  *
10
10
  * Token names mapped to their values, used for contrast checking when generating custom themes
11
11
  *
12
- * @codegen <<SignedSource::023110f136ad929098f2d5a341b7ad7c>>
12
+ * @codegen <<SignedSource::a4300b2e54a0be0fd9143a9438bedc56>>
13
13
  * @codegenCommand yarn build tokens
14
14
  */
15
15
  var tokenValues = {
16
- 'color.text.brand': '#579DFF',
17
- 'elevation.surface.overlay': '#282E33',
18
- 'color.background.selected': '#1C2B41',
19
- 'color.text.selected': '#579DFF',
20
- 'color.border.brand': '#579DFF',
21
- 'color.chart.brand': '#388BFF',
22
- 'color.text.inverse': '#1D2125'
16
+ 'color.text.brand': '#669DF1',
17
+ 'elevation.surface.overlay': '#2B2C2F',
18
+ 'color.background.selected': '#1C2B42',
19
+ 'color.text.selected': '#669DF1',
20
+ 'color.border.brand': '#669DF1',
21
+ 'color.chart.brand': '#4688EC',
22
+ 'color.text.inverse': '#1F1F21'
23
23
  };
24
24
  var _default = exports.default = tokenValues;
@@ -9,16 +9,16 @@ exports.default = void 0;
9
9
  *
10
10
  * Token names mapped to their values, used for contrast checking when generating custom themes
11
11
  *
12
- * @codegen <<SignedSource::9975d8c2d3b07e5b405782c2d24fab5f>>
12
+ * @codegen <<SignedSource::9bb4cd1746b9d02e7d3b431f3310479f>>
13
13
  * @codegenCommand yarn build tokens
14
14
  */
15
15
  var tokenValues = {
16
- 'color.text.brand': '#0C66E4',
17
- 'elevation.surface.sunken': '#F7F8F9',
18
- 'color.background.selected': '#E9F2FF',
19
- 'color.text.selected': '#0C66E4',
20
- 'color.border.brand': '#0C66E4',
21
- 'color.chart.brand': '#1D7AFC',
16
+ 'color.text.brand': '#1868DB',
17
+ 'elevation.surface.sunken': '#F8F8F8',
18
+ 'color.background.selected': '#E9F2FE',
19
+ 'color.text.selected': '#1868DB',
20
+ 'color.border.brand': '#1868DB',
21
+ 'color.chart.brand': '#357DE8',
22
22
  'color.text.inverse': '#FFFFFF'
23
23
  };
24
24
  var _default = exports.default = tokenValues;