@atlaskit/tokens 1.4.4 → 1.5.1

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

@@ -16,7 +16,6 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '0px',
         description: 'Equates to `0`. Can be used for resetting default spacing styles.'
       }
     },
@@ -26,7 +25,6 @@ var 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.'
       }
     },
@@ -36,7 +34,6 @@ var spacing = {
         state: 'active',
         suggest: ['3px', '5px'],
         introduced: '0.12.0',
-        pixelValue: '4px',
         description: 'Use for spacing in compact scenarios.'
       }
     },
@@ -46,7 +43,6 @@ var spacing = {
         state: 'active',
         suggest: ['5px', '7px'],
         introduced: '0.12.0',
-        pixelValue: '6px',
         description: 'Use for spacing in compact scenarios.'
       }
     },
@@ -56,7 +52,6 @@ var spacing = {
         state: 'active',
         suggest: ['7px', '9px'],
         introduced: '0.12.0',
-        pixelValue: '8px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -66,7 +61,6 @@ var spacing = {
         state: 'active',
         suggest: ['10px', '11px', '13px', '14px'],
         introduced: '0.12.0',
-        pixelValue: '12px',
         description: 'Helpful guidance goes here'
       }
     },
@@ -76,7 +70,6 @@ var spacing = {
         state: 'active',
         suggest: ['14px', '15px', '17px', '18px'],
         introduced: '0.12.0',
-        pixelValue: '16px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -86,7 +79,6 @@ var spacing = {
         state: 'active',
         suggest: ['19px', '21px', '22px', '23px'],
         introduced: '0.12.0',
-        pixelValue: '20px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -96,7 +88,6 @@ var spacing = {
         state: 'active',
         suggest: ['23px', '25px', '26px', '27px', '28px'],
         introduced: '0.12.0',
-        pixelValue: '24px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -106,7 +97,6 @@ var spacing = {
         state: 'active',
         suggest: ['28px', '29px', '30px', '31px', '33px', '34px', '35px'],
         introduced: '0.12.0',
-        pixelValue: '32px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -115,7 +105,6 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '40px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -124,7 +113,6 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '48px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -133,7 +121,6 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '64px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -142,7 +129,6 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '80px',
         description: 'Use for larger layout-specific spacing.'
       }
     }

package/dist/cjs/version.json

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

package/dist/es2019/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
  */
 const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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/es2019/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
  */
 const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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"]

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::15f0ab59b776fd0726847c173399dd26>>
+ * @codegen <<SignedSource::62a42989e49ca7f7856827fb9ea059d6>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -41,7 +41,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "11px",
+    "value": 11,
     "attributes": {
       "group": "typography"
     }
@@ -56,7 +56,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "12px",
+    "value": 12,
     "attributes": {
       "group": "typography"
     }
@@ -71,7 +71,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "14px",
+    "value": 14,
     "attributes": {
       "group": "typography"
     }
@@ -86,7 +86,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "16px",
+    "value": 16,
     "attributes": {
       "group": "typography"
     }
@@ -101,7 +101,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "20px",
+    "value": 20,
     "attributes": {
       "group": "typography"
     }
@@ -116,7 +116,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "24px",
+    "value": 24,
     "attributes": {
       "group": "typography"
     }
@@ -131,7 +131,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "29px",
+    "value": 29,
     "attributes": {
       "group": "typography"
     }
@@ -146,7 +146,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "35px",
+    "value": 35,
     "attributes": {
       "group": "typography"
     }
@@ -221,7 +221,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "16px",
+    "value": 16,
     "attributes": {
       "group": "typography"
     }
@@ -236,7 +236,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "20px",
+    "value": 20,
     "attributes": {
       "group": "typography"
     }
@@ -251,7 +251,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "24px",
+    "value": 24,
     "attributes": {
       "group": "typography"
     }
@@ -266,7 +266,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "28px",
+    "value": 28,
     "attributes": {
       "group": "typography"
     }
@@ -281,7 +281,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "32px",
+    "value": 32,
     "attributes": {
       "group": "typography"
     }
@@ -296,7 +296,7 @@ const tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "40px",
+    "value": 40,
     "attributes": {
       "group": "typography"
     }

package/dist/es2019/artifacts/themes/atlassian-shape.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e1827dff880ab23a73ac703dfb8f2018>>
+ * @codegen <<SignedSource::01d88a41c27f9a921fe1a40fec0a7ba0>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -11,7 +11,7 @@ html[data-theme~="shape:shape"] {
   --ds-radius-300: 0.75rem;
   --ds-radius-400: 1rem;
   --ds-radius-round: 50%;
-  --ds-width-0: 0;
+  --ds-width-0: 0rem;
   --ds-width-050: 0.0625rem;
   --ds-width-100: 0.125rem;
 }

package/dist/es2019/artifacts/themes/atlassian-spacing.js

@@ -1,11 +1,11 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a9bb91811dc597f0d705bbed643a7fc>>
+ * @codegen <<SignedSource::36f0214aaedb62d3639cb79a9195eaf6>>
  * @codegenCommand yarn build tokens
  */
 export default `
 html[data-theme~="spacing:spacing"] {
-  --ds-space-0: 0;
+  --ds-space-0: 0rem;
   --ds-space-025: 0.125rem;
   --ds-space-050: 0.25rem;
   --ds-space-075: 0.375rem;