@atlaskit/tokens 1.4.4 → 1.5.0

package/figma/atlassian-spacing.json

@@ -6,10 +6,9 @@
         "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": 0
     },
     "Spacing/space.025": {
       "attributes": {
@@ -20,10 +19,9 @@
           "3px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "2px",
         "description": "Use for spacing in compact scenarios. The smallest value in our scale."
       },
-      "value": "0.125rem"
+      "value": 2
     },
     "Spacing/space.050": {
       "attributes": {
@@ -34,10 +32,9 @@
           "5px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "4px",
         "description": "Use for spacing in compact scenarios."
       },
-      "value": "0.25rem"
+      "value": 4
     },
     "Spacing/space.075": {
       "attributes": {
@@ -48,10 +45,9 @@
           "7px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "6px",
         "description": "Use for spacing in compact scenarios."
       },
-      "value": "0.375rem"
+      "value": 6
     },
     "Spacing/space.100": {
       "attributes": {
@@ -62,10 +58,9 @@
           "9px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "8px",
         "description": "Use for gutter spacing."
       },
-      "value": "0.5rem"
+      "value": 8
     },
     "Spacing/space.150": {
       "attributes": {
@@ -78,10 +73,9 @@
           "14px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "12px",
         "description": "Helpful guidance goes here"
       },
-      "value": "0.75rem"
+      "value": 12
     },
     "Spacing/space.200": {
       "attributes": {
@@ -94,10 +88,9 @@
           "18px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "16px",
         "description": "Use for gutter spacing."
       },
-      "value": "1rem"
+      "value": 16
     },
     "Spacing/space.250": {
       "attributes": {
@@ -110,10 +103,9 @@
           "23px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "20px",
         "description": "Use for gutter spacing."
       },
-      "value": "1.25rem"
+      "value": 20
     },
     "Spacing/space.300": {
       "attributes": {
@@ -127,10 +119,9 @@
           "28px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "24px",
         "description": "Use for gutter spacing."
       },
-      "value": "1.5rem"
+      "value": 24
     },
     "Spacing/space.400": {
       "attributes": {
@@ -146,50 +137,45 @@
           "35px"
         ],
         "introduced": "0.12.0",
-        "pixelValue": "32px",
         "description": "Use for gutter spacing."
       },
-      "value": "2rem"
+      "value": 32
     },
     "Spacing/space.500": {
       "attributes": {
         "group": "spacing",
         "state": "active",
         "introduced": "0.12.0",
-        "pixelValue": "40px",
         "description": "Use for larger layout-specific spacing."
       },
-      "value": "2.5rem"
+      "value": 40
     },
     "Spacing/space.600": {
       "attributes": {
         "group": "spacing",
         "state": "active",
         "introduced": "0.12.0",
-        "pixelValue": "48px",
         "description": "Use for larger layout-specific spacing."
       },
-      "value": "3rem"
+      "value": 48
     },
     "Spacing/space.800": {
       "attributes": {
         "group": "spacing",
         "state": "active",
         "introduced": "0.12.0",
-        "pixelValue": "64px",
         "description": "Use for larger layout-specific spacing."
       },
-      "value": "4rem"
+      "value": 64
     },
     "Spacing/space.1000": {
       "attributes": {
         "group": "spacing",
         "state": "active",
         "introduced": "0.12.0",
-        "pixelValue": "80px",
         "description": "Use for larger layout-specific spacing."
       },
-      "value": "5rem"
+      "value": 80
     }
   },
   "renameMap": {}

package/figma/atlassian-typography.json

@@ -62,7 +62,7 @@
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "16px"
+      "value": 16
     },
     "Typography/font.lineHeight.200": {
       "attributes": {
@@ -71,7 +71,7 @@
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "20px"
+      "value": 20
     },
     "Typography/font.lineHeight.300": {
       "attributes": {
@@ -80,7 +80,7 @@
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "24px"
+      "value": 24
     },
     "Typography/font.lineHeight.400": {
       "attributes": {
@@ -89,7 +89,7 @@
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "28px"
+      "value": 28
     },
     "Typography/font.lineHeight.500": {
       "attributes": {
@@ -98,7 +98,7 @@
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "32px"
+      "value": 32
     },
     "Typography/font.lineHeight.600": {
       "attributes": {
@@ -107,7 +107,7 @@
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "40px"
+      "value": 40
     }
   },
   "renameMap": {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.4.4",
+  "version": "1.5.0",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -70,15 +70,15 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/docs": "^9.1.0",
     "@atlaskit/dropdown-menu": "^11.9.0",
-    "@atlaskit/ds-explorations": "^2.1.0",
+    "@atlaskit/ds-explorations": "^2.2.0",
     "@atlaskit/dynamic-table": "^14.9.0",
-    "@atlaskit/grid": "^0.10.0",
+    "@atlaskit/grid": "^0.11.0",
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/primitives": "^0.9.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^16.4.0",
+    "@atlaskit/select": "^16.5.0",
     "@atlaskit/tag": "^11.5.0",
     "@atlaskit/textfield": "^5.5.0",
     "@atlaskit/theme": "^12.5.0",

package/report.api.md

@@ -352,90 +352,88 @@ type ActiveTokenState = 'active';
 // @public (undocumented)
 const baseSpacingTokens: {
   readonly Space0: {
-    readonly value: '0';
+    readonly value: 0;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space025: {
-    readonly value: '0.125rem';
+    readonly value: 2;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space050: {
-    readonly value: '0.25rem';
+    readonly value: 4;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space075: {
-    readonly value: '0.375rem';
+    readonly value: 6;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space100: {
-    readonly value: '0.5rem';
+    readonly value: 8;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space150: {
-    readonly value: '0.75rem';
+    readonly value: 12;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space200: {
-    readonly value: '1rem';
+    readonly value: 16;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space250: {
-    readonly value: '1.25rem';
+    readonly value: 20;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space300: {
-    readonly value: '1.5rem';
+    readonly value: 24;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space400: {
-    readonly value: '2rem';
+    readonly value: 32;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space500: {
-    readonly value: '2.5rem';
+    readonly value: 40;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space600: {
-    readonly value: '3rem';
+    readonly value: 48;
     readonly attributes: {
       readonly group: 'spacing';
     };
   };
   readonly Space800: {
-    readonly value: '4rem';
+    readonly value: 64;
     readonly attributes: {
       readonly group: 'spacing';
     };
-    readonly pixelValue: '64px';
   };
   readonly Space1000: {
-    readonly value: '5rem';
+    readonly value: 80;
     readonly attributes: {
       readonly group: 'spacing';
     };
-    readonly pixelValue: '80px';
   };
 };
 
@@ -794,7 +792,6 @@ interface DesignToken<TValue, Group extends Groups>
         group: Group;
         description: string;
         introduced: string;
-        pixelValue?: Group extends 'spacing' ? string : never;
         suggest?: string[];
       }
     | {

package/tmp/api-report-tmp.d.ts

@@ -21,90 +21,88 @@ type ActiveTokenState = 'active';
 // @public (undocumented)
 const baseSpacingTokens: {
     readonly Space0: {
-        readonly value: "0";
+        readonly value: 0;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space025: {
-        readonly value: "0.125rem";
+        readonly value: 2;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space050: {
-        readonly value: "0.25rem";
+        readonly value: 4;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space075: {
-        readonly value: "0.375rem";
+        readonly value: 6;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space100: {
-        readonly value: "0.5rem";
+        readonly value: 8;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space150: {
-        readonly value: "0.75rem";
+        readonly value: 12;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space200: {
-        readonly value: "1rem";
+        readonly value: 16;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space250: {
-        readonly value: "1.25rem";
+        readonly value: 20;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space300: {
-        readonly value: "1.5rem";
+        readonly value: 24;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space400: {
-        readonly value: "2rem";
+        readonly value: 32;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space500: {
-        readonly value: "2.5rem";
+        readonly value: 40;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space600: {
-        readonly value: "3rem";
+        readonly value: 48;
         readonly attributes: {
             readonly group: "spacing";
         };
     };
     readonly Space800: {
-        readonly value: "4rem";
+        readonly value: 64;
         readonly attributes: {
             readonly group: "spacing";
         };
-        readonly pixelValue: "64px";
     };
     readonly Space1000: {
-        readonly value: "5rem";
+        readonly value: 80;
         readonly attributes: {
             readonly group: "spacing";
         };
-        readonly pixelValue: "80px";
     };
 };
 
@@ -461,7 +459,6 @@ interface DesignToken<TValue, Group extends Groups> extends Token<TValue, Group>
         group: Group;
         description: string;
         introduced: string;
-        pixelValue?: Group extends 'spacing' ? string : never;
         suggest?: string[];
     } | {
         state: DeletedTokenState;