@atlaskit/tokens 1.4.4 → 1.5.1

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

@@ -4,90 +4,88 @@
 
 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/esm/palettes/typography-palette.js

@@ -4,37 +4,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'
       }
@@ -88,49 +88,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'
       }

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

@@ -10,7 +10,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.'
       }
     },
@@ -20,7 +19,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.'
       }
     },
@@ -30,7 +28,6 @@ var spacing = {
         state: 'active',
         suggest: ['3px', '5px'],
         introduced: '0.12.0',
-        pixelValue: '4px',
         description: 'Use for spacing in compact scenarios.'
       }
     },
@@ -40,7 +37,6 @@ var spacing = {
         state: 'active',
         suggest: ['5px', '7px'],
         introduced: '0.12.0',
-        pixelValue: '6px',
         description: 'Use for spacing in compact scenarios.'
       }
     },
@@ -50,7 +46,6 @@ var spacing = {
         state: 'active',
         suggest: ['7px', '9px'],
         introduced: '0.12.0',
-        pixelValue: '8px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -60,7 +55,6 @@ var spacing = {
         state: 'active',
         suggest: ['10px', '11px', '13px', '14px'],
         introduced: '0.12.0',
-        pixelValue: '12px',
         description: 'Helpful guidance goes here'
       }
     },
@@ -70,7 +64,6 @@ var spacing = {
         state: 'active',
         suggest: ['14px', '15px', '17px', '18px'],
         introduced: '0.12.0',
-        pixelValue: '16px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -80,7 +73,6 @@ var spacing = {
         state: 'active',
         suggest: ['19px', '21px', '22px', '23px'],
         introduced: '0.12.0',
-        pixelValue: '20px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -90,7 +82,6 @@ var spacing = {
         state: 'active',
         suggest: ['23px', '25px', '26px', '27px', '28px'],
         introduced: '0.12.0',
-        pixelValue: '24px',
         description: 'Use for gutter spacing.'
       }
     },
@@ -100,7 +91,6 @@ var 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 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '40px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -118,7 +107,6 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '48px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -127,7 +115,6 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '64px',
         description: 'Use for larger layout-specific spacing.'
       }
     },
@@ -136,7 +123,6 @@ var spacing = {
         group: 'spacing',
         state: 'active',
         introduced: '0.12.0',
-        pixelValue: '80px',
         description: 'Use for larger layout-specific spacing.'
       }
     }

package/dist/esm/version.json

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

package/dist/types/artifacts/palettes-raw/shape-palette.d.ts

@@ -1,9 +1,24 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d9adf6612a4bc5957b7824e1f32a76b2>>
+ * @codegen <<SignedSource::a2e59b8e1421ca4ad026a5b2161824b2>>
  * @codegenCommand yarn build tokens
  */
-declare const tokens: {
+declare const tokens: ({
+    value: string;
+    attributes: {
+        group: string;
+    };
+    filePath: string;
+    isSource: boolean;
+    original: {
+        value: number;
+        attributes: {
+            group: string;
+        };
+    };
+    name: string;
+    path: string[];
+} | {
     value: string;
     attributes: {
         group: string;
@@ -18,5 +33,5 @@ declare const tokens: {
     };
     name: string;
     path: string[];
-}[];
+})[];
 export default tokens;

package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts

@@ -1,9 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1599e85262f34ecc7fbda0662bc858cb>>
+ * @codegen <<SignedSource::4cad6a8b4b676f9379fa2d4fca019b0e>>
  * @codegenCommand yarn build tokens
  */
-declare const tokens: ({
+declare const tokens: {
     value: string;
     attributes: {
         group: string;
@@ -11,31 +11,12 @@ declare const tokens: ({
     filePath: string;
     isSource: boolean;
     original: {
-        value: string;
+        value: number;
         attributes: {
             group: string;
         };
-        pixelValue?: undefined;
     };
     name: string;
     path: string[];
-    pixelValue?: undefined;
-} | {
-    value: string;
-    attributes: {
-        group: string;
-    };
-    pixelValue: string;
-    filePath: string;
-    isSource: boolean;
-    original: {
-        value: string;
-        attributes: {
-            group: string;
-        };
-        pixelValue: string;
-    };
-    name: string;
-    path: string[];
-})[];
+}[];
 export default tokens;

package/dist/types/artifacts/palettes-raw/typography-palette.d.ts

@@ -1,9 +1,9 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::15f0ab59b776fd0726847c173399dd26>>
+ * @codegen <<SignedSource::62a42989e49ca7f7856827fb9ea059d6>>
  * @codegenCommand yarn build tokens
  */
-declare const tokens: {
+declare const tokens: ({
     value: string;
     attributes: {
         group: string;
@@ -18,5 +18,20 @@ declare const tokens: {
     };
     name: string;
     path: string[];
-}[];
+} | {
+    value: string;
+    attributes: {
+        group: string;
+    };
+    filePath: string;
+    isSource: boolean;
+    original: {
+        value: number;
+        attributes: {
+            group: string;
+        };
+    };
+    name: string;
+    path: string[];
+})[];
 export default tokens;

package/dist/types/artifacts/themes/atlassian-shape.d.ts

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

package/dist/types/artifacts/themes/atlassian-spacing.d.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a9bb91811dc597f0d705bbed643a7fc>>
+ * @codegen <<SignedSource::36f0214aaedb62d3639cb79a9195eaf6>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"spacing:spacing\"] {\n  --ds-space-0: 0;\n  --ds-space-025: 0.125rem;\n  --ds-space-050: 0.25rem;\n  --ds-space-075: 0.375rem;\n  --ds-space-100: 0.5rem;\n  --ds-space-150: 0.75rem;\n  --ds-space-200: 1rem;\n  --ds-space-250: 1.25rem;\n  --ds-space-300: 1.5rem;\n  --ds-space-400: 2rem;\n  --ds-space-500: 2.5rem;\n  --ds-space-600: 3rem;\n  --ds-space-800: 4rem;\n  --ds-space-1000: 5rem;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"spacing:spacing\"] {\n  --ds-space-0: 0rem;\n  --ds-space-025: 0.125rem;\n  --ds-space-050: 0.25rem;\n  --ds-space-075: 0.375rem;\n  --ds-space-100: 0.5rem;\n  --ds-space-150: 0.75rem;\n  --ds-space-200: 1rem;\n  --ds-space-250: 1.25rem;\n  --ds-space-300: 1.5rem;\n  --ds-space-400: 2rem;\n  --ds-space-500: 2.5rem;\n  --ds-space-600: 3rem;\n  --ds-space-800: 4rem;\n  --ds-space-1000: 5rem;\n}\n";
 export default _default;

package/dist/types/artifacts/themes/atlassian-typography.d.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2bb692b141bab7de1129474ea0fe281e>>
+ * @codegen <<SignedSource::3e4dc097014124b77e69b832281f37ed>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n  --ds-font-family-monospace: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace;\n  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --ds-font-size-050: 11px;\n  --ds-font-size-075: 12px;\n  --ds-font-size-100: 14px;\n  --ds-font-size-200: 16px;\n  --ds-font-size-300: 20px;\n  --ds-font-size-400: 24px;\n  --ds-font-size-500: 29px;\n  --ds-font-size-600: 35px;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  --ds-font-lineHeight-100: 16px;\n  --ds-font-lineHeight-200: 20px;\n  --ds-font-lineHeight-300: 24px;\n  --ds-font-lineHeight-400: 28px;\n  --ds-font-lineHeight-500: 32px;\n  --ds-font-lineHeight-600: 40px;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n  --ds-font-family-monospace: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace;\n  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --ds-font-size-050: 0.6875rem;\n  --ds-font-size-075: 0.75rem;\n  --ds-font-size-100: 0.875rem;\n  --ds-font-size-200: 1rem;\n  --ds-font-size-300: 1.25rem;\n  --ds-font-size-400: 1.5rem;\n  --ds-font-size-500: 1.8125rem;\n  --ds-font-size-600: 2.1875rem;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  --ds-font-lineHeight-100: 1rem;\n  --ds-font-lineHeight-200: 1.25rem;\n  --ds-font-lineHeight-300: 1.5rem;\n  --ds-font-lineHeight-400: 1.75rem;\n  --ds-font-lineHeight-500: 2rem;\n  --ds-font-lineHeight-600: 2.5rem;\n}\n";
 export default _default;

package/dist/types/artifacts/token-default-values.d.ts

@@ -4,7 +4,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::9c962af7a2afdab3160e3f3a2b285a8a>>
+ * @codegen <<SignedSource::856ff062171d44deb03158a6fa7d7bd1>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
@@ -14,7 +14,7 @@ declare const defaultTokenValues: {
     readonly 'border.radius.300': "0.75rem";
     readonly 'border.radius.400': "1rem";
     readonly 'border.radius.round': "50%";
-    readonly 'border.width.0': "0";
+    readonly 'border.width.0': "0rem";
     readonly 'border.width.050': "0.0625rem";
     readonly 'border.width.100': "0.125rem";
     readonly 'color.text': "#172B4D";
@@ -303,7 +303,7 @@ declare const defaultTokenValues: {
     readonly 'opacity.disabled': "0.4";
     readonly 'opacity.loading': "0.2";
     readonly 'utility.UNSAFE.transparent': "transparent";
-    readonly 'space.0': "0";
+    readonly 'space.0': "0rem";
     readonly 'space.025': "0.125rem";
     readonly 'space.050': "0.25rem";
     readonly 'space.075': "0.375rem";
@@ -319,23 +319,23 @@ declare const defaultTokenValues: {
     readonly 'space.1000': "5rem";
     readonly 'font.family.monospace': "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace";
     readonly 'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
-    readonly 'font.size.050': "11px";
-    readonly 'font.size.075': "12px";
-    readonly 'font.size.100': "14px";
-    readonly 'font.size.200': "16px";
-    readonly 'font.size.300': "20px";
-    readonly 'font.size.400': "24px";
-    readonly 'font.size.500': "29px";
-    readonly 'font.size.600': "35px";
+    readonly 'font.size.050': "0.6875rem";
+    readonly 'font.size.075': "0.75rem";
+    readonly 'font.size.100': "0.875rem";
+    readonly 'font.size.200': "1rem";
+    readonly 'font.size.300': "1.25rem";
+    readonly 'font.size.400': "1.5rem";
+    readonly 'font.size.500': "1.8125rem";
+    readonly 'font.size.600': "2.1875rem";
     readonly 'font.weight.bold': "700";
     readonly 'font.weight.medium': "500";
     readonly 'font.weight.regular': "400";
     readonly 'font.weight.semibold': "600";
-    readonly 'font.lineHeight.100': "16px";
-    readonly 'font.lineHeight.200': "20px";
-    readonly 'font.lineHeight.300': "24px";
-    readonly 'font.lineHeight.400': "28px";
-    readonly 'font.lineHeight.500': "32px";
-    readonly 'font.lineHeight.600': "40px";
+    readonly 'font.lineHeight.100': "1rem";
+    readonly 'font.lineHeight.200': "1.25rem";
+    readonly 'font.lineHeight.300': "1.5rem";
+    readonly 'font.lineHeight.400': "1.75rem";
+    readonly 'font.lineHeight.500': "2rem";
+    readonly 'font.lineHeight.600': "2.5rem";
 };
 export default defaultTokenValues;

package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f4523de23a205d43950d1b24f656f952>>
+ * @codegen <<SignedSource::7cdaa82f55e6537ca0b68d196db9e1d6>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {

package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cfa1d518948d5dc23821d17cab0cb52a>>
+ * @codegen <<SignedSource::c89f0dcd1df97245a694a1a77741bb39>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
@@ -8,7 +8,6 @@ declare const tokens: ({
         group: string;
         state: string;
         introduced: string;
-        pixelValue: string;
         description: string;
         suggest?: undefined;
     };
@@ -20,7 +19,6 @@ declare const tokens: ({
             group: string;
             state: string;
             introduced: string;
-            pixelValue: string;
             description: string;
             suggest?: undefined;
         };
@@ -35,7 +33,6 @@ declare const tokens: ({
         state: string;
         suggest: string[];
         introduced: string;
-        pixelValue: string;
         description: string;
     };
     value: string;
@@ -47,7 +44,6 @@ declare const tokens: ({
             state: string;
             suggest: string[];
             introduced: string;
-            pixelValue: string;
             description: string;
         };
         value: string;

package/dist/types/palettes/shape-palette.d.ts

@@ -7,19 +7,19 @@ export type BaseSizeToken = keyof typeof baseSizeTokens;
 export type BaseRadiusToken = keyof typeof baseRadiusTokens;
 declare const baseSizeTokens: {
     readonly Size0: {
-        readonly value: "0";
+        readonly value: 0;
         readonly attributes: {
             readonly group: "shape";
         };
     };
     readonly Size050: {
-        readonly value: "0.0625rem";
+        readonly value: 1;
         readonly attributes: {
             readonly group: "shape";
         };
     };
     readonly Size100: {
-        readonly value: "0.125rem";
+        readonly value: 2;
         readonly attributes: {
             readonly group: "shape";
         };
@@ -27,31 +27,31 @@ declare const baseSizeTokens: {
 };
 declare const baseRadiusTokens: {
     readonly Radius050: {
-        readonly value: "0.125rem";
+        readonly value: 2;
         readonly attributes: {
             readonly group: "shape";
         };
     };
     readonly Radius100: {
-        readonly value: "0.25rem";
+        readonly value: 4;
         readonly attributes: {
             readonly group: "shape";
         };
     };
     readonly Radius200: {
-        readonly value: "0.5rem";
+        readonly value: 8;
         readonly attributes: {
             readonly group: "shape";
         };
     };
     readonly Radius300: {
-        readonly value: "0.75rem";
+        readonly value: 12;
         readonly attributes: {
             readonly group: "shape";
         };
     };
     readonly Radius400: {
-        readonly value: "1rem";
+        readonly value: 16;
         readonly attributes: {
             readonly group: "shape";
         };