@atlaskit/tokens 1.4.4 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/tokens
 
+## 1.5.1
+
+### Patch Changes
+
+- [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
+
+## 1.5.0
+
+### Minor Changes
+
+- [`43d186af89c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/43d186af89c) - [ux] Updates spacing, typography metadata to apply rems or pixels depending on the target platform.
+
+### Patch Changes
+
+- [`019af32072d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/019af32072d) - Add shape token handling to the `ensure-design-token-usage-spacing` rule.
+
 ## 1.4.4
 
 ### Patch Changes

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

@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * 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"
     }
@@ -25,14 +25,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"
     }
@@ -40,14 +40,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"
     }
@@ -55,14 +55,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"
     }
@@ -70,14 +70,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"
     }
@@ -100,14 +100,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"
     }
@@ -115,14 +115,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"
     }
@@ -130,14 +130,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/cjs/artifacts/palettes-raw/spacing-scale.js

@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * 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"
     }
@@ -25,14 +25,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"
     }
@@ -40,14 +40,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"
     }
@@ -55,14 +55,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"
     }
@@ -70,14 +70,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"
     }
@@ -85,31 +85,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"
     }
@@ -117,14 +115,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"
     }
@@ -132,14 +130,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"
     }
@@ -147,14 +145,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"
     }
@@ -162,14 +160,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"
     }
@@ -177,14 +175,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"
     }
@@ -192,14 +190,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"
     }
@@ -207,19 +205,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"]

package/dist/cjs/artifacts/palettes-raw/typography-palette.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::15f0ab59b776fd0726847c173399dd26>>
+ * @codegen <<SignedSource::62a42989e49ca7f7856827fb9ea059d6>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -47,7 +47,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "11px",
+    "value": 11,
     "attributes": {
       "group": "typography"
     }
@@ -62,7 +62,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "12px",
+    "value": 12,
     "attributes": {
       "group": "typography"
     }
@@ -77,7 +77,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "14px",
+    "value": 14,
     "attributes": {
       "group": "typography"
     }
@@ -92,7 +92,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "16px",
+    "value": 16,
     "attributes": {
       "group": "typography"
     }
@@ -107,7 +107,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "20px",
+    "value": 20,
     "attributes": {
       "group": "typography"
     }
@@ -122,7 +122,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "24px",
+    "value": 24,
     "attributes": {
       "group": "typography"
     }
@@ -137,7 +137,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "29px",
+    "value": 29,
     "attributes": {
       "group": "typography"
     }
@@ -152,7 +152,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "35px",
+    "value": 35,
     "attributes": {
       "group": "typography"
     }
@@ -227,7 +227,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "16px",
+    "value": 16,
     "attributes": {
       "group": "typography"
     }
@@ -242,7 +242,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "20px",
+    "value": 20,
     "attributes": {
       "group": "typography"
     }
@@ -257,7 +257,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "24px",
+    "value": 24,
     "attributes": {
       "group": "typography"
     }
@@ -272,7 +272,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "28px",
+    "value": 28,
     "attributes": {
       "group": "typography"
     }
@@ -287,7 +287,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "32px",
+    "value": 32,
     "attributes": {
       "group": "typography"
     }
@@ -302,7 +302,7 @@ var tokens = [{
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "40px",
+    "value": 40,
     "attributes": {
       "group": "typography"
     }

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e1827dff880ab23a73ac703dfb8f2018>>
+ * @codegen <<SignedSource::01d88a41c27f9a921fe1a40fec0a7ba0>>
  * @codegenCommand yarn build tokens
  */
-var _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";
+var _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";
 exports.default = _default;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a9bb91811dc597f0d705bbed643a7fc>>
+ * @codegen <<SignedSource::36f0214aaedb62d3639cb79a9195eaf6>>
  * @codegenCommand yarn build tokens
  */
-var _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";
+var _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";
 exports.default = _default;

package/dist/cjs/artifacts/themes/atlassian-typography.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2bb692b141bab7de1129474ea0fe281e>>
+ * @codegen <<SignedSource::3e4dc097014124b77e69b832281f37ed>>
  * @codegenCommand yarn build tokens
  */
-var _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";
+var _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";
 exports.default = _default;

package/dist/cjs/artifacts/token-default-values.js

@@ -10,7 +10,7 @@ exports.default = void 0;
  * 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
  */
 var defaultTokenValues = {
@@ -20,7 +20,7 @@ var defaultTokenValues = {
   'border.radius.300': '0.75rem',
   'border.radius.400': '1rem',
   'border.radius.round': '50%',
-  'border.width.0': '0',
+  'border.width.0': '0rem',
   'border.width.050': '0.0625rem',
   'border.width.100': '0.125rem',
   'color.text': '#172B4D',
@@ -309,7 +309,7 @@ var defaultTokenValues = {
   'opacity.disabled': '0.4',
   'opacity.loading': '0.2',
   'utility.UNSAFE.transparent': 'transparent',
-  'space.0': '0',
+  'space.0': '0rem',
   'space.025': '0.125rem',
   'space.050': '0.25rem',
   'space.075': '0.375rem',
@@ -325,24 +325,24 @@ var defaultTokenValues = {
   'space.1000': '5rem',
   'font.family.monospace': '"SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace',
   'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
-  'font.size.050': '11px',
-  'font.size.075': '12px',
-  'font.size.100': '14px',
-  'font.size.200': '16px',
-  'font.size.300': '20px',
-  'font.size.400': '24px',
-  'font.size.500': '29px',
-  'font.size.600': '35px',
+  'font.size.050': '0.6875rem',
+  'font.size.075': '0.75rem',
+  'font.size.100': '0.875rem',
+  'font.size.200': '1rem',
+  'font.size.300': '1.25rem',
+  'font.size.400': '1.5rem',
+  'font.size.500': '1.8125rem',
+  'font.size.600': '2.1875rem',
   'font.weight.bold': '700',
   'font.weight.medium': '500',
   'font.weight.regular': '400',
   'font.weight.semibold': '600',
-  'font.lineHeight.100': '16px',
-  'font.lineHeight.200': '20px',
-  'font.lineHeight.300': '24px',
-  'font.lineHeight.400': '28px',
-  'font.lineHeight.500': '32px',
-  'font.lineHeight.600': '40px'
+  'font.lineHeight.100': '1rem',
+  'font.lineHeight.200': '1.25rem',
+  'font.lineHeight.300': '1.5rem',
+  'font.lineHeight.400': '1.75rem',
+  'font.lineHeight.500': '2rem',
+  'font.lineHeight.600': '2.5rem'
 };
 var _default = defaultTokenValues;
 exports.default = _default;