@atlaskit/tokens 1.10.0 → 1.10.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/tokens
 
+## 1.10.2
+
+### Patch Changes
+
+- [`7c1c449eb96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c1c449eb96) - Updated space token descriptions.
+
+## 1.10.1
+
+### Patch Changes
+
+- [`7fb8fb4fbbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fb8fb4fbbb) - - Fixed an issue where `getCSSCustomProperty` would return the incorrect CSS variable names for space tokens.
+  - Updated space token descriptions.
+
 ## 1.10.0
 
 ### Minor Changes

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c89f0dcd1df97245a694a1a77741bb39>>
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -14,7 +14,7 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "description": "Equates to `0`. Can be used for resetting default spacing styles."
+    "description": "Equates to `0`. Use for resetting default spacing styles."
   },
   "value": "0px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -24,7 +24,7 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "description": "Equates to `0`. Can be used for resetting default spacing styles."
+      "description": "Equates to `0`. Use for resetting default spacing styles."
     },
     "value": "Space0"
   },
@@ -37,7 +37,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["1px", "3px"],
     "introduced": "0.12.0",
-    "description": "Use for spacing in compact scenarios. The smallest value in our scale."
+    "description": "Use for small and compact pieces of UI."
   },
   "value": "2px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -48,7 +48,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["1px", "3px"],
       "introduced": "0.12.0",
-      "description": "Use for spacing in compact scenarios. The smallest value in our scale."
+      "description": "Use for small and compact pieces of UI."
     },
     "value": "Space025"
   },
@@ -61,7 +61,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["3px", "5px"],
     "introduced": "0.12.0",
-    "description": "Use for spacing in compact scenarios."
+    "description": "Use for small and compact pieces of UI."
   },
   "value": "4px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -72,7 +72,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["3px", "5px"],
       "introduced": "0.12.0",
-      "description": "Use for spacing in compact scenarios."
+      "description": "Use for small and compact pieces of UI."
     },
     "value": "Space050"
   },
@@ -85,7 +85,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["5px", "7px"],
     "introduced": "0.12.0",
-    "description": "Use for spacing in compact scenarios."
+    "description": "Use for small and compact pieces of UI."
   },
   "value": "6px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -96,7 +96,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["5px", "7px"],
       "introduced": "0.12.0",
-      "description": "Use for spacing in compact scenarios."
+      "description": "Use for small and compact pieces of UI."
     },
     "value": "Space075"
   },
@@ -109,7 +109,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["7px", "9px"],
     "introduced": "0.12.0",
-    "description": "Use for gutter spacing."
+    "description": "Use for small and compact pieces of UI."
   },
   "value": "8px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -120,7 +120,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["7px", "9px"],
       "introduced": "0.12.0",
-      "description": "Use for gutter spacing."
+      "description": "Use for small and compact pieces of UI."
     },
     "value": "Space100"
   },
@@ -133,7 +133,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["10px", "11px", "13px", "14px"],
     "introduced": "0.12.0",
-    "description": "Helpful guidance goes here"
+    "description": "Use for larger and less dense pieces of UI."
   },
   "value": "12px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -144,7 +144,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["10px", "11px", "13px", "14px"],
       "introduced": "0.12.0",
-      "description": "Helpful guidance goes here"
+      "description": "Use for larger and less dense pieces of UI."
     },
     "value": "Space150"
   },
@@ -157,7 +157,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["14px", "15px", "17px", "18px"],
     "introduced": "0.12.0",
-    "description": "Use for gutter spacing."
+    "description": "Use for larger and less dense pieces of UI."
   },
   "value": "16px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -168,7 +168,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["14px", "15px", "17px", "18px"],
       "introduced": "0.12.0",
-      "description": "Use for gutter spacing."
+      "description": "Use for larger and less dense pieces of UI."
     },
     "value": "Space200"
   },
@@ -181,7 +181,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["19px", "21px", "22px", "23px"],
     "introduced": "0.12.0",
-    "description": "Use for gutter spacing."
+    "description": "Use for larger and less dense pieces of UI."
   },
   "value": "20px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -192,7 +192,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["19px", "21px", "22px", "23px"],
       "introduced": "0.12.0",
-      "description": "Use for gutter spacing."
+      "description": "Use for larger and less dense pieces of UI."
     },
     "value": "Space250"
   },
@@ -205,7 +205,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["23px", "25px", "26px", "27px", "28px"],
     "introduced": "0.12.0",
-    "description": "Use for gutter spacing."
+    "description": "Use for larger and less dense pieces of UI."
   },
   "value": "24px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -216,7 +216,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["23px", "25px", "26px", "27px", "28px"],
       "introduced": "0.12.0",
-      "description": "Use for gutter spacing."
+      "description": "Use for larger and less dense pieces of UI."
     },
     "value": "Space300"
   },
@@ -229,7 +229,7 @@ var tokens = [{
     "state": "active",
     "suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
     "introduced": "0.12.0",
-    "description": "Use for gutter spacing."
+    "description": "Use for the largest pieces of UI and for layout elements."
   },
   "value": "32px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -240,7 +240,7 @@ var tokens = [{
       "state": "active",
       "suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
       "introduced": "0.12.0",
-      "description": "Use for gutter spacing."
+      "description": "Use for the largest pieces of UI and for layout elements."
     },
     "value": "Space400"
   },
@@ -252,7 +252,7 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "description": "Use for larger layout-specific spacing."
+    "description": "Use for the largest pieces of UI and for layout elements."
   },
   "value": "40px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -262,7 +262,7 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "description": "Use for larger layout-specific spacing."
+      "description": "Use for the largest pieces of UI and for layout elements."
     },
     "value": "Space500"
   },
@@ -274,7 +274,7 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "description": "Use for larger layout-specific spacing."
+    "description": "Use for the largest pieces of UI and for layout elements."
   },
   "value": "48px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -284,7 +284,7 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "description": "Use for larger layout-specific spacing."
+      "description": "Use for the largest pieces of UI and for layout elements."
     },
     "value": "Space600"
   },
@@ -296,7 +296,7 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "description": "Use for larger layout-specific spacing."
+    "description": "Use for the largest pieces of UI and for layout elements."
   },
   "value": "64px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -306,7 +306,7 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "description": "Use for larger layout-specific spacing."
+      "description": "Use for the largest pieces of UI and for layout elements."
     },
     "value": "Space800"
   },
@@ -318,7 +318,7 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "description": "Use for larger layout-specific spacing."
+    "description": "Use for the largest pieces of UI and for layout elements."
   },
   "value": "80px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -328,7 +328,7 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "description": "Use for larger layout-specific spacing."
+      "description": "Use for the largest pieces of UI and for layout elements."
     },
     "value": "Space1000"
   },

package/dist/cjs/get-token-value.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var name = "@atlaskit/tokens";
-var version = "1.10.0";
+var version = "1.10.2";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 var name = "@atlaskit/tokens";
-var version = "1.10.0";
+var version = "1.10.2";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

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

@@ -16,7 +16,7 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        description: 'Equates to `0`. Can be used for resetting default spacing styles.'
+        description: 'Equates to `0`. Use for resetting default spacing styles.'
       }
     },
     '025': {
@@ -25,7 +25,7 @@ var spacing = {
         state: 'active',
         suggest: ['1px', '3px'],
         introduced: '0.12.0',
-        description: 'Use for spacing in compact scenarios. The smallest value in our scale.'
+        description: 'Use for small and compact pieces of UI.'
       }
     },
     '050': {
@@ -34,7 +34,7 @@ var spacing = {
         state: 'active',
         suggest: ['3px', '5px'],
         introduced: '0.12.0',
-        description: 'Use for spacing in compact scenarios.'
+        description: 'Use for small and compact pieces of UI.'
       }
     },
     '075': {
@@ -43,7 +43,7 @@ var spacing = {
         state: 'active',
         suggest: ['5px', '7px'],
         introduced: '0.12.0',
-        description: 'Use for spacing in compact scenarios.'
+        description: 'Use for small and compact pieces of UI.'
       }
     },
     '100': {
@@ -52,7 +52,7 @@ var spacing = {
         state: 'active',
         suggest: ['7px', '9px'],
         introduced: '0.12.0',
-        description: 'Use for gutter spacing.'
+        description: 'Use for small and compact pieces of UI.'
       }
     },
     '150': {
@@ -61,7 +61,7 @@ var spacing = {
         state: 'active',
         suggest: ['10px', '11px', '13px', '14px'],
         introduced: '0.12.0',
-        description: 'Helpful guidance goes here'
+        description: 'Use for larger and less dense pieces of UI.'
       }
     },
     '200': {
@@ -70,7 +70,7 @@ var spacing = {
         state: 'active',
         suggest: ['14px', '15px', '17px', '18px'],
         introduced: '0.12.0',
-        description: 'Use for gutter spacing.'
+        description: 'Use for larger and less dense pieces of UI.'
       }
     },
     '250': {
@@ -79,7 +79,7 @@ var spacing = {
         state: 'active',
         suggest: ['19px', '21px', '22px', '23px'],
         introduced: '0.12.0',
-        description: 'Use for gutter spacing.'
+        description: 'Use for larger and less dense pieces of UI.'
       }
     },
     '300': {
@@ -88,7 +88,7 @@ var spacing = {
         state: 'active',
         suggest: ['23px', '25px', '26px', '27px', '28px'],
         introduced: '0.12.0',
-        description: 'Use for gutter spacing.'
+        description: 'Use for larger and less dense pieces of UI.'
       }
     },
     '400': {
@@ -97,7 +97,7 @@ var spacing = {
         state: 'active',
         suggest: ['28px', '29px', '30px', '31px', '33px', '34px', '35px'],
         introduced: '0.12.0',
-        description: 'Use for gutter spacing.'
+        description: 'Use for the largest pieces of UI and for layout elements.'
       }
     },
     '500': {
@@ -105,7 +105,7 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        description: 'Use for larger layout-specific spacing.'
+        description: 'Use for the largest pieces of UI and for layout elements.'
       }
     },
     '600': {
@@ -113,7 +113,7 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        description: 'Use for larger layout-specific spacing.'
+        description: 'Use for the largest pieces of UI and for layout elements.'
       }
     },
     '800': {
@@ -121,7 +121,7 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        description: 'Use for larger layout-specific spacing.'
+        description: 'Use for the largest pieces of UI and for layout elements.'
       }
     },
     '1000': {
@@ -129,7 +129,7 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        description: 'Use for larger layout-specific spacing.'
+        description: 'Use for the largest pieces of UI and for layout elements.'
       }
     }
   }

package/dist/cjs/utils/token-ids.js

@@ -25,7 +25,7 @@ var getCSSCustomProperty = function getCSSCustomProperty(path) {
   var normalizedPath = typeof path === 'string' ? path.split('.') : path;
 
   // Opacity and other 'shallow' groups are more readable when not trimmed
-  var slice = _constants.CSS_VAR_FULL.includes(path[0]) ? 0 : 1;
+  var slice = _constants.CSS_VAR_FULL.includes(normalizedPath[0]) ? 0 : 1;
   return "--".concat([_constants.CSS_PREFIX].concat((0, _toConsumableArray2.default)(normalizedPath.slice(slice))).filter(function (el) {
     return el !== '[default]';
   }).join('-'));

package/dist/cjs/version.json

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