@rss-eng/design-tokens - npm Package Compare versions

Comparing version 0.0.0-d88b2f to 0.0.0-e95458

build/js/tokens.common.js

@@ -132,78 +132,2 @@ module.exports = {
   },
-  "font-family": {
-    "sans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-    "mono": "'Roboto Mono', monospace",
-    "body": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-    "code": "'Roboto Mono', monospace",
-    "default": "'Open Sans', 'Noto Sans JP', 'sans-serif'"
-  },
-  "typescale": {
-    "medium": {
-      "font-size": {
-        "100": "0.75rem",
-        "200": "0.75rem",
-        "300": "0.875rem",
-        "400": "1rem",
-        "500": "1.25rem",
-        "600": "1.5rem",
-        "700": "2rem",
-        "default": "0.875rem"
-      }
-    },
-    "small": {
-      "font-size": {
-        "100": "0.75rem",
-        "200": "0.75rem",
-        "300": "0.75rem",
-        "400": "0.875rem",
-        "500": "1rem",
-        "600": "1.25rem",
-        "700": "1.5rem",
-        "default": "0.75rem"
-      }
-    },
-    "large": {
-      "font-size": {
-        "100": "0.75rem",
-        "200": "0.875rem",
-        "300": "1rem",
-        "400": "1.25rem",
-        "500": "1.5rem",
-        "600": "2rem",
-        "700": "2.625rem",
-        "default": "1rem"
-      }
-    }
-  },
-  "font-size": {
-    "100": "0.75rem",
-    "200": "0.875rem",
-    "300": "1rem",
-    "400": "1.25rem",
-    "500": "1.5rem",
-    "600": "2rem",
-    "700": "2.625rem",
-    "default": "1rem"
-  },
-  "font-weight": {
-    "thin": "100",
-    "extralight": "200",
-    "light": "300",
-    "normal": "400",
-    "regular": "400",
-    "medium": "500",
-    "semibold": "600",
-    "bold": "700",
-    "extrabold": "800",
-    "black": "900",
-    "default": "400"
-  },
-  "line-height": {
-    "none": "1",
-    "tight": "1.25",
-    "snug": "1.375",
-    "normal": "1.5",
-    "relaxed": "1.625",
-    "loose": "2"
-  },
   "time": {
@@ -439,3 +363,3 @@ "transition": {
         "base": {
-          "font-size": "1rem",
+          "font-size": "1.000rem",
           "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -464,3 +388,3 @@ "font-weight": "400",
         "base": {
-          "font-size": "1rem",
+          "font-size": "1.000rem",
           "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -545,14 +469,5 @@ "font-weight": "400",
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "1rem",
+      "font-size": "1.000rem",
       "font-weight": "400",
-      "line-height": "1.5",
-      "small": {
-        "font-size": "0.75rem"
-      },
-      "medium": {
-        "font-size": "0.875rem"
-      },
-      "large": {
-        "font-size": "1rem"
-      }
+      "line-height": "1.5"
     },
@@ -562,11 +477,2 @@ "sub-body": {
       "font-size": "0.875rem",
-      "small": {
-        "font-size": "0.75rem"
-      },
-      "medium": {
-        "font-size": "0.75rem"
-      },
-      "large": {
-        "font-size": "0.875rem"
-      },
       "font-weight": "400",
@@ -577,13 +483,4 @@ "line-height": "1.5"
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "0.875rem",
-      "small": {
-        "font-size": "0.75rem"
-      },
-      "medium": {
-        "font-size": "0.75rem"
-      },
-      "large": {
-        "font-size": "0.875rem"
-      },
-      "font-weight": "300",
+      "font-size": "0.750rem",
+      "font-weight": "400",
       "line-height": "1.5"
@@ -593,13 +490,4 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "2.625rem",
-      "small": {
-        "font-size": "1.5rem"
-      },
-      "medium": {
-        "font-size": "2rem"
-      },
-      "large": {
-        "font-size": "2.625rem"
-      },
-      "font-weight": "300",
+      "font-size": "1.750rem",
+      "font-weight": "600",
       "line-height": "1.5"
@@ -609,13 +497,4 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "2rem",
-      "small": {
-        "font-size": "1.25rem"
-      },
-      "medium": {
-        "font-size": "1.5rem"
-      },
-      "large": {
-        "font-size": "2rem"
-      },
-      "font-weight": "300",
+      "font-size": "1.625rem",
+      "font-weight": "600",
       "line-height": "1.5"
@@ -625,13 +504,4 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "1.5rem",
-      "small": {
-        "font-size": "1rem"
-      },
-      "medium": {
-        "font-size": "1.25rem"
-      },
-      "large": {
-        "font-size": "1.5rem"
-      },
-      "font-weight": "400",
+      "font-size": "1.375rem",
+      "font-weight": "600",
       "line-height": "1.5"
@@ -641,13 +511,4 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "1.25rem",
-      "small": {
-        "font-size": "0.875rem"
-      },
-      "medium": {
-        "font-size": "1rem"
-      },
-      "large": {
-        "font-size": "1.25rem"
-      },
-      "font-weight": "500",
+      "font-size": "1.250rem",
+      "font-weight": "600",
       "line-height": "1.5"
@@ -657,15 +518,12 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "1rem",
-      "small": {
-        "font-size": "0.75rem"
-      },
-      "medium": {
-        "font-size": "0.875rem"
-      },
-      "large": {
-        "font-size": "1rem"
-      },
-      "font-weight": "400",
+      "font-size": "1.125rem",
+      "font-weight": "600",
       "line-height": "1.5"
     },
+    "h6": {
+      "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+      "font-size": "1.000rem",
+      "font-weight": "600",
+      "line-height": "1.5"
+    },
     "vertical-nav": {
@@ -763,3 +621,46 @@ "base": {
     "default": "1rem"
+  },
+  "font-family": {
+    "sans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+    "mono": "'Roboto Mono', monospace",
+    "body": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+    "code": "'Roboto Mono', monospace",
+    "default": "'Open Sans', 'Noto Sans JP', 'sans-serif'"
+  },
+  "font-size": {
+    "50": "0.750rem",
+    "75": "0.875rem",
+    "100": "1.000rem",
+    "200": "1.125rem",
+    "300": "1.250rem",
+    "400": "1.375rem",
+    "500": "1.625rem",
+    "600": "1.750rem",
+    "700": "2.000rem",
+    "800": "2.250rem",
+    "900": "2.625rem",
+    "1000": "2.875rem",
+    "default": "1.000rem"
+  },
+  "font-weight": {
+    "thin": "100",
+    "extralight": "200",
+    "light": "300",
+    "normal": "400",
+    "regular": "400",
+    "medium": "500",
+    "semibold": "600",
+    "bold": "700",
+    "extrabold": "800",
+    "black": "900",
+    "default": "400"
+  },
+  "line-height": {
+    "none": "1",
+    "tight": "1.25",
+    "snug": "1.375",
+    "normal": "1.5",
+    "relaxed": "1.625",
+    "loose": "2"
   }
 };

build/js/tokens.css-template-literal.js

@@ -7,3 +7,3 @@ /**
  * 
- *  NOTE: Do not edit directly. Generated on Thu, 18 Mar 2021 14:46:58 GMT
+ *  NOTE: Do not edit directly. Generated on Mon, 29 Mar 2021 11:46:16 GMT
  */
@@ -102,56 +102,2 @@ export const fabricDesignSystemStyles = css`
     --color-text-input-label: #333333;
-    --font-family-sans: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --font-family-mono: 'Roboto Mono', monospace;
-    --font-family-body: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --font-family-code: 'Roboto Mono', monospace;
-    --font-family-default: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --typescale-medium-font-size-100: 0.75rem;
-    --typescale-medium-font-size-200: 0.75rem;
-    --typescale-medium-font-size-300: 0.875rem;
-    --typescale-medium-font-size-400: 1rem;
-    --typescale-medium-font-size-500: 1.25rem;
-    --typescale-medium-font-size-600: 1.5rem;
-    --typescale-medium-font-size-700: 2rem;
-    --typescale-medium-font-size-default: 0.875rem;
-    --typescale-small-font-size-100: 0.75rem;
-    --typescale-small-font-size-200: 0.75rem;
-    --typescale-small-font-size-300: 0.75rem;
-    --typescale-small-font-size-400: 0.875rem;
-    --typescale-small-font-size-500: 1rem;
-    --typescale-small-font-size-600: 1.25rem;
-    --typescale-small-font-size-700: 1.5rem;
-    --typescale-small-font-size-default: 0.75rem;
-    --typescale-large-font-size-100: 0.75rem;
-    --typescale-large-font-size-200: 0.875rem;
-    --typescale-large-font-size-300: 1rem;
-    --typescale-large-font-size-400: 1.25rem;
-    --typescale-large-font-size-500: 1.5rem;
-    --typescale-large-font-size-600: 2rem;
-    --typescale-large-font-size-700: 2.625rem;
-    --typescale-large-font-size-default: 1rem;
-    --font-size-100: 0.75rem;
-    --font-size-200: 0.875rem;
-    --font-size-300: 1rem;
-    --font-size-400: 1.25rem;
-    --font-size-500: 1.5rem;
-    --font-size-600: 2rem;
-    --font-size-700: 2.625rem;
-    --font-size-default: 1rem;
-    --font-weight-thin: 100;
-    --font-weight-extralight: 200;
-    --font-weight-light: 300;
-    --font-weight-normal: 400;
-    --font-weight-regular: 400;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-    --font-weight-extrabold: 800;
-    --font-weight-black: 900;
-    --font-weight-default: 400;
-    --line-height-none: 1;
-    --line-height-tight: 1.25;
-    --line-height-snug: 1.375;
-    --line-height-normal: 1.5;
-    --line-height-relaxed: 1.625;
-    --line-height-loose: 2;
     --time-transition-duration-75: 75ms;
@@ -281,3 +227,3 @@ --time-transition-duration-100: 100ms;
     --component-checkbox-label-disabled-color: #9e9e9e;
-    --component-link-primary-base-font-size: 1rem;
+    --component-link-primary-base-font-size: 1.000rem;
     --component-link-primary-base-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
@@ -292,3 +238,3 @@ --component-link-primary-base-font-weight: 400;
     --component-link-primary-disabled-color: #9e9e9e;
-    --component-link-secondary-base-font-size: 1rem;
+    --component-link-secondary-base-font-size: 1.000rem;
     --component-link-secondary-base-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
@@ -333,57 +279,37 @@ --component-link-secondary-base-font-weight: 400;
     --component-body-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --component-body-font-size: 1rem;
+    --component-body-font-size: 1.000rem;
     --component-body-font-weight: 400;
     --component-body-line-height: 1.5;
-    --component-body-small-font-size: 0.75rem;
-    --component-body-medium-font-size: 0.875rem;
-    --component-body-large-font-size: 1rem;
     --component-sub-body-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
     --component-sub-body-font-size: 0.875rem;
-    --component-sub-body-small-font-size: 0.75rem;
-    --component-sub-body-medium-font-size: 0.75rem;
-    --component-sub-body-large-font-size: 0.875rem;
     --component-sub-body-font-weight: 400;
     --component-sub-body-line-height: 1.5;
     --component-caption-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --component-caption-font-size: 0.875rem;
-    --component-caption-small-font-size: 0.75rem;
-    --component-caption-medium-font-size: 0.75rem;
-    --component-caption-large-font-size: 0.875rem;
-    --component-caption-font-weight: 300;
+    --component-caption-font-size: 0.750rem;
+    --component-caption-font-weight: 400;
     --component-caption-line-height: 1.5;
     --component-h-1-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --component-h-1-font-size: 2.625rem;
-    --component-h-1-small-font-size: 1.5rem;
-    --component-h-1-medium-font-size: 2rem;
-    --component-h-1-large-font-size: 2.625rem;
-    --component-h-1-font-weight: 300;
+    --component-h-1-font-size: 1.750rem;
+    --component-h-1-font-weight: 600;
     --component-h-1-line-height: 1.5;
     --component-h-2-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --component-h-2-font-size: 2rem;
-    --component-h-2-small-font-size: 1.25rem;
-    --component-h-2-medium-font-size: 1.5rem;
-    --component-h-2-large-font-size: 2rem;
-    --component-h-2-font-weight: 300;
+    --component-h-2-font-size: 1.625rem;
+    --component-h-2-font-weight: 600;
     --component-h-2-line-height: 1.5;
     --component-h-3-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --component-h-3-font-size: 1.5rem;
-    --component-h-3-small-font-size: 1rem;
-    --component-h-3-medium-font-size: 1.25rem;
-    --component-h-3-large-font-size: 1.5rem;
-    --component-h-3-font-weight: 400;
+    --component-h-3-font-size: 1.375rem;
+    --component-h-3-font-weight: 600;
     --component-h-3-line-height: 1.5;
     --component-h-4-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --component-h-4-font-size: 1.25rem;
-    --component-h-4-small-font-size: 0.875rem;
-    --component-h-4-medium-font-size: 1rem;
-    --component-h-4-large-font-size: 1.25rem;
-    --component-h-4-font-weight: 500;
+    --component-h-4-font-size: 1.250rem;
+    --component-h-4-font-weight: 600;
     --component-h-4-line-height: 1.5;
     --component-h-5-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
-    --component-h-5-font-size: 1rem;
-    --component-h-5-small-font-size: 0.75rem;
-    --component-h-5-medium-font-size: 0.875rem;
-    --component-h-5-large-font-size: 1rem;
-    --component-h-5-font-weight: 400;
+    --component-h-5-font-size: 1.125rem;
+    --component-h-5-font-weight: 600;
     --component-h-5-line-height: 1.5;
+    --component-h-6-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
+    --component-h-6-font-size: 1.000rem;
+    --component-h-6-font-weight: 600;
+    --component-h-6-line-height: 1.5;
     --component-vertical-nav-base-font-family: 'Open Sans', 'Noto Sans JP', 'sans-serif';
@@ -465,3 +391,38 @@ --component-vertical-nav-base-background-color: #f5f5f5;
     --spacing-default: 1rem;
+    --font-family-sans: 'Open Sans', 'Noto Sans JP', 'sans-serif';
+    --font-family-mono: 'Roboto Mono', monospace;
+    --font-family-body: 'Open Sans', 'Noto Sans JP', 'sans-serif';
+    --font-family-code: 'Roboto Mono', monospace;
+    --font-family-default: 'Open Sans', 'Noto Sans JP', 'sans-serif';
+    --font-size-50: 0.750rem;
+    --font-size-75: 0.875rem;
+    --font-size-100: 1.000rem;
+    --font-size-200: 1.125rem;
+    --font-size-300: 1.250rem;
+    --font-size-400: 1.375rem;
+    --font-size-500: 1.625rem;
+    --font-size-600: 1.750rem;
+    --font-size-700: 2.000rem;
+    --font-size-800: 2.250rem;
+    --font-size-900: 2.625rem;
+    --font-size-1000: 2.875rem;
+    --font-size-default: 1.000rem;
+    --font-weight-thin: 100;
+    --font-weight-extralight: 200;
+    --font-weight-light: 300;
+    --font-weight-normal: 400;
+    --font-weight-regular: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
+    --font-weight-black: 900;
+    --font-weight-default: 400;
+    --line-height-none: 1;
+    --line-height-tight: 1.25;
+    --line-height-snug: 1.375;
+    --line-height-normal: 1.5;
+    --line-height-relaxed: 1.625;
+    --line-height-loose: 2;
   }
 `;

build/js/tokens.flat-camel.js

@@ -92,56 +92,2 @@ module.exports = {
   "colorTextInputLabel": "#333333",
-  "fontFamilySans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "fontFamilyMono": "'Roboto Mono', monospace",
-  "fontFamilyBody": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "fontFamilyCode": "'Roboto Mono', monospace",
-  "fontFamilyDefault": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "typescaleMediumFontSize100": "0.75rem",
-  "typescaleMediumFontSize200": "0.75rem",
-  "typescaleMediumFontSize300": "0.875rem",
-  "typescaleMediumFontSize400": "1rem",
-  "typescaleMediumFontSize500": "1.25rem",
-  "typescaleMediumFontSize600": "1.5rem",
-  "typescaleMediumFontSize700": "2rem",
-  "typescaleMediumFontSizeDefault": "0.875rem",
-  "typescaleSmallFontSize100": "0.75rem",
-  "typescaleSmallFontSize200": "0.75rem",
-  "typescaleSmallFontSize300": "0.75rem",
-  "typescaleSmallFontSize400": "0.875rem",
-  "typescaleSmallFontSize500": "1rem",
-  "typescaleSmallFontSize600": "1.25rem",
-  "typescaleSmallFontSize700": "1.5rem",
-  "typescaleSmallFontSizeDefault": "0.75rem",
-  "typescaleLargeFontSize100": "0.75rem",
-  "typescaleLargeFontSize200": "0.875rem",
-  "typescaleLargeFontSize300": "1rem",
-  "typescaleLargeFontSize400": "1.25rem",
-  "typescaleLargeFontSize500": "1.5rem",
-  "typescaleLargeFontSize600": "2rem",
-  "typescaleLargeFontSize700": "2.625rem",
-  "typescaleLargeFontSizeDefault": "1rem",
-  "fontSize100": "0.75rem",
-  "fontSize200": "0.875rem",
-  "fontSize300": "1rem",
-  "fontSize400": "1.25rem",
-  "fontSize500": "1.5rem",
-  "fontSize600": "2rem",
-  "fontSize700": "2.625rem",
-  "fontSizeDefault": "1rem",
-  "fontWeightThin": "100",
-  "fontWeightExtralight": "200",
-  "fontWeightLight": "300",
-  "fontWeightNormal": "400",
-  "fontWeightRegular": "400",
-  "fontWeightMedium": "500",
-  "fontWeightSemibold": "600",
-  "fontWeightBold": "700",
-  "fontWeightExtrabold": "800",
-  "fontWeightBlack": "900",
-  "fontWeightDefault": "400",
-  "lineHeightNone": "1",
-  "lineHeightTight": "1.25",
-  "lineHeightSnug": "1.375",
-  "lineHeightNormal": "1.5",
-  "lineHeightRelaxed": "1.625",
-  "lineHeightLoose": "2",
   "timeTransitionDuration75": "75ms",
@@ -271,3 +217,3 @@ "timeTransitionDuration100": "100ms",
   "componentCheckboxLabelDisabledColor": "#9e9e9e",
-  "componentLinkPrimaryBaseFontSize": "1rem",
+  "componentLinkPrimaryBaseFontSize": "1.000rem",
   "componentLinkPrimaryBaseFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -282,3 +228,3 @@ "componentLinkPrimaryBaseFontWeight": "400",
   "componentLinkPrimaryDisabledColor": "#9e9e9e",
-  "componentLinkSecondaryBaseFontSize": "1rem",
+  "componentLinkSecondaryBaseFontSize": "1.000rem",
   "componentLinkSecondaryBaseFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -323,57 +269,37 @@ "componentLinkSecondaryBaseFontWeight": "400",
   "componentBodyFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "componentBodyFontSize": "1rem",
+  "componentBodyFontSize": "1.000rem",
   "componentBodyFontWeight": "400",
   "componentBodyLineHeight": "1.5",
-  "componentBodySmallFontSize": "0.75rem",
-  "componentBodyMediumFontSize": "0.875rem",
-  "componentBodyLargeFontSize": "1rem",
   "componentSubBodyFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
   "componentSubBodyFontSize": "0.875rem",
-  "componentSubBodySmallFontSize": "0.75rem",
-  "componentSubBodyMediumFontSize": "0.75rem",
-  "componentSubBodyLargeFontSize": "0.875rem",
   "componentSubBodyFontWeight": "400",
   "componentSubBodyLineHeight": "1.5",
   "componentCaptionFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "componentCaptionFontSize": "0.875rem",
-  "componentCaptionSmallFontSize": "0.75rem",
-  "componentCaptionMediumFontSize": "0.75rem",
-  "componentCaptionLargeFontSize": "0.875rem",
-  "componentCaptionFontWeight": "300",
+  "componentCaptionFontSize": "0.750rem",
+  "componentCaptionFontWeight": "400",
   "componentCaptionLineHeight": "1.5",
   "componentH1FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "componentH1FontSize": "2.625rem",
-  "componentH1SmallFontSize": "1.5rem",
-  "componentH1MediumFontSize": "2rem",
-  "componentH1LargeFontSize": "2.625rem",
-  "componentH1FontWeight": "300",
+  "componentH1FontSize": "1.750rem",
+  "componentH1FontWeight": "600",
   "componentH1LineHeight": "1.5",
   "componentH2FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "componentH2FontSize": "2rem",
-  "componentH2SmallFontSize": "1.25rem",
-  "componentH2MediumFontSize": "1.5rem",
-  "componentH2LargeFontSize": "2rem",
-  "componentH2FontWeight": "300",
+  "componentH2FontSize": "1.625rem",
+  "componentH2FontWeight": "600",
   "componentH2LineHeight": "1.5",
   "componentH3FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "componentH3FontSize": "1.5rem",
-  "componentH3SmallFontSize": "1rem",
-  "componentH3MediumFontSize": "1.25rem",
-  "componentH3LargeFontSize": "1.5rem",
-  "componentH3FontWeight": "400",
+  "componentH3FontSize": "1.375rem",
+  "componentH3FontWeight": "600",
   "componentH3LineHeight": "1.5",
   "componentH4FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "componentH4FontSize": "1.25rem",
-  "componentH4SmallFontSize": "0.875rem",
-  "componentH4MediumFontSize": "1rem",
-  "componentH4LargeFontSize": "1.25rem",
-  "componentH4FontWeight": "500",
+  "componentH4FontSize": "1.250rem",
+  "componentH4FontWeight": "600",
   "componentH4LineHeight": "1.5",
   "componentH5FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "componentH5FontSize": "1rem",
-  "componentH5SmallFontSize": "0.75rem",
-  "componentH5MediumFontSize": "0.875rem",
-  "componentH5LargeFontSize": "1rem",
-  "componentH5FontWeight": "400",
+  "componentH5FontSize": "1.125rem",
+  "componentH5FontWeight": "600",
   "componentH5LineHeight": "1.5",
+  "componentH6FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "componentH6FontSize": "1.000rem",
+  "componentH6FontWeight": "600",
+  "componentH6LineHeight": "1.5",
   "componentVerticalNavBaseFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -454,3 +380,38 @@ "componentVerticalNavBaseBackgroundColor": "#f5f5f5",
   "spacingXl": "2rem",
-  "spacingDefault": "1rem"
+  "spacingDefault": "1rem",
+  "fontFamilySans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "fontFamilyMono": "'Roboto Mono', monospace",
+  "fontFamilyBody": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "fontFamilyCode": "'Roboto Mono', monospace",
+  "fontFamilyDefault": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "fontSize50": "0.750rem",
+  "fontSize75": "0.875rem",
+  "fontSize100": "1.000rem",
+  "fontSize200": "1.125rem",
+  "fontSize300": "1.250rem",
+  "fontSize400": "1.375rem",
+  "fontSize500": "1.625rem",
+  "fontSize600": "1.750rem",
+  "fontSize700": "2.000rem",
+  "fontSize800": "2.250rem",
+  "fontSize900": "2.625rem",
+  "fontSize1000": "2.875rem",
+  "fontSizeDefault": "1.000rem",
+  "fontWeightThin": "100",
+  "fontWeightExtralight": "200",
+  "fontWeightLight": "300",
+  "fontWeightNormal": "400",
+  "fontWeightRegular": "400",
+  "fontWeightMedium": "500",
+  "fontWeightSemibold": "600",
+  "fontWeightBold": "700",
+  "fontWeightExtrabold": "800",
+  "fontWeightBlack": "900",
+  "fontWeightDefault": "400",
+  "lineHeightNone": "1",
+  "lineHeightTight": "1.25",
+  "lineHeightSnug": "1.375",
+  "lineHeightNormal": "1.5",
+  "lineHeightRelaxed": "1.625",
+  "lineHeightLoose": "2"
 };

build/js/tokens.flat-pascal.js

@@ -92,56 +92,2 @@ module.exports = {
   "ColorTextInputLabel": "#333333",
-  "FontFamilySans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "FontFamilyMono": "'Roboto Mono', monospace",
-  "FontFamilyBody": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "FontFamilyCode": "'Roboto Mono', monospace",
-  "FontFamilyDefault": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "TypescaleMediumFontSize100": "0.75rem",
-  "TypescaleMediumFontSize200": "0.75rem",
-  "TypescaleMediumFontSize300": "0.875rem",
-  "TypescaleMediumFontSize400": "1rem",
-  "TypescaleMediumFontSize500": "1.25rem",
-  "TypescaleMediumFontSize600": "1.5rem",
-  "TypescaleMediumFontSize700": "2rem",
-  "TypescaleMediumFontSizeDefault": "0.875rem",
-  "TypescaleSmallFontSize100": "0.75rem",
-  "TypescaleSmallFontSize200": "0.75rem",
-  "TypescaleSmallFontSize300": "0.75rem",
-  "TypescaleSmallFontSize400": "0.875rem",
-  "TypescaleSmallFontSize500": "1rem",
-  "TypescaleSmallFontSize600": "1.25rem",
-  "TypescaleSmallFontSize700": "1.5rem",
-  "TypescaleSmallFontSizeDefault": "0.75rem",
-  "TypescaleLargeFontSize100": "0.75rem",
-  "TypescaleLargeFontSize200": "0.875rem",
-  "TypescaleLargeFontSize300": "1rem",
-  "TypescaleLargeFontSize400": "1.25rem",
-  "TypescaleLargeFontSize500": "1.5rem",
-  "TypescaleLargeFontSize600": "2rem",
-  "TypescaleLargeFontSize700": "2.625rem",
-  "TypescaleLargeFontSizeDefault": "1rem",
-  "FontSize100": "0.75rem",
-  "FontSize200": "0.875rem",
-  "FontSize300": "1rem",
-  "FontSize400": "1.25rem",
-  "FontSize500": "1.5rem",
-  "FontSize600": "2rem",
-  "FontSize700": "2.625rem",
-  "FontSizeDefault": "1rem",
-  "FontWeightThin": "100",
-  "FontWeightExtralight": "200",
-  "FontWeightLight": "300",
-  "FontWeightNormal": "400",
-  "FontWeightRegular": "400",
-  "FontWeightMedium": "500",
-  "FontWeightSemibold": "600",
-  "FontWeightBold": "700",
-  "FontWeightExtrabold": "800",
-  "FontWeightBlack": "900",
-  "FontWeightDefault": "400",
-  "LineHeightNone": "1",
-  "LineHeightTight": "1.25",
-  "LineHeightSnug": "1.375",
-  "LineHeightNormal": "1.5",
-  "LineHeightRelaxed": "1.625",
-  "LineHeightLoose": "2",
   "TimeTransitionDuration75": "75ms",
@@ -271,3 +217,3 @@ "TimeTransitionDuration100": "100ms",
   "ComponentCheckboxLabelDisabledColor": "#9e9e9e",
-  "ComponentLinkPrimaryBaseFontSize": "1rem",
+  "ComponentLinkPrimaryBaseFontSize": "1.000rem",
   "ComponentLinkPrimaryBaseFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -282,3 +228,3 @@ "ComponentLinkPrimaryBaseFontWeight": "400",
   "ComponentLinkPrimaryDisabledColor": "#9e9e9e",
-  "ComponentLinkSecondaryBaseFontSize": "1rem",
+  "ComponentLinkSecondaryBaseFontSize": "1.000rem",
   "ComponentLinkSecondaryBaseFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -323,57 +269,37 @@ "ComponentLinkSecondaryBaseFontWeight": "400",
   "ComponentBodyFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "ComponentBodyFontSize": "1rem",
+  "ComponentBodyFontSize": "1.000rem",
   "ComponentBodyFontWeight": "400",
   "ComponentBodyLineHeight": "1.5",
-  "ComponentBodySmallFontSize": "0.75rem",
-  "ComponentBodyMediumFontSize": "0.875rem",
-  "ComponentBodyLargeFontSize": "1rem",
   "ComponentSubBodyFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
   "ComponentSubBodyFontSize": "0.875rem",
-  "ComponentSubBodySmallFontSize": "0.75rem",
-  "ComponentSubBodyMediumFontSize": "0.75rem",
-  "ComponentSubBodyLargeFontSize": "0.875rem",
   "ComponentSubBodyFontWeight": "400",
   "ComponentSubBodyLineHeight": "1.5",
   "ComponentCaptionFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "ComponentCaptionFontSize": "0.875rem",
-  "ComponentCaptionSmallFontSize": "0.75rem",
-  "ComponentCaptionMediumFontSize": "0.75rem",
-  "ComponentCaptionLargeFontSize": "0.875rem",
-  "ComponentCaptionFontWeight": "300",
+  "ComponentCaptionFontSize": "0.750rem",
+  "ComponentCaptionFontWeight": "400",
   "ComponentCaptionLineHeight": "1.5",
   "ComponentH1FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "ComponentH1FontSize": "2.625rem",
-  "ComponentH1SmallFontSize": "1.5rem",
-  "ComponentH1MediumFontSize": "2rem",
-  "ComponentH1LargeFontSize": "2.625rem",
-  "ComponentH1FontWeight": "300",
+  "ComponentH1FontSize": "1.750rem",
+  "ComponentH1FontWeight": "600",
   "ComponentH1LineHeight": "1.5",
   "ComponentH2FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "ComponentH2FontSize": "2rem",
-  "ComponentH2SmallFontSize": "1.25rem",
-  "ComponentH2MediumFontSize": "1.5rem",
-  "ComponentH2LargeFontSize": "2rem",
-  "ComponentH2FontWeight": "300",
+  "ComponentH2FontSize": "1.625rem",
+  "ComponentH2FontWeight": "600",
   "ComponentH2LineHeight": "1.5",
   "ComponentH3FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "ComponentH3FontSize": "1.5rem",
-  "ComponentH3SmallFontSize": "1rem",
-  "ComponentH3MediumFontSize": "1.25rem",
-  "ComponentH3LargeFontSize": "1.5rem",
-  "ComponentH3FontWeight": "400",
+  "ComponentH3FontSize": "1.375rem",
+  "ComponentH3FontWeight": "600",
   "ComponentH3LineHeight": "1.5",
   "ComponentH4FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "ComponentH4FontSize": "1.25rem",
-  "ComponentH4SmallFontSize": "0.875rem",
-  "ComponentH4MediumFontSize": "1rem",
-  "ComponentH4LargeFontSize": "1.25rem",
-  "ComponentH4FontWeight": "500",
+  "ComponentH4FontSize": "1.250rem",
+  "ComponentH4FontWeight": "600",
   "ComponentH4LineHeight": "1.5",
   "ComponentH5FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "ComponentH5FontSize": "1rem",
-  "ComponentH5SmallFontSize": "0.75rem",
-  "ComponentH5MediumFontSize": "0.875rem",
-  "ComponentH5LargeFontSize": "1rem",
-  "ComponentH5FontWeight": "400",
+  "ComponentH5FontSize": "1.125rem",
+  "ComponentH5FontWeight": "600",
   "ComponentH5LineHeight": "1.5",
+  "ComponentH6FontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "ComponentH6FontSize": "1.000rem",
+  "ComponentH6FontWeight": "600",
+  "ComponentH6LineHeight": "1.5",
   "ComponentVerticalNavBaseFontFamily": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -454,3 +380,38 @@ "ComponentVerticalNavBaseBackgroundColor": "#f5f5f5",
   "SpacingXl": "2rem",
-  "SpacingDefault": "1rem"
+  "SpacingDefault": "1rem",
+  "FontFamilySans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "FontFamilyMono": "'Roboto Mono', monospace",
+  "FontFamilyBody": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "FontFamilyCode": "'Roboto Mono', monospace",
+  "FontFamilyDefault": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "FontSize50": "0.750rem",
+  "FontSize75": "0.875rem",
+  "FontSize100": "1.000rem",
+  "FontSize200": "1.125rem",
+  "FontSize300": "1.250rem",
+  "FontSize400": "1.375rem",
+  "FontSize500": "1.625rem",
+  "FontSize600": "1.750rem",
+  "FontSize700": "2.000rem",
+  "FontSize800": "2.250rem",
+  "FontSize900": "2.625rem",
+  "FontSize1000": "2.875rem",
+  "FontSizeDefault": "1.000rem",
+  "FontWeightThin": "100",
+  "FontWeightExtralight": "200",
+  "FontWeightLight": "300",
+  "FontWeightNormal": "400",
+  "FontWeightRegular": "400",
+  "FontWeightMedium": "500",
+  "FontWeightSemibold": "600",
+  "FontWeightBold": "700",
+  "FontWeightExtrabold": "800",
+  "FontWeightBlack": "900",
+  "FontWeightDefault": "400",
+  "LineHeightNone": "1",
+  "LineHeightTight": "1.25",
+  "LineHeightSnug": "1.375",
+  "LineHeightNormal": "1.5",
+  "LineHeightRelaxed": "1.625",
+  "LineHeightLoose": "2"
 };

build/js/tokens.flat.js

@@ -92,56 +92,2 @@ module.exports = {
   "color.text.input-label": "#333333",
-  "font-family.sans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "font-family.mono": "'Roboto Mono', monospace",
-  "font-family.body": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "font-family.code": "'Roboto Mono', monospace",
-  "font-family.default": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "typescale.medium.font-size.100": "0.75rem",
-  "typescale.medium.font-size.200": "0.75rem",
-  "typescale.medium.font-size.300": "0.875rem",
-  "typescale.medium.font-size.400": "1rem",
-  "typescale.medium.font-size.500": "1.25rem",
-  "typescale.medium.font-size.600": "1.5rem",
-  "typescale.medium.font-size.700": "2rem",
-  "typescale.medium.font-size.default": "0.875rem",
-  "typescale.small.font-size.100": "0.75rem",
-  "typescale.small.font-size.200": "0.75rem",
-  "typescale.small.font-size.300": "0.75rem",
-  "typescale.small.font-size.400": "0.875rem",
-  "typescale.small.font-size.500": "1rem",
-  "typescale.small.font-size.600": "1.25rem",
-  "typescale.small.font-size.700": "1.5rem",
-  "typescale.small.font-size.default": "0.75rem",
-  "typescale.large.font-size.100": "0.75rem",
-  "typescale.large.font-size.200": "0.875rem",
-  "typescale.large.font-size.300": "1rem",
-  "typescale.large.font-size.400": "1.25rem",
-  "typescale.large.font-size.500": "1.5rem",
-  "typescale.large.font-size.600": "2rem",
-  "typescale.large.font-size.700": "2.625rem",
-  "typescale.large.font-size.default": "1rem",
-  "font-size.100": "0.75rem",
-  "font-size.200": "0.875rem",
-  "font-size.300": "1rem",
-  "font-size.400": "1.25rem",
-  "font-size.500": "1.5rem",
-  "font-size.600": "2rem",
-  "font-size.700": "2.625rem",
-  "font-size.default": "1rem",
-  "font-weight.thin": "100",
-  "font-weight.extralight": "200",
-  "font-weight.light": "300",
-  "font-weight.normal": "400",
-  "font-weight.regular": "400",
-  "font-weight.medium": "500",
-  "font-weight.semibold": "600",
-  "font-weight.bold": "700",
-  "font-weight.extrabold": "800",
-  "font-weight.black": "900",
-  "font-weight.default": "400",
-  "line-height.none": "1",
-  "line-height.tight": "1.25",
-  "line-height.snug": "1.375",
-  "line-height.normal": "1.5",
-  "line-height.relaxed": "1.625",
-  "line-height.loose": "2",
   "time.transition.duration.75": "75ms",
@@ -271,3 +217,3 @@ "time.transition.duration.100": "100ms",
   "component.checkbox-label.disabled.color": "#9e9e9e",
-  "component.link.primary.base.font-size": "1rem",
+  "component.link.primary.base.font-size": "1.000rem",
   "component.link.primary.base.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -282,3 +228,3 @@ "component.link.primary.base.font-weight": "400",
   "component.link.primary.disabled.color": "#9e9e9e",
-  "component.link.secondary.base.font-size": "1rem",
+  "component.link.secondary.base.font-size": "1.000rem",
   "component.link.secondary.base.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -323,57 +269,37 @@ "component.link.secondary.base.font-weight": "400",
   "component.body.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "component.body.font-size": "1rem",
+  "component.body.font-size": "1.000rem",
   "component.body.font-weight": "400",
   "component.body.line-height": "1.5",
-  "component.body.small.font-size": "0.75rem",
-  "component.body.medium.font-size": "0.875rem",
-  "component.body.large.font-size": "1rem",
   "component.sub-body.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
   "component.sub-body.font-size": "0.875rem",
-  "component.sub-body.small.font-size": "0.75rem",
-  "component.sub-body.medium.font-size": "0.75rem",
-  "component.sub-body.large.font-size": "0.875rem",
   "component.sub-body.font-weight": "400",
   "component.sub-body.line-height": "1.5",
   "component.caption.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "component.caption.font-size": "0.875rem",
-  "component.caption.small.font-size": "0.75rem",
-  "component.caption.medium.font-size": "0.75rem",
-  "component.caption.large.font-size": "0.875rem",
-  "component.caption.font-weight": "300",
+  "component.caption.font-size": "0.750rem",
+  "component.caption.font-weight": "400",
   "component.caption.line-height": "1.5",
   "component.h1.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "component.h1.font-size": "2.625rem",
-  "component.h1.small.font-size": "1.5rem",
-  "component.h1.medium.font-size": "2rem",
-  "component.h1.large.font-size": "2.625rem",
-  "component.h1.font-weight": "300",
+  "component.h1.font-size": "1.750rem",
+  "component.h1.font-weight": "600",
   "component.h1.line-height": "1.5",
   "component.h2.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "component.h2.font-size": "2rem",
-  "component.h2.small.font-size": "1.25rem",
-  "component.h2.medium.font-size": "1.5rem",
-  "component.h2.large.font-size": "2rem",
-  "component.h2.font-weight": "300",
+  "component.h2.font-size": "1.625rem",
+  "component.h2.font-weight": "600",
   "component.h2.line-height": "1.5",
   "component.h3.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "component.h3.font-size": "1.5rem",
-  "component.h3.small.font-size": "1rem",
-  "component.h3.medium.font-size": "1.25rem",
-  "component.h3.large.font-size": "1.5rem",
-  "component.h3.font-weight": "400",
+  "component.h3.font-size": "1.375rem",
+  "component.h3.font-weight": "600",
   "component.h3.line-height": "1.5",
   "component.h4.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "component.h4.font-size": "1.25rem",
-  "component.h4.small.font-size": "0.875rem",
-  "component.h4.medium.font-size": "1rem",
-  "component.h4.large.font-size": "1.25rem",
-  "component.h4.font-weight": "500",
+  "component.h4.font-size": "1.250rem",
+  "component.h4.font-weight": "600",
   "component.h4.line-height": "1.5",
   "component.h5.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-  "component.h5.font-size": "1rem",
-  "component.h5.small.font-size": "0.75rem",
-  "component.h5.medium.font-size": "0.875rem",
-  "component.h5.large.font-size": "1rem",
-  "component.h5.font-weight": "400",
+  "component.h5.font-size": "1.125rem",
+  "component.h5.font-weight": "600",
   "component.h5.line-height": "1.5",
+  "component.h6.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "component.h6.font-size": "1.000rem",
+  "component.h6.font-weight": "600",
+  "component.h6.line-height": "1.5",
   "component.vertical-nav.base.font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -454,3 +380,38 @@ "component.vertical-nav.base.background-color": "#f5f5f5",
   "spacing.xl": "2rem",
-  "spacing.default": "1rem"
+  "spacing.default": "1rem",
+  "font-family.sans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "font-family.mono": "'Roboto Mono', monospace",
+  "font-family.body": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "font-family.code": "'Roboto Mono', monospace",
+  "font-family.default": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+  "font-size.50": "0.750rem",
+  "font-size.75": "0.875rem",
+  "font-size.100": "1.000rem",
+  "font-size.200": "1.125rem",
+  "font-size.300": "1.250rem",
+  "font-size.400": "1.375rem",
+  "font-size.500": "1.625rem",
+  "font-size.600": "1.750rem",
+  "font-size.700": "2.000rem",
+  "font-size.800": "2.250rem",
+  "font-size.900": "2.625rem",
+  "font-size.1000": "2.875rem",
+  "font-size.default": "1.000rem",
+  "font-weight.thin": "100",
+  "font-weight.extralight": "200",
+  "font-weight.light": "300",
+  "font-weight.normal": "400",
+  "font-weight.regular": "400",
+  "font-weight.medium": "500",
+  "font-weight.semibold": "600",
+  "font-weight.bold": "700",
+  "font-weight.extrabold": "800",
+  "font-weight.black": "900",
+  "font-weight.default": "400",
+  "line-height.none": "1",
+  "line-height.tight": "1.25",
+  "line-height.snug": "1.375",
+  "line-height.normal": "1.5",
+  "line-height.relaxed": "1.625",
+  "line-height.loose": "2"
 };

build/js/tokens.js

 /**
  * Do not edit directly
- * Generated on Thu, 18 Mar 2021 14:46:58 GMT
+ * Generated on Mon, 29 Mar 2021 11:46:16 GMT
  */
@@ -96,56 +96,2 @@
 export const ColorTextInputLabel = "#333333";
-export const FontFamilySans = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const FontFamilyMono = "'Roboto Mono', monospace";
-export const FontFamilyBody = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const FontFamilyCode = "'Roboto Mono', monospace";
-export const FontFamilyDefault = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const TypescaleMediumFontSize100 = "0.75rem";
-export const TypescaleMediumFontSize200 = "0.75rem";
-export const TypescaleMediumFontSize300 = "0.875rem";
-export const TypescaleMediumFontSize400 = "1rem";
-export const TypescaleMediumFontSize500 = "1.25rem";
-export const TypescaleMediumFontSize600 = "1.5rem";
-export const TypescaleMediumFontSize700 = "2rem";
-export const TypescaleMediumFontSizeDefault = "0.875rem";
-export const TypescaleSmallFontSize100 = "0.75rem";
-export const TypescaleSmallFontSize200 = "0.75rem";
-export const TypescaleSmallFontSize300 = "0.75rem";
-export const TypescaleSmallFontSize400 = "0.875rem";
-export const TypescaleSmallFontSize500 = "1rem";
-export const TypescaleSmallFontSize600 = "1.25rem";
-export const TypescaleSmallFontSize700 = "1.5rem";
-export const TypescaleSmallFontSizeDefault = "0.75rem";
-export const TypescaleLargeFontSize100 = "0.75rem";
-export const TypescaleLargeFontSize200 = "0.875rem";
-export const TypescaleLargeFontSize300 = "1rem";
-export const TypescaleLargeFontSize400 = "1.25rem";
-export const TypescaleLargeFontSize500 = "1.5rem";
-export const TypescaleLargeFontSize600 = "2rem";
-export const TypescaleLargeFontSize700 = "2.625rem";
-export const TypescaleLargeFontSizeDefault = "1rem";
-export const FontSize100 = "0.75rem";
-export const FontSize200 = "0.875rem";
-export const FontSize300 = "1rem";
-export const FontSize400 = "1.25rem";
-export const FontSize500 = "1.5rem";
-export const FontSize600 = "2rem";
-export const FontSize700 = "2.625rem";
-export const FontSizeDefault = "1rem";
-export const FontWeightThin = "100";
-export const FontWeightExtralight = "200";
-export const FontWeightLight = "300";
-export const FontWeightNormal = "400";
-export const FontWeightRegular = "400";
-export const FontWeightMedium = "500";
-export const FontWeightSemibold = "600";
-export const FontWeightBold = "700";
-export const FontWeightExtrabold = "800";
-export const FontWeightBlack = "900";
-export const FontWeightDefault = "400";
-export const LineHeightNone = "1";
-export const LineHeightTight = "1.25";
-export const LineHeightSnug = "1.375";
-export const LineHeightNormal = "1.5";
-export const LineHeightRelaxed = "1.625";
-export const LineHeightLoose = "2";
 export const TimeTransitionDuration75 = "75ms";
@@ -275,3 +221,3 @@ export const TimeTransitionDuration100 = "100ms";
 export const ComponentCheckboxLabelDisabledColor = "#9e9e9e";
-export const ComponentLinkPrimaryBaseFontSize = "1rem";
+export const ComponentLinkPrimaryBaseFontSize = "1.000rem";
 export const ComponentLinkPrimaryBaseFontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
@@ -286,3 +232,3 @@ export const ComponentLinkPrimaryBaseFontWeight = "400";
 export const ComponentLinkPrimaryDisabledColor = "#9e9e9e";
-export const ComponentLinkSecondaryBaseFontSize = "1rem";
+export const ComponentLinkSecondaryBaseFontSize = "1.000rem";
 export const ComponentLinkSecondaryBaseFontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
@@ -327,57 +273,37 @@ export const ComponentLinkSecondaryBaseFontWeight = "400";
 export const ComponentBodyFontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const ComponentBodyFontSize = "1rem";
+export const ComponentBodyFontSize = "1.000rem";
 export const ComponentBodyFontWeight = "400";
 export const ComponentBodyLineHeight = "1.5";
-export const ComponentBodySmallFontSize = "0.75rem";
-export const ComponentBodyMediumFontSize = "0.875rem";
-export const ComponentBodyLargeFontSize = "1rem";
 export const ComponentSubBodyFontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
 export const ComponentSubBodyFontSize = "0.875rem";
-export const ComponentSubBodySmallFontSize = "0.75rem";
-export const ComponentSubBodyMediumFontSize = "0.75rem";
-export const ComponentSubBodyLargeFontSize = "0.875rem";
 export const ComponentSubBodyFontWeight = "400";
 export const ComponentSubBodyLineHeight = "1.5";
 export const ComponentCaptionFontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const ComponentCaptionFontSize = "0.875rem";
-export const ComponentCaptionSmallFontSize = "0.75rem";
-export const ComponentCaptionMediumFontSize = "0.75rem";
-export const ComponentCaptionLargeFontSize = "0.875rem";
-export const ComponentCaptionFontWeight = "300";
+export const ComponentCaptionFontSize = "0.750rem";
+export const ComponentCaptionFontWeight = "400";
 export const ComponentCaptionLineHeight = "1.5";
 export const ComponentH1FontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const ComponentH1FontSize = "2.625rem";
-export const ComponentH1SmallFontSize = "1.5rem";
-export const ComponentH1MediumFontSize = "2rem";
-export const ComponentH1LargeFontSize = "2.625rem";
-export const ComponentH1FontWeight = "300";
+export const ComponentH1FontSize = "1.750rem";
+export const ComponentH1FontWeight = "600";
 export const ComponentH1LineHeight = "1.5";
 export const ComponentH2FontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const ComponentH2FontSize = "2rem";
-export const ComponentH2SmallFontSize = "1.25rem";
-export const ComponentH2MediumFontSize = "1.5rem";
-export const ComponentH2LargeFontSize = "2rem";
-export const ComponentH2FontWeight = "300";
+export const ComponentH2FontSize = "1.625rem";
+export const ComponentH2FontWeight = "600";
 export const ComponentH2LineHeight = "1.5";
 export const ComponentH3FontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const ComponentH3FontSize = "1.5rem";
-export const ComponentH3SmallFontSize = "1rem";
-export const ComponentH3MediumFontSize = "1.25rem";
-export const ComponentH3LargeFontSize = "1.5rem";
-export const ComponentH3FontWeight = "400";
+export const ComponentH3FontSize = "1.375rem";
+export const ComponentH3FontWeight = "600";
 export const ComponentH3LineHeight = "1.5";
 export const ComponentH4FontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const ComponentH4FontSize = "1.25rem";
-export const ComponentH4SmallFontSize = "0.875rem";
-export const ComponentH4MediumFontSize = "1rem";
-export const ComponentH4LargeFontSize = "1.25rem";
-export const ComponentH4FontWeight = "500";
+export const ComponentH4FontSize = "1.250rem";
+export const ComponentH4FontWeight = "600";
 export const ComponentH4LineHeight = "1.5";
 export const ComponentH5FontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
-export const ComponentH5FontSize = "1rem";
-export const ComponentH5SmallFontSize = "0.75rem";
-export const ComponentH5MediumFontSize = "0.875rem";
-export const ComponentH5LargeFontSize = "1rem";
-export const ComponentH5FontWeight = "400";
+export const ComponentH5FontSize = "1.125rem";
+export const ComponentH5FontWeight = "600";
 export const ComponentH5LineHeight = "1.5";
+export const ComponentH6FontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
+export const ComponentH6FontSize = "1.000rem";
+export const ComponentH6FontWeight = "600";
+export const ComponentH6LineHeight = "1.5";
 export const ComponentVerticalNavBaseFontFamily = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
@@ -458,2 +384,37 @@ export const ComponentVerticalNavBaseBackgroundColor = "#f5f5f5";
 export const SpacingXl = "2rem";
-export const SpacingDefault = "1rem";
+export const SpacingDefault = "1rem";
+export const FontFamilySans = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
+export const FontFamilyMono = "'Roboto Mono', monospace";
+export const FontFamilyBody = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
+export const FontFamilyCode = "'Roboto Mono', monospace";
+export const FontFamilyDefault = "'Open Sans', 'Noto Sans JP', 'sans-serif'";
+export const FontSize50 = "0.750rem";
+export const FontSize75 = "0.875rem";
+export const FontSize100 = "1.000rem";
+export const FontSize200 = "1.125rem";
+export const FontSize300 = "1.250rem";
+export const FontSize400 = "1.375rem";
+export const FontSize500 = "1.625rem";
+export const FontSize600 = "1.750rem";
+export const FontSize700 = "2.000rem";
+export const FontSize800 = "2.250rem";
+export const FontSize900 = "2.625rem";
+export const FontSize1000 = "2.875rem";
+export const FontSizeDefault = "1.000rem";
+export const FontWeightThin = "100";
+export const FontWeightExtralight = "200";
+export const FontWeightLight = "300";
+export const FontWeightNormal = "400";
+export const FontWeightRegular = "400";
+export const FontWeightMedium = "500";
+export const FontWeightSemibold = "600";
+export const FontWeightBold = "700";
+export const FontWeightExtrabold = "800";
+export const FontWeightBlack = "900";
+export const FontWeightDefault = "400";
+export const LineHeightNone = "1";
+export const LineHeightTight = "1.25";
+export const LineHeightSnug = "1.375";
+export const LineHeightNormal = "1.5";
+export const LineHeightRelaxed = "1.625";
+export const LineHeightLoose = "2";

build/json/tokens.json

@@ -132,78 +132,2 @@ {
   },
-  "font-family": {
-    "sans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-    "mono": "'Roboto Mono', monospace",
-    "body": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-    "code": "'Roboto Mono', monospace",
-    "default": "'Open Sans', 'Noto Sans JP', 'sans-serif'"
-  },
-  "typescale": {
-    "medium": {
-      "font-size": {
-        "100": "0.75rem",
-        "200": "0.75rem",
-        "300": "0.875rem",
-        "400": "1rem",
-        "500": "1.25rem",
-        "600": "1.5rem",
-        "700": "2rem",
-        "default": "0.875rem"
-      }
-    },
-    "small": {
-      "font-size": {
-        "100": "0.75rem",
-        "200": "0.75rem",
-        "300": "0.75rem",
-        "400": "0.875rem",
-        "500": "1rem",
-        "600": "1.25rem",
-        "700": "1.5rem",
-        "default": "0.75rem"
-      }
-    },
-    "large": {
-      "font-size": {
-        "100": "0.75rem",
-        "200": "0.875rem",
-        "300": "1rem",
-        "400": "1.25rem",
-        "500": "1.5rem",
-        "600": "2rem",
-        "700": "2.625rem",
-        "default": "1rem"
-      }
-    }
-  },
-  "font-size": {
-    "100": "0.75rem",
-    "200": "0.875rem",
-    "300": "1rem",
-    "400": "1.25rem",
-    "500": "1.5rem",
-    "600": "2rem",
-    "700": "2.625rem",
-    "default": "1rem"
-  },
-  "font-weight": {
-    "thin": "100",
-    "extralight": "200",
-    "light": "300",
-    "normal": "400",
-    "regular": "400",
-    "medium": "500",
-    "semibold": "600",
-    "bold": "700",
-    "extrabold": "800",
-    "black": "900",
-    "default": "400"
-  },
-  "line-height": {
-    "none": "1",
-    "tight": "1.25",
-    "snug": "1.375",
-    "normal": "1.5",
-    "relaxed": "1.625",
-    "loose": "2"
-  },
   "time": {
@@ -439,3 +363,3 @@ "transition": {
         "base": {
-          "font-size": "1rem",
+          "font-size": "1.000rem",
           "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -464,3 +388,3 @@ "font-weight": "400",
         "base": {
-          "font-size": "1rem",
+          "font-size": "1.000rem",
           "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
@@ -545,14 +469,5 @@ "font-weight": "400",
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "1rem",
+      "font-size": "1.000rem",
       "font-weight": "400",
-      "line-height": "1.5",
-      "small": {
-        "font-size": "0.75rem"
-      },
-      "medium": {
-        "font-size": "0.875rem"
-      },
-      "large": {
-        "font-size": "1rem"
-      }
+      "line-height": "1.5"
     },
@@ -562,11 +477,2 @@ "sub-body": {
       "font-size": "0.875rem",
-      "small": {
-        "font-size": "0.75rem"
-      },
-      "medium": {
-        "font-size": "0.75rem"
-      },
-      "large": {
-        "font-size": "0.875rem"
-      },
       "font-weight": "400",
@@ -577,13 +483,4 @@ "line-height": "1.5"
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "0.875rem",
-      "small": {
-        "font-size": "0.75rem"
-      },
-      "medium": {
-        "font-size": "0.75rem"
-      },
-      "large": {
-        "font-size": "0.875rem"
-      },
-      "font-weight": "300",
+      "font-size": "0.750rem",
+      "font-weight": "400",
       "line-height": "1.5"
@@ -593,13 +490,4 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "2.625rem",
-      "small": {
-        "font-size": "1.5rem"
-      },
-      "medium": {
-        "font-size": "2rem"
-      },
-      "large": {
-        "font-size": "2.625rem"
-      },
-      "font-weight": "300",
+      "font-size": "1.750rem",
+      "font-weight": "600",
       "line-height": "1.5"
@@ -609,13 +497,4 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "2rem",
-      "small": {
-        "font-size": "1.25rem"
-      },
-      "medium": {
-        "font-size": "1.5rem"
-      },
-      "large": {
-        "font-size": "2rem"
-      },
-      "font-weight": "300",
+      "font-size": "1.625rem",
+      "font-weight": "600",
       "line-height": "1.5"
@@ -625,13 +504,4 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "1.5rem",
-      "small": {
-        "font-size": "1rem"
-      },
-      "medium": {
-        "font-size": "1.25rem"
-      },
-      "large": {
-        "font-size": "1.5rem"
-      },
-      "font-weight": "400",
+      "font-size": "1.375rem",
+      "font-weight": "600",
       "line-height": "1.5"
@@ -641,13 +511,4 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "1.25rem",
-      "small": {
-        "font-size": "0.875rem"
-      },
-      "medium": {
-        "font-size": "1rem"
-      },
-      "large": {
-        "font-size": "1.25rem"
-      },
-      "font-weight": "500",
+      "font-size": "1.250rem",
+      "font-weight": "600",
       "line-height": "1.5"
@@ -657,15 +518,12 @@ },
       "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
-      "font-size": "1rem",
-      "small": {
-        "font-size": "0.75rem"
-      },
-      "medium": {
-        "font-size": "0.875rem"
-      },
-      "large": {
-        "font-size": "1rem"
-      },
-      "font-weight": "400",
+      "font-size": "1.125rem",
+      "font-weight": "600",
       "line-height": "1.5"
     },
+    "h6": {
+      "font-family": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+      "font-size": "1.000rem",
+      "font-weight": "600",
+      "line-height": "1.5"
+    },
     "vertical-nav": {
@@ -763,3 +621,46 @@ "base": {
     "default": "1rem"
+  },
+  "font-family": {
+    "sans": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+    "mono": "'Roboto Mono', monospace",
+    "body": "'Open Sans', 'Noto Sans JP', 'sans-serif'",
+    "code": "'Roboto Mono', monospace",
+    "default": "'Open Sans', 'Noto Sans JP', 'sans-serif'"
+  },
+  "font-size": {
+    "50": "0.750rem",
+    "75": "0.875rem",
+    "100": "1.000rem",
+    "200": "1.125rem",
+    "300": "1.250rem",
+    "400": "1.375rem",
+    "500": "1.625rem",
+    "600": "1.750rem",
+    "700": "2.000rem",
+    "800": "2.250rem",
+    "900": "2.625rem",
+    "1000": "2.875rem",
+    "default": "1.000rem"
+  },
+  "font-weight": {
+    "thin": "100",
+    "extralight": "200",
+    "light": "300",
+    "normal": "400",
+    "regular": "400",
+    "medium": "500",
+    "semibold": "600",
+    "bold": "700",
+    "extrabold": "800",
+    "black": "900",
+    "default": "400"
+  },
+  "line-height": {
+    "none": "1",
+    "tight": "1.25",
+    "snug": "1.375",
+    "normal": "1.5",
+    "relaxed": "1.625",
+    "loose": "2"
   }
 }

package.json

 {
   "name": "@rss-eng/design-tokens",
-  "version": "0.0.0-d88b2f",
+  "version": "0.0.0-e95458",
   "main": "index.js",
   "files": [
-    "build"
+    "build",
+    "tailwind"
   ],
@@ -18,11 +19,11 @@ "scripts": {
   },
+  "peerDependencies": {
+    "lodash": "^4.17.21"
+  },
   "devDependencies": {
-    "aws-sdk": "^2.866.0",
+    "aws-sdk": "^2.874.0",
     "chokidar": "^3.5.1",
     "chokidar-cli": "^2.1.0",
-    "handlebars": "^4.7.7",
     "json5": "^2.2.0",
-    "lodash": "^4.17.21",
-    "pug": "^3.0.2",
-    "style-dictionary": "^3.0.0-rc.6",
+    "style-dictionary": "^3.0.0-rc.7",
     "yaml": "^1.10.2",
@@ -29,0 +30,0 @@ "yargs": "^16.2.0"

No alert changes

Improved metrics

Dev dependency count

7

decreased by-30%

Number of package files

14

increased by7.69%

Worsened metrics

Total package byte prevSize

200937

decreased by-8.43%

Dependency count

1

increased byInfinity%

Lines of code

3834

decreased by-9.19%

No dependency changes