@atlaskit/tokens 7.1.1 → 8.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/tokens
 
+## 8.0.0
+
+### Major Changes
+
+- [`1e31925550257`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1e31925550257) -
+  [ux] We have removed the `platform-component-visual-refresh` feature flag. As a result:
+  - Default Themes Changed `light-brand-refresh` and `dark-brand-refresh` are now the default themes
+    for light and dark. If you were using on the `light-brand-refresh` or `dark-brand-refresh`
+    themes in `setGlobalTheme`, you'll need to update to the default themes.
+
+  ```diff
+  - setGlobalTheme('light-brand-refresh');
+  + setGlobalTheme('light');
+
+  - setGlobalTheme('dark-brand-refresh');
+  + setGlobalTheme('dark');
+  ```
+
+  - Accent Tokens Updated Pressed/hovered background tokens for accent colors (e.g.,
+    `background.accent.blue.subtle.pressed`) now use new 250/850 base tokens to improve
+    accessibility. This will cause visible color changes in light and dark themes. Checkout the new
+    color palette [here](https://atlassian.design/foundations/color-new/color-palette-new).
+
+  - Visual Regression (VR) Impact If you're using these tokens in your components, expect widespread
+    snapshot updates. This change may affect VR snapshots across apps and packages.
+
 ## 7.1.1
 
 ### Patch Changes

package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js

@@ -9,16 +9,16 @@ exports.default = void 0;
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::023110f136ad929098f2d5a341b7ad7c>>
+ * @codegen <<SignedSource::a4300b2e54a0be0fd9143a9438bedc56>>
  * @codegenCommand yarn build tokens
  */
 var tokenValues = {
-  'color.text.brand': '#579DFF',
-  'elevation.surface.overlay': '#282E33',
-  'color.background.selected': '#1C2B41',
-  'color.text.selected': '#579DFF',
-  'color.border.brand': '#579DFF',
-  'color.chart.brand': '#388BFF',
-  'color.text.inverse': '#1D2125'
+  'color.text.brand': '#669DF1',
+  'elevation.surface.overlay': '#2B2C2F',
+  'color.background.selected': '#1C2B42',
+  'color.text.selected': '#669DF1',
+  'color.border.brand': '#669DF1',
+  'color.chart.brand': '#4688EC',
+  'color.text.inverse': '#1F1F21'
 };
 var _default = exports.default = tokenValues;

package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js

@@ -9,16 +9,16 @@ exports.default = void 0;
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::9975d8c2d3b07e5b405782c2d24fab5f>>
+ * @codegen <<SignedSource::9bb4cd1746b9d02e7d3b431f3310479f>>
  * @codegenCommand yarn build tokens
  */
 var tokenValues = {
-  'color.text.brand': '#0C66E4',
-  'elevation.surface.sunken': '#F7F8F9',
-  'color.background.selected': '#E9F2FF',
-  'color.text.selected': '#0C66E4',
-  'color.border.brand': '#0C66E4',
-  'color.chart.brand': '#1D7AFC',
+  'color.text.brand': '#1868DB',
+  'elevation.surface.sunken': '#F8F8F8',
+  'color.background.selected': '#E9F2FE',
+  'color.text.selected': '#1868DB',
+  'color.border.brand': '#1868DB',
+  'color.chart.brand': '#357DE8',
   'color.text.inverse': '#FFFFFF'
 };
 var _default = exports.default = tokenValues;