@atlaskit/tokens 1.4.3 → 1.5.0

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

@@ -1,37 +1,37 @@
 const 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'
       }
@@ -85,49 +85,49 @@ const fontFamilyPalette = {
 const 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'
       }

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

@@ -10,7 +10,6 @@ const spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '0px',
         description: 'Equates to `0`. Can be used for resetting default spacing styles.'
       }
     },
@@ -20,7 +19,6 @@ const spacing = {
         state: 'active',
         suggest: ['1px', '3px'],
         introduced: '0.12.0',
-        pixelValue: '2px',
         description: 'Use for spacing in compact scenarios. The smallest value in our scale.'
       }
     },
@@ -30,7 +28,6 @@ const spacing = {
         state: 'active',
         suggest: ['3px', '5px'],
         introduced: '0.12.0',
-        pixelValue: '4px',
         description: 'Use for spacing in compact scenarios.'
       }
     },
@@ -40,7 +37,6 @@ const spacing = {
         state: 'active',
         suggest: ['5px', '7px'],
         introduced: '0.12.0',
-        pixelValue: '6px',
         description: 'Use for spacing in compact scenarios.'
       }
     },
@@ -50,7 +46,6 @@ const spacing = {
         state: 'active',
         suggest: ['7px', '9px'],
         introduced: '0.12.0',
-        pixelValue: '8px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -60,7 +55,6 @@ const spacing = {
         state: 'active',
         suggest: ['10px', '11px', '13px', '14px'],
         introduced: '0.12.0',
-        pixelValue: '12px',
         description: 'Helpful guidance goes here'
       }
     },
@@ -70,7 +64,6 @@ const spacing = {
         state: 'active',
         suggest: ['14px', '15px', '17px', '18px'],
         introduced: '0.12.0',
-        pixelValue: '16px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -80,7 +73,6 @@ const spacing = {
         state: 'active',
         suggest: ['19px', '21px', '22px', '23px'],
         introduced: '0.12.0',
-        pixelValue: '20px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -90,7 +82,6 @@ const spacing = {
         state: 'active',
         suggest: ['23px', '25px', '26px', '27px', '28px'],
         introduced: '0.12.0',
-        pixelValue: '24px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -100,7 +91,6 @@ const spacing = {
         state: 'active',
         suggest: ['28px', '29px', '30px', '31px', '33px', '34px', '35px'],
         introduced: '0.12.0',
-        pixelValue: '32px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -109,7 +99,6 @@ const spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '40px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -118,7 +107,6 @@ const spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '48px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -127,7 +115,6 @@ const spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '64px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -136,7 +123,6 @@ const spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '80px',
         description: 'Use for larger layout-specific spacing.'
       }
     }

package/dist/es2019/version.json

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

package/dist/esm/artifacts/palettes-raw/shape-palette.js

@@ -1,17 +1,17 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d9adf6612a4bc5957b7824e1f32a76b2>>
+ * @codegen <<SignedSource::a2e59b8e1421ca4ad026a5b2161824b2>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
-  "value": "0.125rem",
+  "value": "2px",
   "attributes": {
     "group": "shape"
   },
   "filePath": "src/palettes/shape-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "0.125rem",
+    "value": 2,
     "attributes": {
       "group": "shape"
     }
@@ -19,14 +19,14 @@ var tokens = [{
   "name": "border.radius.Radius050",
   "path": ["border", "radius", "Radius050"]
 }, {
-  "value": "0.25rem",
+  "value": "4px",
   "attributes": {
     "group": "shape"
   },
   "filePath": "src/palettes/shape-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "0.25rem",
+    "value": 4,
     "attributes": {
       "group": "shape"
     }
@@ -34,14 +34,14 @@ var tokens = [{
   "name": "border.radius.Radius100",
   "path": ["border", "radius", "Radius100"]
 }, {
-  "value": "0.5rem",
+  "value": "8px",
   "attributes": {
     "group": "shape"
   },
   "filePath": "src/palettes/shape-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "0.5rem",
+    "value": 8,
     "attributes": {
       "group": "shape"
     }
@@ -49,14 +49,14 @@ var tokens = [{
   "name": "border.radius.Radius200",
   "path": ["border", "radius", "Radius200"]
 }, {
-  "value": "0.75rem",
+  "value": "12px",
   "attributes": {
     "group": "shape"
   },
   "filePath": "src/palettes/shape-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "0.75rem",
+    "value": 12,
     "attributes": {
       "group": "shape"
     }
@@ -64,14 +64,14 @@ var tokens = [{
   "name": "border.radius.Radius300",
   "path": ["border", "radius", "Radius300"]
 }, {
-  "value": "1rem",
+  "value": "16px",
   "attributes": {
     "group": "shape"
   },
   "filePath": "src/palettes/shape-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "1rem",
+    "value": 16,
     "attributes": {
       "group": "shape"
     }
@@ -94,14 +94,14 @@ var tokens = [{
   "name": "border.radius.RadiusCircle",
   "path": ["border", "radius", "RadiusCircle"]
 }, {
-  "value": "0",
+  "value": "0px",
   "attributes": {
     "group": "shape"
   },
   "filePath": "src/palettes/shape-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "0",
+    "value": 0,
     "attributes": {
       "group": "shape"
     }
@@ -109,14 +109,14 @@ var tokens = [{
   "name": "border.width.Size0",
   "path": ["border", "width", "Size0"]
 }, {
-  "value": "0.0625rem",
+  "value": "1px",
   "attributes": {
     "group": "shape"
   },
   "filePath": "src/palettes/shape-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "0.0625rem",
+    "value": 1,
     "attributes": {
       "group": "shape"
     }
@@ -124,14 +124,14 @@ var tokens = [{
   "name": "border.width.Size050",
   "path": ["border", "width", "Size050"]
 }, {
-  "value": "0.125rem",
+  "value": "2px",
   "attributes": {
     "group": "shape"
   },
   "filePath": "src/palettes/shape-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "0.125rem",
+    "value": 2,
     "attributes": {
       "group": "shape"
     }

package/dist/esm/artifacts/palettes-raw/spacing-scale.js

@@ -1,17 +1,17 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1599e85262f34ecc7fbda0662bc858cb>>
+ * @codegen <<SignedSource::4cad6a8b4b676f9379fa2d4fca019b0e>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
-  "value": "0",
+  "value": "0px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "0",
+    "value": 0,
     "attributes": {
       "group": "spacing"
     }
@@ -19,14 +19,14 @@ var tokens = [{
   "name": "space.Space0",
   "path": ["space", "Space0"]
 }, {
-  "value": "0.125rem",
+  "value": "2px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "0.125rem",
+    "value": 2,
     "attributes": {
       "group": "spacing"
     }
@@ -34,14 +34,14 @@ var tokens = [{
   "name": "space.Space025",
   "path": ["space", "Space025"]
 }, {
-  "value": "0.25rem",
+  "value": "4px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "0.25rem",
+    "value": 4,
     "attributes": {
       "group": "spacing"
     }
@@ -49,14 +49,14 @@ var tokens = [{
   "name": "space.Space050",
   "path": ["space", "Space050"]
 }, {
-  "value": "0.375rem",
+  "value": "6px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "0.375rem",
+    "value": 6,
     "attributes": {
       "group": "spacing"
     }
@@ -64,14 +64,14 @@ var tokens = [{
   "name": "space.Space075",
   "path": ["space", "Space075"]
 }, {
-  "value": "0.5rem",
+  "value": "8px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "0.5rem",
+    "value": 8,
     "attributes": {
       "group": "spacing"
     }
@@ -79,31 +79,29 @@ var tokens = [{
   "name": "space.Space100",
   "path": ["space", "Space100"]
 }, {
-  "value": "5rem",
+  "value": "80px",
   "attributes": {
     "group": "spacing"
   },
-  "pixelValue": "80px",
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "5rem",
+    "value": 80,
     "attributes": {
       "group": "spacing"
-    },
-    "pixelValue": "80px"
+    }
   },
   "name": "space.Space1000",
   "path": ["space", "Space1000"]
 }, {
-  "value": "0.75rem",
+  "value": "12px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "0.75rem",
+    "value": 12,
     "attributes": {
       "group": "spacing"
     }
@@ -111,14 +109,14 @@ var tokens = [{
   "name": "space.Space150",
   "path": ["space", "Space150"]
 }, {
-  "value": "1rem",
+  "value": "16px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "1rem",
+    "value": 16,
     "attributes": {
       "group": "spacing"
     }
@@ -126,14 +124,14 @@ var tokens = [{
   "name": "space.Space200",
   "path": ["space", "Space200"]
 }, {
-  "value": "1.25rem",
+  "value": "20px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "1.25rem",
+    "value": 20,
     "attributes": {
       "group": "spacing"
     }
@@ -141,14 +139,14 @@ var tokens = [{
   "name": "space.Space250",
   "path": ["space", "Space250"]
 }, {
-  "value": "1.5rem",
+  "value": "24px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "1.5rem",
+    "value": 24,
     "attributes": {
       "group": "spacing"
     }
@@ -156,14 +154,14 @@ var tokens = [{
   "name": "space.Space300",
   "path": ["space", "Space300"]
 }, {
-  "value": "2rem",
+  "value": "32px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "2rem",
+    "value": 32,
     "attributes": {
       "group": "spacing"
     }
@@ -171,14 +169,14 @@ var tokens = [{
   "name": "space.Space400",
   "path": ["space", "Space400"]
 }, {
-  "value": "2.5rem",
+  "value": "40px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "2.5rem",
+    "value": 40,
     "attributes": {
       "group": "spacing"
     }
@@ -186,14 +184,14 @@ var tokens = [{
   "name": "space.Space500",
   "path": ["space", "Space500"]
 }, {
-  "value": "3rem",
+  "value": "48px",
   "attributes": {
     "group": "spacing"
   },
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "3rem",
+    "value": 48,
     "attributes": {
       "group": "spacing"
     }
@@ -201,19 +199,17 @@ var tokens = [{
   "name": "space.Space600",
   "path": ["space", "Space600"]
 }, {
-  "value": "4rem",
+  "value": "64px",
   "attributes": {
     "group": "spacing"
   },
-  "pixelValue": "64px",
   "filePath": "src/palettes/spacing-scale.tsx",
   "isSource": true,
   "original": {
-    "value": "4rem",
+    "value": 64,
     "attributes": {
       "group": "spacing"
-    },
-    "pixelValue": "64px"
+    }
   },
   "name": "space.Space800",
   "path": ["space", "Space800"]