@atlaskit/tokens 7.1.1 → 8.1.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 (154) hide show
  1. package/CHANGELOG.md +34 -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/palettes-raw/shape-palette.js +1 -16
  6. package/dist/cjs/artifacts/theme-import-map.js +1 -13
  7. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  8. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  9. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  10. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  11. package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
  12. package/dist/cjs/artifacts/token-default-values.js +267 -266
  13. package/dist/cjs/artifacts/token-names.js +2 -1
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +436 -436
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +375 -375
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +25 -1
  19. package/dist/cjs/entry-points/palettes-raw.js +0 -7
  20. package/dist/cjs/entry-points/token-metadata.codegen.js +271 -266
  21. package/dist/cjs/entry-points/tokens-raw.js +0 -14
  22. package/dist/cjs/get-theme-styles.js +0 -3
  23. package/dist/cjs/get-token-value.js +0 -4
  24. package/dist/cjs/get-token.js +0 -4
  25. package/dist/cjs/theme-config.js +1 -19
  26. package/dist/cjs/utils/theme-loading.js +3 -7
  27. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
  28. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
  29. package/dist/es2019/artifacts/palettes-raw/palette.js +147 -147
  30. package/dist/es2019/artifacts/palettes-raw/shape-palette.js +1 -16
  31. package/dist/es2019/artifacts/theme-import-map.js +2 -6
  32. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +289 -289
  33. package/dist/es2019/artifacts/themes/atlassian-dark.js +294 -294
  34. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +218 -218
  35. package/dist/es2019/artifacts/themes/atlassian-light.js +266 -266
  36. package/dist/es2019/artifacts/themes/atlassian-shape.js +2 -1
  37. package/dist/es2019/artifacts/token-default-values.js +267 -266
  38. package/dist/es2019/artifacts/token-names.js +2 -1
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +436 -436
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
  42. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +375 -375
  43. package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +25 -1
  44. package/dist/es2019/entry-points/palettes-raw.js +0 -1
  45. package/dist/es2019/entry-points/token-metadata.codegen.js +271 -266
  46. package/dist/es2019/entry-points/tokens-raw.js +0 -2
  47. package/dist/es2019/get-theme-styles.js +0 -1
  48. package/dist/es2019/get-token-value.js +0 -4
  49. package/dist/es2019/get-token.js +0 -4
  50. package/dist/es2019/theme-config.js +1 -19
  51. package/dist/es2019/utils/theme-loading.js +0 -4
  52. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
  53. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
  54. package/dist/esm/artifacts/palettes-raw/palette.js +147 -147
  55. package/dist/esm/artifacts/palettes-raw/shape-palette.js +1 -16
  56. package/dist/esm/artifacts/theme-import-map.js +1 -9
  57. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  58. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  59. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  60. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  61. package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
  62. package/dist/esm/artifacts/token-default-values.js +267 -266
  63. package/dist/esm/artifacts/token-names.js +2 -1
  64. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
  65. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +436 -436
  66. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
  67. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +375 -375
  68. package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +25 -1
  69. package/dist/esm/entry-points/palettes-raw.js +0 -1
  70. package/dist/esm/entry-points/token-metadata.codegen.js +271 -266
  71. package/dist/esm/entry-points/tokens-raw.js +0 -2
  72. package/dist/esm/get-theme-styles.js +0 -3
  73. package/dist/esm/get-token-value.js +0 -4
  74. package/dist/esm/get-token.js +0 -4
  75. package/dist/esm/theme-config.js +1 -19
  76. package/dist/esm/utils/theme-loading.js +3 -7
  77. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +8 -8
  78. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +7 -7
  79. package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
  80. package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  81. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  82. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  83. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  84. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  85. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  86. package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
  87. package/dist/types/artifacts/token-default-values.d.ts +267 -266
  88. package/dist/types/artifacts/token-names.d.ts +3 -1
  89. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  90. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  91. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  92. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  93. package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
  94. package/dist/types/artifacts/types-internal.d.ts +2 -2
  95. package/dist/types/artifacts/types.d.ts +2 -2
  96. package/dist/types/entry-points/css-type-schema.codegen.d.ts +2 -2
  97. package/dist/types/entry-points/palettes-raw.d.ts +0 -1
  98. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  99. package/dist/types/entry-points/tokens-raw.d.ts +0 -2
  100. package/dist/types/theme-config.d.ts +6 -6
  101. package/dist/types/types.d.ts +1 -0
  102. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +8 -8
  103. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +7 -7
  104. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
  105. package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  106. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  107. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  108. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  109. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  110. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  111. package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
  112. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +267 -266
  113. package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
  114. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  115. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  116. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  117. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  118. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
  119. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  120. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  121. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +2 -2
  122. package/dist/types-ts4.5/entry-points/palettes-raw.d.ts +0 -1
  123. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  124. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -2
  125. package/dist/types-ts4.5/theme-config.d.ts +4 -8
  126. package/dist/types-ts4.5/types.d.ts +1 -0
  127. package/figma/atlassian-dark-increased-contrast.json +292 -292
  128. package/figma/atlassian-dark.json +297 -297
  129. package/figma/atlassian-light-increased-contrast.json +220 -220
  130. package/figma/atlassian-light.json +268 -268
  131. package/figma/atlassian-shape.json +12 -0
  132. package/package.json +11 -11
  133. package/dist/cjs/artifacts/themes/atlassian-dark-brand-refresh.js +0 -12
  134. package/dist/cjs/artifacts/themes/atlassian-light-brand-refresh.js +0 -12
  135. package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -252
  136. package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -252
  137. package/dist/es2019/artifacts/themes/atlassian-dark-brand-refresh.js +0 -401
  138. package/dist/es2019/artifacts/themes/atlassian-light-brand-refresh.js +0 -401
  139. package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -246
  140. package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -246
  141. package/dist/esm/artifacts/themes/atlassian-dark-brand-refresh.js +0 -6
  142. package/dist/esm/artifacts/themes/atlassian-light-brand-refresh.js +0 -6
  143. package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -246
  144. package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -246
  145. package/dist/types/artifacts/themes/atlassian-dark-brand-refresh.d.ts +0 -7
  146. package/dist/types/artifacts/themes/atlassian-light-brand-refresh.d.ts +0 -7
  147. package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +0 -30
  148. package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +0 -30
  149. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-brand-refresh.d.ts +0 -7
  150. package/dist/types-ts4.5/artifacts/themes/atlassian-light-brand-refresh.d.ts +0 -7
  151. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +0 -30
  152. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +0 -30
  153. package/figma/atlassian-dark-brand-refresh.json +0 -3558
  154. package/figma/atlassian-light-brand-refresh.json +0 -3537
package/CHANGELOG.md CHANGED
@@ -1,5 +1,39 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 8.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`d50ecf8e02d28`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d50ecf8e02d28) -
8
+ Added `radius.xxlarge` token which resolves to 1rem/16px. Fully removed `shape-rounder` and
9
+ `shape-roundest` experimental themes.
10
+
11
+ ## 8.0.0
12
+
13
+ ### Major Changes
14
+
15
+ - [`1e31925550257`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1e31925550257) -
16
+ [ux] We have removed the `platform-component-visual-refresh` feature flag. As a result:
17
+ - Default Themes Changed `light-brand-refresh` and `dark-brand-refresh` are now the default themes
18
+ for light and dark. If you were using on the `light-brand-refresh` or `dark-brand-refresh`
19
+ themes in `setGlobalTheme`, you'll need to update to the default themes.
20
+
21
+ ```diff
22
+ - setGlobalTheme('light-brand-refresh');
23
+ + setGlobalTheme('light');
24
+
25
+ - setGlobalTheme('dark-brand-refresh');
26
+ + setGlobalTheme('dark');
27
+ ```
28
+
29
+ - Accent Tokens Updated Pressed/hovered background tokens for accent colors (e.g.,
30
+ `background.accent.blue.subtle.pressed`) now use new 250/850 base tokens to improve
31
+ accessibility. This will cause visible color changes in light and dark themes. Checkout the new
32
+ color palette [here](https://atlassian.design/foundations/color-new/color-palette-new).
33
+
34
+ - Visual Regression (VR) Impact If you're using these tokens in your components, expect widespread
35
+ snapshot updates. This change may affect VR snapshots across apps and packages.
36
+
3
37
  ## 7.1.1
4
38
 
5
39
  ### Patch 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;