@atlaskit/tokens 0.10.12 → 0.10.15

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/tokens
 
+## 0.10.15
+
+### Patch Changes
+
+- [`50299267c2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/50299267c2e) - Refactors style-dictionary to support multiple palettes.
+
+  - Adds legacy-palette containing colours from `@atlaskit/theme`.
+  - Palettes are processed as their own 'themes' (functionally) and now have their own configuration via style-dictionary.
+  - formatters + transformers were renamed and moved to match best practices
+  - Types were updated to allow multi-palette values (base tokens)
+
+## 0.10.14
+
+### Patch Changes
+
+- [`e3377246ebc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3377246ebc) - Moves the following `deprecated` tokens to the `sunset` phase. Please ensure that all `sunset` tokens are removed from your application, they will be completely removed in the next major version:
+
+  - 'color.interaction.inverse.hovered' => 'color.background.inverse.subtle.hovered'
+  - 'color.interaction.inverse.pressed' => 'color.background.inverse.subtle.pressed'
+
+  If you have configured the design token eslint rules, running `eslint --fix` will resolve these changes automatically.
+
+## 0.10.13
+
+### Patch Changes
+
+- [`39a56a3c4e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39a56a3c4e7) - Update disabled tokens to use alpha base tokens:
+
+  - `color.text.disabled`
+  - `color.icon.disabled`
+  - `color.background.disabled`
+
 ## 0.10.12
 
 ### Patch Changes

package/css/atlassian-dark.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a3276a727e472ff47547f8991960250>>
+ * @codegen <<SignedSource::e7a1da5f12bf3daf065833cca6f750d8>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme="dark"] {
@@ -25,7 +25,7 @@ html[data-theme="dark"] {
   --ds-text: #C7D1DB;
   --ds-text-subtle: #9FADBC;
   --ds-text-subtlest: #8696A7;
-  --ds-text-disabled: #596773;
+  --ds-text-disabled: #BFDBF847;
   --ds-text-inverse: #161A1D;
   --ds-text-brand: #579DFF;
   --ds-text-selected: #579DFF;
@@ -54,7 +54,7 @@ html[data-theme="dark"] {
   --ds-icon: #9FADBC;
   --ds-icon-subtle: #8696A7;
   --ds-icon-inverse: #161A1D;
-  --ds-icon-disabled: #596773;
+  --ds-icon-disabled: #BFDBF847;
   --ds-icon-brand: #579DFF;
   --ds-icon-selected: #579DFF;
   --ds-icon-danger: #EF5C48;
@@ -139,7 +139,7 @@ html[data-theme="dark"] {
   --ds-background-accent-gray-subtler: #454F59;
   --ds-background-accent-gray-subtle: #596773;
   --ds-background-accent-gray-bolder: #8696A7;
-  --ds-background-disabled: #A1BDD914;
+  --ds-background-disabled: #BCD6F00A;
   --ds-background-inverse-subtle: #FFFFFF29;
   --ds-background-inverse-subtle-hovered: #FFFFFF3D;
   --ds-background-inverse-subtle-pressed: #FFFFFF52;

package/css/atlassian-light.css

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5cbe2fca5facc8e88dc6c1e0606e6881>>
+ * @codegen <<SignedSource::f188dd3bf2da5dc22166cc13f91c1373>>
  * @codegenCommand yarn build tokens
  */
 html[data-theme="light"] {
@@ -25,7 +25,7 @@ html[data-theme="light"] {
   --ds-text: #172B4D;
   --ds-text-subtle: #44546F;
   --ds-text-subtlest: #626F86;
-  --ds-text-disabled: #8993A5;
+  --ds-text-disabled: #091E424F;
   --ds-text-inverse: #FFFFFF;
   --ds-text-brand: #0C66E4;
   --ds-text-selected: #0C66E4;
@@ -54,7 +54,7 @@ html[data-theme="light"] {
   --ds-icon: #44546F;
   --ds-icon-subtle: #626F86;
   --ds-icon-inverse: #FFFFFF;
-  --ds-icon-disabled: #8993A5;
+  --ds-icon-disabled: #091E424F;
   --ds-icon-brand: #0C66E4;
   --ds-icon-selected: #0C66E4;
   --ds-icon-danger: #E34935;
@@ -139,7 +139,7 @@ html[data-theme="light"] {
   --ds-background-accent-gray-subtler: #DCDFE4;
   --ds-background-accent-gray-subtle: #8993A5;
   --ds-background-accent-gray-bolder: #626F86;
-  --ds-background-disabled: #091E420F;
+  --ds-background-disabled: #091E4208;
   --ds-background-inverse-subtle: #00000029;
   --ds-background-inverse-subtle-hovered: #0000003D;
   --ds-background-inverse-subtle-pressed: #00000052;