@atlaskit/tokens 0.10.10 → 0.10.13

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'

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

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

package/dist/cjs/tokens/default/color/interaction.js

@@ -22,24 +22,6 @@ var color = {
           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.'
         }
-      },
-      inverse: {
-        hovered: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            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.'
-          }
-        },
-        pressed: {
-          attributes: {
-            group: 'paint',
-            state: 'active',
-            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.'
-          }
-        }
       }
     }
   }

package/dist/cjs/tokens/default/deprecated/deprecated.js

@@ -1129,6 +1129,30 @@ var color = {
           description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
         }
       }
+    },
+    interaction: {
+      inverse: {
+        hovered: {
+          attributes: {
+            group: 'paint',
+            state: 'deprecated',
+            introduced: '0.6.0',
+            deprecated: '0.10.8',
+            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'
+          }
+        },
+        pressed: {
+          attributes: {
+            group: 'paint',
+            state: 'deprecated',
+            introduced: '0.6.0',
+            deprecated: '0.10.8 ',
+            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'
+          }
+        }
+      }
     }
   },
   shadow: {

package/dist/cjs/tokens/palette.js

@@ -650,15 +650,15 @@ var palette = {
         }
       },
       DN500: {
-        value: '#5C6C7A',
+        value: '#596773',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'
         }
       },
       DN500A: {
-        // #A9C5DF 48%
-        value: '#A9C5DF7A',
+        // #9BB4CA @50%
+        value: '#9BB4CA80',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.10.10",
+	"version": "0.10.13",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/es2019/artifacts/palettes-raw.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d96054f56fadd3c595206b9334ccc5e6>>
+ * @codegen <<SignedSource::4d0639c90d18380e142efed6da97a9b0>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -1551,7 +1551,7 @@ const tokens = [{
   "name": "color.palette.DN400A",
   "path": ["color", "palette", "DN400A"]
 }, {
-  "value": "#5C6C7A",
+  "value": "#596773",
   "attributes": {
     "group": "palette",
     "category": "dark mode neutral"
@@ -1559,7 +1559,7 @@ const tokens = [{
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
   "original": {
-    "value": "#5C6C7A",
+    "value": "#596773",
     "attributes": {
       "group": "palette",
       "category": "dark mode neutral"
@@ -1568,7 +1568,7 @@ const tokens = [{
   "name": "color.palette.DN500",
   "path": ["color", "palette", "DN500"]
 }, {
-  "value": "#A9C5DF7A",
+  "value": "#9BB4CA80",
   "attributes": {
     "group": "palette",
     "category": "dark mode neutral"
@@ -1576,7 +1576,7 @@ const tokens = [{
   "filePath": "src/tokens/palette.tsx",
   "isSource": false,
   "original": {
-    "value": "#A9C5DF7A",
+    "value": "#9BB4CA80",
     "attributes": {
       "group": "palette",
       "category": "dark mode neutral"

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

@@ -12,7 +12,7 @@
  * 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::3b33fd6cb94d4a40b7b5790bebd50f60>>
  * @codegenCommand yarn build tokens
  */
 const renameMapper = [{
@@ -319,6 +319,14 @@ const renameMapper = [{
   "path": "color.background.transparentNeutral.pressed",
   "state": "deleted",
   "replacement": "color.background.neutral.subtle.pressed"
+}, {
+  "path": "color.interaction.inverse.hovered",
+  "state": "deprecated",
+  "replacement": "color.background.inverse.subtle.hovered"
+}, {
+  "path": "color.interaction.inverse.pressed",
+  "state": "deprecated",
+  "replacement": "color.background.inverse.subtle.pressed"
 }, {
   "path": "color.accent.boldBlue",
   "state": "deleted",

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

@@ -3,7 +3,7 @@
  *
  * Token names mapped to their value in the default Atlassian theme ('light')
  *
- * @codegen <<SignedSource::65fed9d3a0df2e2c1ccee929e1349bb4>>
+ * @codegen <<SignedSource::bf85c12f621d58ae427a6fd99c62fd24>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -28,7 +28,7 @@ const 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',
@@ -57,7 +57,7 @@ const 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',
@@ -142,7 +142,7 @@ const 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',
@@ -251,8 +251,8 @@ const 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/es2019/artifacts/tokens-raw/atlassian-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f6554dd5fa7c18bf2250697f2e567297>>
+ * @codegen <<SignedSource::2d1a0dfbc05adf2fcb798f5a600f0b29>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -451,7 +451,7 @@ const tokens = [{
     "introduced": "0.0.15",
     "description": "Use for text in a disabled state."
   },
-  "value": "#5C6C7A",
+  "value": "#BFDBF847",
   "filePath": "src/tokens/atlassian-dark/color/text.tsx",
   "isSource": true,
   "original": {
@@ -461,7 +461,7 @@ const 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"]
@@ -1102,7 +1102,7 @@ const tokens = [{
     "introduced": "0.6.0",
     "description": "Use for icons in a disabled state."
   },
-  "value": "#5C6C7A",
+  "value": "#BFDBF847",
   "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
   "isSource": true,
   "original": {
@@ -1112,7 +1112,7 @@ const 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"]
@@ -2953,7 +2953,7 @@ const tokens = [{
     "introduced": "0.7.0",
     "description": "Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags."
   },
-  "value": "#5C6C7A",
+  "value": "#596773",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2995,7 +2995,7 @@ const 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": {
@@ -3005,7 +3005,7 @@ const 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"]
@@ -5590,7 +5590,7 @@ const 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": {
@@ -5600,7 +5600,7 @@ const 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"]
@@ -5611,7 +5611,7 @@ const 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": {
@@ -5621,26 +5621,30 @@ const 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": "deprecated",
     "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",
+    "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": "deprecated",
       "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",
+      "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"
   },
@@ -5649,19 +5653,23 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
     "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 ",
+    "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": "deprecated",
       "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 ",
+      "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"
   },
@@ -6274,7 +6282,7 @@ const tokens = [{
     "replacement": "color.interaction.pressed",
     "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
   },
-  "value": "#A9C5DF7A",
+  "value": "#9BB4CA80",
   "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::27eae6ae1ffaceb474ba5af373b377f1>>
+ * @codegen <<SignedSource::fc44c853b0acd381a2c5fd8f63ae1bf6>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -451,7 +451,7 @@ const 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": {
@@ -461,7 +461,7 @@ const 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"]
@@ -1102,7 +1102,7 @@ const 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": {
@@ -1112,7 +1112,7 @@ const 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"]
@@ -2995,7 +2995,7 @@ const 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": {
@@ -3005,7 +3005,7 @@ const 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"]
@@ -5590,7 +5590,7 @@ const 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": {
@@ -5600,7 +5600,7 @@ const 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"]
@@ -5611,7 +5611,7 @@ const 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": {
@@ -5621,26 +5621,30 @@ const 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": "deprecated",
     "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",
+    "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": "deprecated",
       "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",
+      "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"
   },
@@ -5649,19 +5653,23 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
     "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 ",
+    "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": "deprecated",
       "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 ",
+      "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/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "0.10.10";
+const version = "0.10.13";
 
 function token(path, fallback) {
   let token = tokens[path];

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

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

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

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