@atlaskit/tokens 0.10.11 → 0.10.14

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/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
+
+- [`83c253f28bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83c253f28bd) - [ux] - Correct 'color.interaction.hovered' and 'color.interaction.pressed' token values, which were mistakenly mapped inversely in light and dark mode. The token values have now been swapped.
+
+  - Deprecate 'color.interaction.inverse.hovered' which has been replaced with 'color.background.inverse.subtle.hovered'.
+  - Deprecate 'color.interaction.inverse.pressed' which has been replaced with 'color.background.inverse.subtle.pressed'.
+
 ## 0.10.11
 
 ### 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::85d62de0416ec3b21500de8c73032a0b>>
+ * @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;
@@ -248,8 +248,8 @@ html[data-theme="dark"] {
   --ds-blanket: #03040442;
   --ds-blanket-selected: #1D7AFC14;
   --ds-blanket-danger: #E3493514;
-  --ds-interaction-hovered: #00000029;
-  --ds-interaction-pressed: #00000052;
+  --ds-interaction-hovered: #ffffff33;
+  --ds-interaction-pressed: #ffffff5c;
   --ds-interaction-inverse-hovered: #ffffff33;
   --ds-interaction-inverse-pressed: #ffffff5c;
   --ds-skeleton: #A1BDD914;

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::02e499657110ba601259f74693590e8d>>
+ * @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;
@@ -248,8 +248,8 @@ html[data-theme="light"] {
   --ds-blanket: #091E427A;
   --ds-blanket-selected: #388BFF14;
   --ds-blanket-danger: #EF5C4814;
-  --ds-interaction-hovered: #ffffff33;
-  --ds-interaction-pressed: #ffffff5c;
+  --ds-interaction-hovered: #00000029;
+  --ds-interaction-pressed: #00000052;
   --ds-interaction-inverse-hovered: #00000029;
   --ds-interaction-inverse-pressed: #00000052;
   --ds-skeleton: #091E420F;

package/dist/cjs/artifacts/rename-mapping.js

@@ -19,7 +19,7 @@ exports.default = void 0;
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::51fbaf5510a3fead6a2844d4df866a77>>
+ * @codegen <<SignedSource::afc1ce63c4571109e333891b70af2ae8>>
  * @codegenCommand yarn build tokens
  */
 var renameMapper = [{
@@ -326,6 +326,14 @@ var renameMapper = [{
   "path": "color.background.transparentNeutral.pressed",
   "state": "deleted",
   "replacement": "color.background.neutral.subtle.pressed"
+}, {
+  "path": "color.interaction.inverse.hovered",
+  "state": "deleted",
+  "replacement": "color.background.inverse.subtle.hovered"
+}, {
+  "path": "color.interaction.inverse.pressed",
+  "state": "deleted",
+  "replacement": "color.background.inverse.subtle.pressed"
 }, {
   "path": "color.accent.boldBlue",
   "state": "deleted",

package/dist/cjs/artifacts/token-default-values.js

@@ -10,7 +10,7 @@ exports.default = void 0;
  *
  * Token names mapped to their value in the default Atlassian theme ('light')
  *
- * @codegen <<SignedSource::65fed9d3a0df2e2c1ccee929e1349bb4>>
+ * @codegen <<SignedSource::bf85c12f621d58ae427a6fd99c62fd24>>
  * @codegenCommand yarn build tokens
  */
 var defaultTokenValues = {
@@ -35,7 +35,7 @@ var defaultTokenValues = {
   'color.text': '#172B4D',
   'color.text.subtle': '#44546F',
   'color.text.subtlest': '#626F86',
-  'color.text.disabled': '#8993A5',
+  'color.text.disabled': '#091E424F',
   'color.text.inverse': '#FFFFFF',
   'color.text.brand': '#0C66E4',
   'color.text.selected': '#0C66E4',
@@ -64,7 +64,7 @@ var defaultTokenValues = {
   'color.icon': '#44546F',
   'color.icon.subtle': '#626F86',
   'color.icon.inverse': '#FFFFFF',
-  'color.icon.disabled': '#8993A5',
+  'color.icon.disabled': '#091E424F',
   'color.icon.brand': '#0C66E4',
   'color.icon.selected': '#0C66E4',
   'color.icon.danger': '#E34935',
@@ -149,7 +149,7 @@ var defaultTokenValues = {
   'color.background.accent.gray.subtler': '#DCDFE4',
   'color.background.accent.gray.subtle': '#8993A5',
   'color.background.accent.gray.bolder': '#626F86',
-  'color.background.disabled': '#091E420F',
+  'color.background.disabled': '#091E4208',
   'color.background.inverse.subtle': '#00000029',
   'color.background.inverse.subtle.hovered': '#0000003D',
   'color.background.inverse.subtle.pressed': '#00000052',
@@ -258,8 +258,8 @@ var defaultTokenValues = {
   'color.blanket': '#091E427A',
   'color.blanket.selected': '#388BFF14',
   'color.blanket.danger': '#EF5C4814',
-  'color.interaction.hovered': '#ffffff33',
-  'color.interaction.pressed': '#ffffff5c',
+  'color.interaction.hovered': '#00000029',
+  'color.interaction.pressed': '#00000052',
   'color.interaction.inverse.hovered': '#00000029',
   'color.interaction.inverse.pressed': '#00000052',
   'color.skeleton': '#091E420F',

package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::98101caf910ff8cddc38a424e29e4980>>
+ * @codegen <<SignedSource::3fef3c7e03c920ccf46adb8e5016f1f9>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -458,7 +458,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "description": "Use for text in a disabled state."
   },
-  "value": "#596773",
+  "value": "#BFDBF847",
   "filePath": "src/tokens/atlassian-dark/color/text.tsx",
   "isSource": true,
   "original": {
@@ -468,7 +468,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for text in a disabled state."
     },
-    "value": "DN500"
+    "value": "DN400A"
   },
   "name": "color.text.disabled",
   "path": ["color", "text", "disabled"]
@@ -1109,7 +1109,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for icons in a disabled state."
   },
-  "value": "#596773",
+  "value": "#BFDBF847",
   "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
   "isSource": true,
   "original": {
@@ -1119,7 +1119,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons in a disabled state."
     },
-    "value": "DN500"
+    "value": "DN400A"
   },
   "name": "color.icon.disabled",
   "path": ["color", "icon", "disabled"]
@@ -3002,7 +3002,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "description": "Use for backgrounds of elements in a disabled state."
   },
-  "value": "#A1BDD914",
+  "value": "#BCD6F00A",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3012,7 +3012,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for backgrounds of elements in a disabled state."
     },
-    "value": "DN200A"
+    "value": "DN100A"
   },
   "name": "color.background.disabled",
   "path": ["color", "background", "disabled"]
@@ -5597,7 +5597,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as a background overlay for elements in a hovered state when their background color cannot change, such as avatars."
   },
-  "value": "#00000029",
+  "value": "#ffffff33",
   "filePath": "src/tokens/atlassian-dark/color/interaction.tsx",
   "isSource": true,
   "original": {
@@ -5607,7 +5607,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as a background overlay for elements in a hovered state when their background color cannot change, such as avatars."
     },
-    "value": "#00000029"
+    "value": "#ffffff33"
   },
   "name": "color.interaction.hovered",
   "path": ["color", "interaction", "hovered"]
@@ -5618,7 +5618,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
   },
-  "value": "#00000052",
+  "value": "#ffffff5c",
   "filePath": "src/tokens/atlassian-dark/color/interaction.tsx",
   "isSource": true,
   "original": {
@@ -5628,26 +5628,32 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
     },
-    "value": "#00000052"
+    "value": "#ffffff5c"
   },
   "name": "color.interaction.pressed",
   "path": ["color", "interaction", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deleted",
     "introduced": "0.6.0",
-    "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
+    "deprecated": "0.10.8",
+    "deleted": "0.10.13",
+    "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards.",
+    "replacement": "color.background.inverse.subtle.hovered"
   },
   "value": "#ffffff33",
-  "filePath": "src/tokens/atlassian-dark/color/interaction.tsx",
+  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deleted",
       "introduced": "0.6.0",
-      "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
+      "deprecated": "0.10.8",
+      "deleted": "0.10.13",
+      "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards.",
+      "replacement": "color.background.inverse.subtle.hovered"
     },
     "value": "#ffffff33"
   },
@@ -5656,19 +5662,25 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deleted",
     "introduced": "0.6.0",
-    "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
+    "deprecated": "0.10.8 ",
+    "deleted": "0.10.13",
+    "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards.",
+    "replacement": "color.background.inverse.subtle.pressed"
   },
   "value": "#ffffff5c",
-  "filePath": "src/tokens/atlassian-dark/color/interaction.tsx",
+  "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deleted",
       "introduced": "0.6.0",
-      "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
+      "deprecated": "0.10.8 ",
+      "deleted": "0.10.13",
+      "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards.",
+      "replacement": "color.background.inverse.subtle.pressed"
     },
     "value": "#ffffff5c"
   },

package/dist/cjs/artifacts/tokens-raw/atlassian-light.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::27eae6ae1ffaceb474ba5af373b377f1>>
+ * @codegen <<SignedSource::f6a9d19d9e568ee23ce24a7127ceb09c>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -458,7 +458,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "description": "Use for text in a disabled state."
   },
-  "value": "#8993A5",
+  "value": "#091E424F",
   "filePath": "src/tokens/atlassian-light/color/text.tsx",
   "isSource": true,
   "original": {
@@ -468,7 +468,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for text in a disabled state."
     },
-    "value": "N500"
+    "value": "N400A"
   },
   "name": "color.text.disabled",
   "path": ["color", "text", "disabled"]
@@ -1109,7 +1109,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for icons in a disabled state."
   },
-  "value": "#8993A5",
+  "value": "#091E424F",
   "filePath": "src/tokens/atlassian-light/color/icon.tsx",
   "isSource": true,
   "original": {
@@ -1119,7 +1119,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons in a disabled state."
     },
-    "value": "N500"
+    "value": "N400A"
   },
   "name": "color.icon.disabled",
   "path": ["color", "icon", "disabled"]
@@ -3002,7 +3002,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "description": "Use for backgrounds of elements in a disabled state."
   },
-  "value": "#091E420F",
+  "value": "#091E4208",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3012,7 +3012,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for backgrounds of elements in a disabled state."
     },
-    "value": "N200A"
+    "value": "N100A"
   },
   "name": "color.background.disabled",
   "path": ["color", "background", "disabled"]
@@ -5597,7 +5597,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as a background overlay for elements in a hovered state when their background color cannot change, such as avatars."
   },
-  "value": "#ffffff33",
+  "value": "#00000029",
   "filePath": "src/tokens/atlassian-light/color/interaction.tsx",
   "isSource": true,
   "original": {
@@ -5607,7 +5607,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as a background overlay for elements in a hovered state when their background color cannot change, such as avatars."
     },
-    "value": "#ffffff33"
+    "value": "#00000029"
   },
   "name": "color.interaction.hovered",
   "path": ["color", "interaction", "hovered"]
@@ -5618,7 +5618,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
   },
-  "value": "#ffffff5c",
+  "value": "#00000052",
   "filePath": "src/tokens/atlassian-light/color/interaction.tsx",
   "isSource": true,
   "original": {
@@ -5628,26 +5628,32 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
     },
-    "value": "#ffffff5c"
+    "value": "#00000052"
   },
   "name": "color.interaction.pressed",
   "path": ["color", "interaction", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deleted",
     "introduced": "0.6.0",
-    "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
+    "deprecated": "0.10.8",
+    "deleted": "0.10.13",
+    "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards.",
+    "replacement": "color.background.inverse.subtle.hovered"
   },
   "value": "#00000029",
-  "filePath": "src/tokens/atlassian-light/color/interaction.tsx",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deleted",
       "introduced": "0.6.0",
-      "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
+      "deprecated": "0.10.8",
+      "deleted": "0.10.13",
+      "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards.",
+      "replacement": "color.background.inverse.subtle.hovered"
     },
     "value": "#00000029"
   },
@@ -5656,19 +5662,25 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deleted",
     "introduced": "0.6.0",
-    "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
+    "deprecated": "0.10.8 ",
+    "deleted": "0.10.13",
+    "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards.",
+    "replacement": "color.background.inverse.subtle.pressed"
   },
   "value": "#00000052",
-  "filePath": "src/tokens/atlassian-light/color/interaction.tsx",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deleted",
       "introduced": "0.6.0",
-      "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
+      "deprecated": "0.10.8 ",
+      "deleted": "0.10.13",
+      "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards.",
+      "replacement": "color.background.inverse.subtle.pressed"
     },
     "value": "#00000052"
   },

package/dist/cjs/get-token.js

@@ -14,7 +14,7 @@ var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 
 var name = "@atlaskit/tokens";
-var version = "0.10.11";
+var version = "0.10.14";
 
 function token(path, fallback) {
   var token = _tokenNames.default[path];

package/dist/cjs/tokens/atlassian-dark/color/background.js

@@ -21,7 +21,7 @@ var color = {
     },
     background: {
       disabled: {
-        value: 'DN200A'
+        value: 'DN100A'
       },
       inverse: {
         subtle: {

package/dist/cjs/tokens/atlassian-dark/color/icon.js

@@ -17,7 +17,7 @@ var color = {
         value: 'DN0'
       },
       disabled: {
-        value: 'DN500'
+        value: 'DN400A'
       },
       brand: {
         value: 'B400'

package/dist/cjs/tokens/atlassian-dark/color/interaction.js

@@ -9,21 +9,11 @@ var color = {
     interaction: {
       hovered: {
         // @ts-ignore temporary values
-        value: '#00000029'
+        value: '#ffffff33'
       },
       pressed: {
         // @ts-ignore temporary values
-        value: '#00000052'
-      },
-      inverse: {
-        hovered: {
-          // @ts-ignore temporary values
-          value: '#ffffff33'
-        },
-        pressed: {
-          // @ts-ignore temporary values
-          value: '#ffffff5c'
-        }
+        value: '#ffffff5c'
       }
     }
   }

package/dist/cjs/tokens/atlassian-dark/color/text.js

@@ -20,7 +20,7 @@ var color = {
         value: 'DN0'
       },
       disabled: {
-        value: 'DN500'
+        value: 'DN400A'
       },
       brand: {
         value: 'B400'

package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js

@@ -362,6 +362,18 @@ var color = {
       pressed: {
         value: 'DN500A'
       }
+    },
+    interaction: {
+      inverse: {
+        hovered: {
+          // @ts-ignore temporary values
+          value: '#ffffff33'
+        },
+        pressed: {
+          // @ts-ignore temporary values
+          value: '#ffffff5c'
+        }
+      }
     }
   },
   shadow: {

package/dist/cjs/tokens/atlassian-light/color/background.js

@@ -21,7 +21,7 @@ var color = {
     },
     background: {
       disabled: {
-        value: 'N200A'
+        value: 'N100A'
       },
       inverse: {
         subtle: {

package/dist/cjs/tokens/atlassian-light/color/icon.js

@@ -17,7 +17,7 @@ var color = {
         value: 'N0'
       },
       disabled: {
-        value: 'N500'
+        value: 'N400A'
       },
       brand: {
         value: 'B700'

package/dist/cjs/tokens/atlassian-light/color/interaction.js

@@ -9,21 +9,11 @@ var color = {
     interaction: {
       hovered: {
         // @ts-ignore temporary values
-        value: '#ffffff33'
+        value: '#00000029'
       },
       pressed: {
         // @ts-ignore temporary values
-        value: '#ffffff5c'
-      },
-      inverse: {
-        hovered: {
-          // @ts-ignore temporary values
-          value: '#00000029'
-        },
-        pressed: {
-          // @ts-ignore temporary values
-          value: '#00000052'
-        }
+        value: '#00000052'
       }
     }
   }

package/dist/cjs/tokens/atlassian-light/color/text.js

@@ -20,7 +20,7 @@ var color = {
         value: 'N0'
       },
       disabled: {
-        value: 'N500'
+        value: 'N400A'
       },
       brand: {
         value: 'B700'