@atlaskit/tokens 0.10.30 → 0.10.31

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/tokens
 
+## 0.10.31
+
+### Patch Changes
+
+- [`e35fc41dc33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e35fc41dc33) - Internal change to use updated primtive spacing prop values. No expected behaviour change.
+- [`92ee7c98d1a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92ee7c98d1a) - Fixes a number of neutral palette colors which were being generated without their alphas in the legacy palette.
+- [`7e491389968`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e491389968) - Adds experimental spacing tokens, currently for internal use only. These are not ready for widespread consumption yet and a lint rule will raise issues if you try to use them.
+
 ## 0.10.30
 
 ### Patch Changes

package/css/atlassian-legacy-light.css

@@ -23,14 +23,14 @@ html[data-theme~="legacy-light"] {
   --ds-text-accent-gray: #505F79;
   --ds-text-accent-gray-bolder: #172B4D;
   --ds-text: #172B4D;
-  --ds-text-subtle: #5E6C84;
+  --ds-text-subtle: #42526E;
   --ds-text-subtlest: #7A869A;
   --ds-text-disabled: #A5ADBA;
   --ds-text-inverse: #FFFFFF;
   --ds-text-brand: #0065FF;
   --ds-text-selected: #0052CC;
   --ds-text-danger: #DE350B;
-  --ds-text-warning: #FF8B00;
+  --ds-text-warning: #974F0C;
   --ds-text-warning-inverse: #172B4D;
   --ds-text-success: #006644;
   --ds-text-discovery: #403294;
@@ -147,7 +147,7 @@ html[data-theme~="legacy-light"] {
   --ds-background-input: #FAFBFC;
   --ds-background-input-hovered: #EBECF0;
   --ds-background-input-pressed: #FFFFFF;
-  --ds-background-neutral: #091e42a;
+  --ds-background-neutral: #DFE1E6;
   --ds-background-neutral-hovered: #091e4214;
   --ds-background-neutral-pressed: #B3D4FF;
   --ds-background-neutral-subtle: transparent;
@@ -157,8 +157,8 @@ html[data-theme~="legacy-light"] {
   --ds-background-neutral-bold-hovered: #505F79;
   --ds-background-neutral-bold-pressed: #344563;
   --ds-background-brand-bold: #0052CC;
-  --ds-background-brand-bold-hovered: #2684FF;
-  --ds-background-brand-bold-pressed: #0052CC;
+  --ds-background-brand-bold-hovered: #0065FF;
+  --ds-background-brand-bold-pressed: #0747A6;
   --ds-background-brand: #FA11F2;
   --ds-background-brand-hovered: #FA11F2;
   --ds-background-brand-pressed: #FA11F2;
@@ -174,14 +174,14 @@ html[data-theme~="legacy-light"] {
   --ds-background-danger-hovered: #FFBDAD;
   --ds-background-danger-pressed: #FF8F73;
   --ds-background-danger-bold: #DE350B;
-  --ds-background-danger-bold-hovered: #FF7452;
-  --ds-background-danger-bold-pressed: #DE350B;
+  --ds-background-danger-bold-hovered: #FF5630;
+  --ds-background-danger-bold-pressed: #BF2600;
   --ds-background-warning: #FFFAE6;
   --ds-background-warning-hovered: #FFF0B3;
   --ds-background-warning-pressed: #FFE380;
-  --ds-background-warning-bold: #FF991F;
+  --ds-background-warning-bold: #FFAB00;
   --ds-background-warning-bold-hovered: #FFC400;
-  --ds-background-warning-bold-pressed: #FF8B00;
+  --ds-background-warning-bold-pressed: #FF991F;
   --ds-background-success: #E3FCEF;
   --ds-background-success-hovered: #ABF5D1;
   --ds-background-success-pressed: #79F2C0;
@@ -253,7 +253,7 @@ html[data-theme~="legacy-light"] {
   --ds-interaction-inverse-hovered: #FA11F2;
   --ds-interaction-inverse-pressed: #FA11F2;
   --ds-skeleton: #F4F5F7;
-  --ds-skeleton-subtle: #091e42a;
+  --ds-skeleton-subtle: #091e420a;
   --ds-link: #0052CC;
   --ds-link-pressed: #0747A6;
   --ds-accent-boldBlue: #FA11F2;

package/dist/cjs/artifacts/palettes-raw/legacy-palette.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::91ca2bc33315a9a910c7ca93bcb63936>>
+ * @codegen <<SignedSource::4413d3bf5e16367be3a572667916731e>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -299,6 +299,23 @@ var tokens = [{
   },
   "name": "color.palette.Y500",
   "path": ["color", "palette", "Y500"]
+}, {
+  "value": "#974F0C",
+  "attributes": {
+    "group": "palette",
+    "category": "orange"
+  },
+  "filePath": "src/palettes/legacy-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "#974F0C",
+    "attributes": {
+      "group": "palette",
+      "category": "orange"
+    }
+  },
+  "name": "color.palette.O800",
+  "path": ["color", "palette", "O800"]
 }, {
   "value": "#E3FCEF",
   "attributes": {
@@ -1099,7 +1116,7 @@ var tokens = [{
   "name": "color.palette.N900",
   "path": ["color", "palette", "N900"]
 }, {
-  "value": "#091e425",
+  "value": "#091e4205",
   "attributes": {
     "group": "palette",
     "category": "light mode neutral"
@@ -1107,7 +1124,7 @@ var tokens = [{
   "filePath": "src/palettes/legacy-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "#091e425",
+    "value": "#091e4205",
     "attributes": {
       "group": "palette",
       "category": "light mode neutral"
@@ -1116,7 +1133,7 @@ var tokens = [{
   "name": "color.palette.N10A",
   "path": ["color", "palette", "N10A"]
 }, {
-  "value": "#091e42a",
+  "value": "#091e420a",
   "attributes": {
     "group": "palette",
     "category": "light mode neutral"
@@ -1124,7 +1141,7 @@ var tokens = [{
   "filePath": "src/palettes/legacy-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "#091e42a",
+    "value": "#091e420a",
     "attributes": {
       "group": "palette",
       "category": "light mode neutral"

package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-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::de3cdd57ab11cc9e909f280b3ea720f0>>
+ * @codegen <<SignedSource::6f233e4b1b5be5c6a4c556fffa5fe40d>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -416,7 +416,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
   },
-  "value": "#5E6C84",
+  "value": "#42526E",
   "filePath": "src/tokens/atlassian-legacy-light/color/text.tsx",
   "isSource": true,
   "original": {
@@ -426,7 +426,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
     },
-    "value": "N300"
+    "value": "N500"
   },
   "name": "color.text.subtle",
   "path": ["color", "text", "subtle"]
@@ -563,7 +563,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "description": "Use for text to emphasize caution, such as in moved lozenges."
   },
-  "value": "#FF8B00",
+  "value": "#974F0C",
   "filePath": "src/tokens/atlassian-legacy-light/color/text.tsx",
   "isSource": true,
   "original": {
@@ -573,7 +573,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for text to emphasize caution, such as in moved lozenges."
     },
-    "value": "Y500"
+    "value": "O800"
   },
   "name": "color.text.warning.[default]",
   "path": ["color", "text", "warning", "[default]"]
@@ -3176,7 +3176,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "The default background for neutral elements, such as default buttons."
   },
-  "value": "#091e42a",
+  "value": "#DFE1E6",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3186,7 +3186,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "The default background for neutral elements, such as default buttons."
     },
-    "value": "N20A"
+    "value": "N40"
   },
   "name": "color.background.neutral.[default].[default]",
   "path": ["color", "background", "neutral", "[default]", "[default]"]
@@ -3386,7 +3386,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Hovered state of color.background.brand.bold"
   },
-  "value": "#2684FF",
+  "value": "#0065FF",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3396,7 +3396,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.brand.bold"
     },
-    "value": "B200"
+    "value": "B300"
   },
   "name": "color.background.brand.bold.hovered",
   "path": ["color", "background", "brand", "bold", "hovered"]
@@ -3407,7 +3407,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Pressed state of color.background.brand.bold"
   },
-  "value": "#0052CC",
+  "value": "#0747A6",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3417,7 +3417,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.brand.bold"
     },
-    "value": "B400"
+    "value": "B500"
   },
   "name": "color.background.brand.bold.pressed",
   "path": ["color", "background", "brand", "bold", "pressed"]
@@ -3773,7 +3773,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Hovered state of color.background.danger.bold"
   },
-  "value": "#FF7452",
+  "value": "#FF5630",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3783,7 +3783,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.danger.bold"
     },
-    "value": "R200"
+    "value": "R300"
   },
   "name": "color.background.danger.bold.hovered",
   "path": ["color", "background", "danger", "bold", "hovered"]
@@ -3794,7 +3794,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Pressed state of color.background.danger.bold"
   },
-  "value": "#DE350B",
+  "value": "#BF2600",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3804,7 +3804,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.danger.bold"
     },
-    "value": "R400"
+    "value": "R500"
   },
   "name": "color.background.danger.bold.pressed",
   "path": ["color", "background", "danger", "bold", "pressed"]
@@ -3878,7 +3878,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
   },
-  "value": "#FF991F",
+  "value": "#FFAB00",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3888,7 +3888,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
     },
-    "value": "Y400"
+    "value": "Y300"
   },
   "name": "color.background.warning.bold.[default]",
   "path": ["color", "background", "warning", "bold", "[default]"]
@@ -3920,7 +3920,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Pressed state of color.background.warning.bold"
   },
-  "value": "#FF8B00",
+  "value": "#FF991F",
   "filePath": "src/tokens/atlassian-legacy-light/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3930,7 +3930,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.warning.bold"
     },
-    "value": "Y500"
+    "value": "Y400"
   },
   "name": "color.background.warning.bold.pressed",
   "path": ["color", "background", "warning", "bold", "pressed"]
@@ -5714,7 +5714,7 @@ var tokens = [{
     "introduced": "0.8.0",
     "description": "Use for the pulse or shimmer effect in skeleton loading states"
   },
-  "value": "#091e42a",
+  "value": "#091e420a",
   "filePath": "src/tokens/atlassian-legacy-light/color/skeleton.tsx",
   "isSource": true,
   "original": {

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.30";
+var version = "0.10.31";
 
 function token(path, fallback) {
   var token = _tokenNames.default[path];

package/dist/cjs/palettes/legacy-palette.js

@@ -136,6 +136,13 @@ var palette = {
           category: 'yellow'
         }
       },
+      O800: {
+        value: '#974F0C',
+        attributes: {
+          group: 'palette',
+          category: 'orange'
+        }
+      },
       G50: {
         value: '#E3FCEF',
         attributes: {
@@ -466,14 +473,14 @@ var palette = {
         }
       },
       N10A: {
-        value: '#091e425',
+        value: '#091e4205',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'
         }
       },
       N20A: {
-        value: '#091e42a',
+        value: '#091e420a',
         attributes: {
           group: 'palette',
           category: 'light mode neutral'

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

@@ -52,8 +52,9 @@ var color = {
       },
       neutral: {
         '[default]': {
+          // this SHOULD be N20A but it creates a larger visual difference with lozenge / badge
           '[default]': {
-            value: 'N20A'
+            value: 'N40'
           },
           hovered: {
             value: 'N30A'
@@ -91,10 +92,10 @@ var color = {
             value: 'B400'
           },
           hovered: {
-            value: 'B200'
+            value: 'B300'
           },
           pressed: {
-            value: 'B400'
+            value: 'B500'
           }
         }
       },
@@ -139,10 +140,10 @@ var color = {
             value: 'R400'
           },
           hovered: {
-            value: 'R200'
+            value: 'R300'
           },
           pressed: {
-            value: 'R400'
+            value: 'R500'
           }
         }
       },
@@ -160,13 +161,13 @@ var color = {
         },
         bold: {
           '[default]': {
-            value: 'Y400'
+            value: 'Y300'
           },
           hovered: {
             value: 'Y200'
           },
           pressed: {
-            value: 'Y500'
+            value: 'Y400'
           }
         }
       },

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

@@ -11,7 +11,7 @@ var color = {
         value: 'N800'
       },
       subtle: {
-        value: 'N300'
+        value: 'N500'
       },
       subtlest: {
         value: 'N100'
@@ -33,7 +33,7 @@ var color = {
       },
       warning: {
         '[default]': {
-          value: 'Y500'
+          value: 'O800'
         },
         inverse: {
           value: 'N800'

package/dist/cjs/version.json

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

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::91ca2bc33315a9a910c7ca93bcb63936>>
+ * @codegen <<SignedSource::4413d3bf5e16367be3a572667916731e>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -292,6 +292,23 @@ const tokens = [{
   },
   "name": "color.palette.Y500",
   "path": ["color", "palette", "Y500"]
+}, {
+  "value": "#974F0C",
+  "attributes": {
+    "group": "palette",
+    "category": "orange"
+  },
+  "filePath": "src/palettes/legacy-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "#974F0C",
+    "attributes": {
+      "group": "palette",
+      "category": "orange"
+    }
+  },
+  "name": "color.palette.O800",
+  "path": ["color", "palette", "O800"]
 }, {
   "value": "#E3FCEF",
   "attributes": {
@@ -1092,7 +1109,7 @@ const tokens = [{
   "name": "color.palette.N900",
   "path": ["color", "palette", "N900"]
 }, {
-  "value": "#091e425",
+  "value": "#091e4205",
   "attributes": {
     "group": "palette",
     "category": "light mode neutral"
@@ -1100,7 +1117,7 @@ const tokens = [{
   "filePath": "src/palettes/legacy-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "#091e425",
+    "value": "#091e4205",
     "attributes": {
       "group": "palette",
       "category": "light mode neutral"
@@ -1109,7 +1126,7 @@ const tokens = [{
   "name": "color.palette.N10A",
   "path": ["color", "palette", "N10A"]
 }, {
-  "value": "#091e42a",
+  "value": "#091e420a",
   "attributes": {
     "group": "palette",
     "category": "light mode neutral"
@@ -1117,7 +1134,7 @@ const tokens = [{
   "filePath": "src/palettes/legacy-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "#091e42a",
+    "value": "#091e420a",
     "attributes": {
       "group": "palette",
       "category": "light mode neutral"