@atlaskit/tokens 1.4.3 → 1.5.0

package/dist/cjs/artifacts/tokens-raw/atlassian-shape.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::f4523de23a205d43950d1b24f656f952>>
+ * @codegen <<SignedSource::7cdaa82f55e6537ca0b68d196db9e1d6>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -16,7 +16,7 @@ var tokens = [{
     "introduced": "1.1.0",
     "description": "Experimental, description needs to be amended"
   },
-  "value": "0.125rem",
+  "value": "2px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
@@ -38,7 +38,7 @@ var tokens = [{
     "introduced": "1.1.0",
     "description": "Experimental, description needs to be amended"
   },
-  "value": "0.25rem",
+  "value": "4px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
@@ -60,7 +60,7 @@ var tokens = [{
     "introduced": "1.1.0",
     "description": "Experimental, description needs to be amended"
   },
-  "value": "0.5rem",
+  "value": "8px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
@@ -82,7 +82,7 @@ var tokens = [{
     "introduced": "1.1.0",
     "description": "Experimental, description needs to be amended"
   },
-  "value": "0.75rem",
+  "value": "12px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
@@ -104,7 +104,7 @@ var tokens = [{
     "introduced": "1.1.0",
     "description": "Experimental, description needs to be amended"
   },
-  "value": "1rem",
+  "value": "16px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
@@ -148,7 +148,7 @@ var tokens = [{
     "introduced": "1.2.1",
     "description": "Experimental, description needs to be amended"
   },
-  "value": "0",
+  "value": "0px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
@@ -170,7 +170,7 @@ var tokens = [{
     "introduced": "1.1.0",
     "description": "Experimental, description needs to be amended"
   },
-  "value": "0.0625rem",
+  "value": "1px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {
@@ -192,7 +192,7 @@ var tokens = [{
     "introduced": "1.1.0",
     "description": "Experimental, description needs to be amended"
   },
-  "value": "0.125rem",
+  "value": "2px",
   "filePath": "src/tokens/atlassian-shape/shape.tsx",
   "isSource": true,
   "original": {

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::cfa1d518948d5dc23821d17cab0cb52a>>
+ * @codegen <<SignedSource::c89f0dcd1df97245a694a1a77741bb39>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -14,10 +14,9 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "pixelValue": "0px",
     "description": "Equates to `0`. Can be used for resetting default spacing styles."
   },
-  "value": "0",
+  "value": "0px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -25,7 +24,6 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "pixelValue": "0px",
       "description": "Equates to `0`. Can be used for resetting default spacing styles."
     },
     "value": "Space0"
@@ -39,10 +37,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["1px", "3px"],
     "introduced": "0.12.0",
-    "pixelValue": "2px",
     "description": "Use for spacing in compact scenarios. The smallest value in our scale."
   },
-  "value": "0.125rem",
+  "value": "2px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -51,7 +48,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["1px", "3px"],
       "introduced": "0.12.0",
-      "pixelValue": "2px",
       "description": "Use for spacing in compact scenarios. The smallest value in our scale."
     },
     "value": "Space025"
@@ -65,10 +61,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["3px", "5px"],
     "introduced": "0.12.0",
-    "pixelValue": "4px",
     "description": "Use for spacing in compact scenarios."
   },
-  "value": "0.25rem",
+  "value": "4px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -77,7 +72,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["3px", "5px"],
       "introduced": "0.12.0",
-      "pixelValue": "4px",
       "description": "Use for spacing in compact scenarios."
     },
     "value": "Space050"
@@ -91,10 +85,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["5px", "7px"],
     "introduced": "0.12.0",
-    "pixelValue": "6px",
     "description": "Use for spacing in compact scenarios."
   },
-  "value": "0.375rem",
+  "value": "6px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -103,7 +96,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["5px", "7px"],
       "introduced": "0.12.0",
-      "pixelValue": "6px",
       "description": "Use for spacing in compact scenarios."
     },
     "value": "Space075"
@@ -117,10 +109,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["7px", "9px"],
     "introduced": "0.12.0",
-    "pixelValue": "8px",
     "description": "Use for gutter spacing."
   },
-  "value": "0.5rem",
+  "value": "8px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -129,7 +120,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["7px", "9px"],
       "introduced": "0.12.0",
-      "pixelValue": "8px",
       "description": "Use for gutter spacing."
     },
     "value": "Space100"
@@ -143,10 +133,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["10px", "11px", "13px", "14px"],
     "introduced": "0.12.0",
-    "pixelValue": "12px",
     "description": "Helpful guidance goes here"
   },
-  "value": "0.75rem",
+  "value": "12px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -155,7 +144,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["10px", "11px", "13px", "14px"],
       "introduced": "0.12.0",
-      "pixelValue": "12px",
       "description": "Helpful guidance goes here"
     },
     "value": "Space150"
@@ -169,10 +157,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["14px", "15px", "17px", "18px"],
     "introduced": "0.12.0",
-    "pixelValue": "16px",
     "description": "Use for gutter spacing."
   },
-  "value": "1rem",
+  "value": "16px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -181,7 +168,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["14px", "15px", "17px", "18px"],
       "introduced": "0.12.0",
-      "pixelValue": "16px",
       "description": "Use for gutter spacing."
     },
     "value": "Space200"
@@ -195,10 +181,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["19px", "21px", "22px", "23px"],
     "introduced": "0.12.0",
-    "pixelValue": "20px",
     "description": "Use for gutter spacing."
   },
-  "value": "1.25rem",
+  "value": "20px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -207,7 +192,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["19px", "21px", "22px", "23px"],
       "introduced": "0.12.0",
-      "pixelValue": "20px",
       "description": "Use for gutter spacing."
     },
     "value": "Space250"
@@ -221,10 +205,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["23px", "25px", "26px", "27px", "28px"],
     "introduced": "0.12.0",
-    "pixelValue": "24px",
     "description": "Use for gutter spacing."
   },
-  "value": "1.5rem",
+  "value": "24px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -233,7 +216,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["23px", "25px", "26px", "27px", "28px"],
       "introduced": "0.12.0",
-      "pixelValue": "24px",
       "description": "Use for gutter spacing."
     },
     "value": "Space300"
@@ -247,10 +229,9 @@ var tokens = [{
     "state": "active",
     "suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
     "introduced": "0.12.0",
-    "pixelValue": "32px",
     "description": "Use for gutter spacing."
   },
-  "value": "2rem",
+  "value": "32px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -259,7 +240,6 @@ var tokens = [{
       "state": "active",
       "suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
       "introduced": "0.12.0",
-      "pixelValue": "32px",
       "description": "Use for gutter spacing."
     },
     "value": "Space400"
@@ -272,10 +252,9 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "pixelValue": "40px",
     "description": "Use for larger layout-specific spacing."
   },
-  "value": "2.5rem",
+  "value": "40px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -283,7 +262,6 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "pixelValue": "40px",
       "description": "Use for larger layout-specific spacing."
     },
     "value": "Space500"
@@ -296,10 +274,9 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "pixelValue": "48px",
     "description": "Use for larger layout-specific spacing."
   },
-  "value": "3rem",
+  "value": "48px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -307,7 +284,6 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "pixelValue": "48px",
       "description": "Use for larger layout-specific spacing."
     },
     "value": "Space600"
@@ -320,10 +296,9 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "pixelValue": "64px",
     "description": "Use for larger layout-specific spacing."
   },
-  "value": "4rem",
+  "value": "64px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -331,7 +306,6 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "pixelValue": "64px",
       "description": "Use for larger layout-specific spacing."
     },
     "value": "Space800"
@@ -344,10 +318,9 @@ var tokens = [{
     "group": "spacing",
     "state": "active",
     "introduced": "0.12.0",
-    "pixelValue": "80px",
     "description": "Use for larger layout-specific spacing."
   },
-  "value": "5rem",
+  "value": "80px",
   "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
   "isSource": true,
   "original": {
@@ -355,7 +328,6 @@ var tokens = [{
       "group": "spacing",
       "state": "active",
       "introduced": "0.12.0",
-      "pixelValue": "80px",
       "description": "Use for larger layout-specific spacing."
     },
     "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.4.3";
+var version = "1.5.0";
 /**
  * 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.4.3";
+var version = "1.5.0";
 /**
  * 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/palettes/shape-palette.js

@@ -10,19 +10,19 @@ exports.default = void 0;
 
 var baseSizeTokens = {
   Size0: {
-    value: '0',
+    value: 0,
     attributes: {
       group: 'shape'
     }
   },
   Size050: {
-    value: '0.0625rem',
+    value: 1,
     attributes: {
       group: 'shape'
     }
   },
   Size100: {
-    value: '0.125rem',
+    value: 2,
     attributes: {
       group: 'shape'
     }
@@ -30,31 +30,31 @@ var baseSizeTokens = {
 };
 var baseRadiusTokens = {
   Radius050: {
-    value: '0.125rem',
+    value: 2,
     attributes: {
       group: 'shape'
     }
   },
   Radius100: {
-    value: '0.25rem',
+    value: 4,
     attributes: {
       group: 'shape'
     }
   },
   Radius200: {
-    value: '0.5rem',
+    value: 8,
     attributes: {
       group: 'shape'
     }
   },
   Radius300: {
-    value: '0.75rem',
+    value: 12,
     attributes: {
       group: 'shape'
     }
   },
   Radius400: {
-    value: '1rem',
+    value: 16,
     attributes: {
       group: 'shape'
     }

package/dist/cjs/palettes/spacing-scale.js

@@ -10,90 +10,88 @@ exports.default = void 0;
 
 var baseSpacingTokens = {
   Space0: {
-    value: '0',
+    value: 0,
     attributes: {
       group: 'spacing'
     }
   },
   Space025: {
-    value: '0.125rem',
+    value: 2,
     attributes: {
       group: 'spacing'
     }
   },
   Space050: {
-    value: '0.25rem',
+    value: 4,
     attributes: {
       group: 'spacing'
     }
   },
   Space075: {
-    value: '0.375rem',
+    value: 6,
     attributes: {
       group: 'spacing'
     }
   },
   Space100: {
-    value: '0.5rem',
+    value: 8,
     attributes: {
       group: 'spacing'
     }
   },
   Space150: {
-    value: '0.75rem',
+    value: 12,
     attributes: {
       group: 'spacing'
     }
   },
   Space200: {
-    value: '1rem',
+    value: 16,
     attributes: {
       group: 'spacing'
     }
   },
   Space250: {
-    value: '1.25rem',
+    value: 20,
     attributes: {
       group: 'spacing'
     }
   },
   Space300: {
-    value: '1.5rem',
+    value: 24,
     attributes: {
       group: 'spacing'
     }
   },
   Space400: {
-    value: '2rem',
+    value: 32,
     attributes: {
       group: 'spacing'
     }
   },
   Space500: {
-    value: '2.5rem',
+    value: 40,
     attributes: {
       group: 'spacing'
     }
   },
   Space600: {
-    value: '3rem',
+    value: 48,
     attributes: {
       group: 'spacing'
     }
   },
   Space800: {
-    value: '4rem',
+    value: 64,
     attributes: {
       group: 'spacing'
-    },
-    pixelValue: '64px'
+    }
   },
   Space1000: {
-    value: '5rem',
+    value: 80,
     attributes: {
       group: 'spacing'
-    },
-    pixelValue: '80px'
+    }
   }
 };
 var spacingPalette = {

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

@@ -11,37 +11,37 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var lineHeightScale = {
   lineHeight: {
     LineHeight100: {
-      value: '16px',
+      value: 16,
       attributes: {
         group: 'typography'
       }
     },
     LineHeight200: {
-      value: '20px',
+      value: 20,
       attributes: {
         group: 'typography'
       }
     },
     LineHeight300: {
-      value: '24px',
+      value: 24,
       attributes: {
         group: 'typography'
       }
     },
     LineHeight400: {
-      value: '28px',
+      value: 28,
       attributes: {
         group: 'typography'
       }
     },
     LineHeight500: {
-      value: '32px',
+      value: 32,
       attributes: {
         group: 'typography'
       }
     },
     LineHeight600: {
-      value: '40px',
+      value: 40,
       attributes: {
         group: 'typography'
       }
@@ -95,49 +95,49 @@ var fontFamilyPalette = {
 var fontSizeScale = {
   fontSize: {
     FontSize050: {
-      value: '11px',
+      value: 11,
       attributes: {
         group: 'typography'
       }
     },
     FontSize075: {
-      value: '12px',
+      value: 12,
       attributes: {
         group: 'typography'
       }
     },
     FontSize100: {
-      value: '14px',
+      value: 14,
       attributes: {
         group: 'typography'
       }
     },
     FontSize200: {
-      value: '16px',
+      value: 16,
       attributes: {
         group: 'typography'
       }
     },
     FontSize300: {
-      value: '20px',
+      value: 20,
       attributes: {
         group: 'typography'
       }
     },
     FontSize400: {
-      value: '24px',
+      value: 24,
       attributes: {
         group: 'typography'
       }
     },
     FontSize500: {
-      value: '29px',
+      value: 29,
       attributes: {
         group: 'typography'
       }
     },
     FontSize600: {
-      value: '35px',
+      value: 35,
       attributes: {
         group: 'typography'
       }