@covalent/tokens 11.3.0-beta.1 → 11.3.1

package/_index.scss

@@ -1252,59 +1252,72 @@ $material-blue-grey-800: #37474f !default;
 $material-blue-grey-900: #263238 !default;
 $density-interval: 4px !default;
 $density-mode: 0 !default;
-$typography-font-family: Arial, sans-serif !default;
-$typography-headline1-font-family: 'Inter', sans-serif !default;
+$typography-font-family: 'Inter', Arial, sans-serif !default;
+$typography-headline1-font-family: 'Inter', Arial, sans-serif !default;
 $typography-headline1-font-size: 96px !default;
-$typography-headline1-font-weight: 500 !default;
+$typography-headline1-font-weight: 300 !default;
 $typography-headline1-line-height: 112px !default;
-$typography-headline2-font-family: 'Inter', sans-serif !default;
+$typography-headline1-letter-spacing: -1.5px !default;
+$typography-headline2-font-family: 'Inter', Arial, sans-serif !default;
 $typography-headline2-font-size: 60px !default;
-$typography-headline2-font-weight: 600 !default;
-$typography-headline2-line-height: 84px !default;
-$typography-headline3-font-family: 'Inter', sans-serif !default;
+$typography-headline2-font-weight: 300 !default;
+$typography-headline2-line-height: 72px !default;
+$typography-headline2-letter-spacing: -0.5px !default;
+$typography-headline3-font-family: 'Inter', Arial, sans-serif !default;
 $typography-headline3-font-size: 48px !default;
-$typography-headline3-font-weight: 600 !default;
-$typography-headline3-line-height: 64px !default;
-$typography-headline4-font-family: 'Inter', sans-serif !default;
+$typography-headline3-font-weight: 400 !default;
+$typography-headline3-line-height: 56px !default;
+$typography-headline3-letter-spacing: 0px !default;
+$typography-headline4-font-family: 'Inter', Arial, sans-serif !default;
 $typography-headline4-font-size: 34px !default;
-$typography-headline4-font-weight: 700 !default;
-$typography-headline4-line-height: 48px !default;
-$typography-headline5-font-family: 'Inter', sans-serif !default;
+$typography-headline4-font-weight: 400 !default;
+$typography-headline4-line-height: 42px !default;
+$typography-headline4-letter-spacing: 0px !default;
+$typography-headline5-font-family: 'Inter', Arial, sans-serif !default;
 $typography-headline5-font-size: 24px !default;
-$typography-headline5-font-weight: 700 !default;
+$typography-headline5-font-weight: 400 !default;
 $typography-headline5-line-height: 36px !default;
-$typography-headline6-font-family: 'Inter', sans-serif !default;
+$typography-headline5-letter-spacing: 0.18px !default;
+$typography-headline6-font-family: 'Inter', Arial, sans-serif !default;
 $typography-headline6-font-size: 20px !default;
-$typography-headline6-font-weight: 700 !default;
-$typography-headline6-line-height: 28px !default;
-$typography-subtitle1-font-family: 'Inter', sans-serif !default;
-$typography-subtitle1-font-size: 14px !default;
-$typography-subtitle1-font-weight: 600 !default;
-$typography-subtitle1-line-height: 20px !default;
-$typography-subtitle2-font-family: 'Inter', sans-serif !default;
-$typography-subtitle2-font-size: 16px !default;
-$typography-subtitle2-font-weight: 600 !default;
-$typography-subtitle2-line-height: 24px !default;
-$typography-body1-font-family: Arial, sans-serif !default;
+$typography-headline6-font-weight: 500 !default;
+$typography-headline6-line-height: 24px !default;
+$typography-headline6-letter-spacing: 0.15px !default;
+$typography-subtitle1-font-family: 'Inter', Arial, sans-serif !default;
+$typography-subtitle1-font-size: 16px !default;
+$typography-subtitle1-font-weight: 500 !default;
+$typography-subtitle1-line-height: 28px !default;
+$typography-subtitle1-letter-spacing: 0.15px !default;
+$typography-subtitle2-font-family: 'Inter', Arial, sans-serif !default;
+$typography-subtitle2-font-size: 14px !default;
+$typography-subtitle2-font-weight: 500 !default;
+$typography-subtitle2-line-height: 22px !default;
+$typography-subtitle2-letter-spacing: 0.1px !default;
+$typography-body1-font-family: 'Inter', Arial, sans-serif !default;
 $typography-body1-font-size: 16px !default;
 $typography-body1-font-weight: 400 !default;
 $typography-body1-line-height: 24px !default;
-$typography-body2-font-family: Arial, sans-serif !default;
+$typography-body1-letter-spacing: 0px !default;
+$typography-body2-font-family: 'Inter', Arial, sans-serif !default;
 $typography-body2-font-size: 14px !default;
 $typography-body2-font-weight: 400 !default;
 $typography-body2-line-height: 20px !default;
-$typography-button-font-family: 'Inter', sans-serif !default;
+$typography-body2-letter-spacing: 0px !default;
+$typography-button-font-family: 'Inter', Arial, sans-serif !default;
 $typography-button-font-size: 14px !default;
-$typography-button-font-weight: 600 !default;
+$typography-button-font-weight: 500 !default;
 $typography-button-line-height: 16px !default;
-$typography-caption-font-family: Arial, sans-serif !default;
+$typography-button-letter-spacing: 0px !default;
+$typography-caption-font-family: 'Inter', Arial, sans-serif !default;
 $typography-caption-font-size: 12px !default;
 $typography-caption-font-weight: 400 !default;
 $typography-caption-line-height: 16px !default;
-$typography-code-font-family: Menlo !default;
+$typography-caption-letter-spacing: 0px !default;
+$typography-code-font-family: Roboto Mono, monospace !default;
 $typography-code-font-size: 12px !default;
 $typography-code-font-weight: 400 !default;
 $typography-code-line-height: 20px !default;
+$typography-code-letter-spacing: 0px !default;
 
 $tokens: (
   'light': (
@@ -2586,53 +2599,66 @@ $tokens: (
     'headline1-font-size': $typography-headline1-font-size,
     'headline1-font-weight': $typography-headline1-font-weight,
     'headline1-line-height': $typography-headline1-line-height,
+    'headline1-letter-spacing': $typography-headline1-letter-spacing,
     'headline2-font-family': $typography-headline2-font-family,
     'headline2-font-size': $typography-headline2-font-size,
     'headline2-font-weight': $typography-headline2-font-weight,
     'headline2-line-height': $typography-headline2-line-height,
+    'headline2-letter-spacing': $typography-headline2-letter-spacing,
     'headline3-font-family': $typography-headline3-font-family,
     'headline3-font-size': $typography-headline3-font-size,
     'headline3-font-weight': $typography-headline3-font-weight,
     'headline3-line-height': $typography-headline3-line-height,
+    'headline3-letter-spacing': $typography-headline3-letter-spacing,
     'headline4-font-family': $typography-headline4-font-family,
     'headline4-font-size': $typography-headline4-font-size,
     'headline4-font-weight': $typography-headline4-font-weight,
     'headline4-line-height': $typography-headline4-line-height,
+    'headline4-letter-spacing': $typography-headline4-letter-spacing,
     'headline5-font-family': $typography-headline5-font-family,
     'headline5-font-size': $typography-headline5-font-size,
     'headline5-font-weight': $typography-headline5-font-weight,
     'headline5-line-height': $typography-headline5-line-height,
+    'headline5-letter-spacing': $typography-headline5-letter-spacing,
     'headline6-font-family': $typography-headline6-font-family,
     'headline6-font-size': $typography-headline6-font-size,
     'headline6-font-weight': $typography-headline6-font-weight,
     'headline6-line-height': $typography-headline6-line-height,
+    'headline6-letter-spacing': $typography-headline6-letter-spacing,
     'subtitle1-font-family': $typography-subtitle1-font-family,
     'subtitle1-font-size': $typography-subtitle1-font-size,
     'subtitle1-font-weight': $typography-subtitle1-font-weight,
     'subtitle1-line-height': $typography-subtitle1-line-height,
+    'subtitle1-letter-spacing': $typography-subtitle1-letter-spacing,
     'subtitle2-font-family': $typography-subtitle2-font-family,
     'subtitle2-font-size': $typography-subtitle2-font-size,
     'subtitle2-font-weight': $typography-subtitle2-font-weight,
     'subtitle2-line-height': $typography-subtitle2-line-height,
+    'subtitle2-letter-spacing': $typography-subtitle2-letter-spacing,
     'body1-font-family': $typography-body1-font-family,
     'body1-font-size': $typography-body1-font-size,
     'body1-font-weight': $typography-body1-font-weight,
     'body1-line-height': $typography-body1-line-height,
+    'body1-letter-spacing': $typography-body1-letter-spacing,
     'body2-font-family': $typography-body2-font-family,
     'body2-font-size': $typography-body2-font-size,
     'body2-font-weight': $typography-body2-font-weight,
     'body2-line-height': $typography-body2-line-height,
+    'body2-letter-spacing': $typography-body2-letter-spacing,
     'button-font-family': $typography-button-font-family,
     'button-font-size': $typography-button-font-size,
     'button-font-weight': $typography-button-font-weight,
     'button-line-height': $typography-button-line-height,
+    'button-letter-spacing': $typography-button-letter-spacing,
     'caption-font-family': $typography-caption-font-family,
     'caption-font-size': $typography-caption-font-size,
     'caption-font-weight': $typography-caption-font-weight,
     'caption-line-height': $typography-caption-line-height,
+    'caption-letter-spacing': $typography-caption-letter-spacing,
     'code-font-family': $typography-code-font-family,
     'code-font-size': $typography-code-font-size,
     'code-font-weight': $typography-code-font-weight,
-    'code-line-height': $typography-code-line-height
+    'code-line-height': $typography-code-line-height,
+    'code-letter-spacing': $typography-code-letter-spacing
   )
 );

package/index.css

@@ -1252,57 +1252,70 @@
   --cv-material-blue-grey-900: #263238;
   --cv-density-interval: 4px;
   --cv-density-mode: 0;
-  --cv-typography-font-family: Arial, sans-serif;
-  --cv-typography-headline1-font-family: 'Inter', sans-serif;
+  --cv-typography-font-family: 'Inter', Arial, sans-serif;
+  --cv-typography-headline1-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-headline1-font-size: 96px;
-  --cv-typography-headline1-font-weight: 500;
+  --cv-typography-headline1-font-weight: 300;
   --cv-typography-headline1-line-height: 112px;
-  --cv-typography-headline2-font-family: 'Inter', sans-serif;
+  --cv-typography-headline1-letter-spacing: -1.5px;
+  --cv-typography-headline2-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-headline2-font-size: 60px;
-  --cv-typography-headline2-font-weight: 600;
-  --cv-typography-headline2-line-height: 84px;
-  --cv-typography-headline3-font-family: 'Inter', sans-serif;
+  --cv-typography-headline2-font-weight: 300;
+  --cv-typography-headline2-line-height: 72px;
+  --cv-typography-headline2-letter-spacing: -0.5px;
+  --cv-typography-headline3-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-headline3-font-size: 48px;
-  --cv-typography-headline3-font-weight: 600;
-  --cv-typography-headline3-line-height: 64px;
-  --cv-typography-headline4-font-family: 'Inter', sans-serif;
+  --cv-typography-headline3-font-weight: 400;
+  --cv-typography-headline3-line-height: 56px;
+  --cv-typography-headline3-letter-spacing: 0px;
+  --cv-typography-headline4-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-headline4-font-size: 34px;
-  --cv-typography-headline4-font-weight: 700;
-  --cv-typography-headline4-line-height: 48px;
-  --cv-typography-headline5-font-family: 'Inter', sans-serif;
+  --cv-typography-headline4-font-weight: 400;
+  --cv-typography-headline4-line-height: 42px;
+  --cv-typography-headline4-letter-spacing: 0px;
+  --cv-typography-headline5-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-headline5-font-size: 24px;
-  --cv-typography-headline5-font-weight: 700;
+  --cv-typography-headline5-font-weight: 400;
   --cv-typography-headline5-line-height: 36px;
-  --cv-typography-headline6-font-family: 'Inter', sans-serif;
+  --cv-typography-headline5-letter-spacing: 0.18px;
+  --cv-typography-headline6-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-headline6-font-size: 20px;
-  --cv-typography-headline6-font-weight: 700;
-  --cv-typography-headline6-line-height: 28px;
-  --cv-typography-subtitle1-font-family: 'Inter', sans-serif;
-  --cv-typography-subtitle1-font-size: 14px;
-  --cv-typography-subtitle1-font-weight: 600;
-  --cv-typography-subtitle1-line-height: 20px;
-  --cv-typography-subtitle2-font-family: 'Inter', sans-serif;
-  --cv-typography-subtitle2-font-size: 16px;
-  --cv-typography-subtitle2-font-weight: 600;
-  --cv-typography-subtitle2-line-height: 24px;
-  --cv-typography-body1-font-family: Arial, sans-serif;
+  --cv-typography-headline6-font-weight: 500;
+  --cv-typography-headline6-line-height: 24px;
+  --cv-typography-headline6-letter-spacing: 0.15px;
+  --cv-typography-subtitle1-font-family: 'Inter', Arial, sans-serif;
+  --cv-typography-subtitle1-font-size: 16px;
+  --cv-typography-subtitle1-font-weight: 500;
+  --cv-typography-subtitle1-line-height: 28px;
+  --cv-typography-subtitle1-letter-spacing: 0.15px;
+  --cv-typography-subtitle2-font-family: 'Inter', Arial, sans-serif;
+  --cv-typography-subtitle2-font-size: 14px;
+  --cv-typography-subtitle2-font-weight: 500;
+  --cv-typography-subtitle2-line-height: 22px;
+  --cv-typography-subtitle2-letter-spacing: 0.1px;
+  --cv-typography-body1-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-body1-font-size: 16px;
   --cv-typography-body1-font-weight: 400;
   --cv-typography-body1-line-height: 24px;
-  --cv-typography-body2-font-family: Arial, sans-serif;
+  --cv-typography-body1-letter-spacing: 0px;
+  --cv-typography-body2-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-body2-font-size: 14px;
   --cv-typography-body2-font-weight: 400;
   --cv-typography-body2-line-height: 20px;
-  --cv-typography-button-font-family: 'Inter', sans-serif;
+  --cv-typography-body2-letter-spacing: 0px;
+  --cv-typography-button-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-button-font-size: 14px;
-  --cv-typography-button-font-weight: 600;
+  --cv-typography-button-font-weight: 500;
   --cv-typography-button-line-height: 16px;
-  --cv-typography-caption-font-family: Arial, sans-serif;
+  --cv-typography-button-letter-spacing: 0px;
+  --cv-typography-caption-font-family: 'Inter', Arial, sans-serif;
   --cv-typography-caption-font-size: 12px;
   --cv-typography-caption-font-weight: 400;
   --cv-typography-caption-line-height: 16px;
-  --cv-typography-code-font-family: Menlo;
+  --cv-typography-caption-letter-spacing: 0px;
+  --cv-typography-code-font-family: Roboto Mono, monospace;
   --cv-typography-code-font-size: 12px;
   --cv-typography-code-font-weight: 400;
   --cv-typography-code-line-height: 20px;
+  --cv-typography-code-letter-spacing: 0px;
 }

package/index.d.ts

@@ -1256,51 +1256,64 @@ export const CvTypographyHeadline1FontFamily: string;
 export const CvTypographyHeadline1FontSize: string;
 export const CvTypographyHeadline1FontWeight: string;
 export const CvTypographyHeadline1LineHeight: string;
+export const CvTypographyHeadline1LetterSpacing: string;
 export const CvTypographyHeadline2FontFamily: string;
 export const CvTypographyHeadline2FontSize: string;
 export const CvTypographyHeadline2FontWeight: string;
 export const CvTypographyHeadline2LineHeight: string;
+export const CvTypographyHeadline2LetterSpacing: string;
 export const CvTypographyHeadline3FontFamily: string;
 export const CvTypographyHeadline3FontSize: string;
 export const CvTypographyHeadline3FontWeight: string;
 export const CvTypographyHeadline3LineHeight: string;
+export const CvTypographyHeadline3LetterSpacing: string;
 export const CvTypographyHeadline4FontFamily: string;
 export const CvTypographyHeadline4FontSize: string;
 export const CvTypographyHeadline4FontWeight: string;
 export const CvTypographyHeadline4LineHeight: string;
+export const CvTypographyHeadline4LetterSpacing: string;
 export const CvTypographyHeadline5FontFamily: string;
 export const CvTypographyHeadline5FontSize: string;
 export const CvTypographyHeadline5FontWeight: string;
 export const CvTypographyHeadline5LineHeight: string;
+export const CvTypographyHeadline5LetterSpacing: string;
 export const CvTypographyHeadline6FontFamily: string;
 export const CvTypographyHeadline6FontSize: string;
 export const CvTypographyHeadline6FontWeight: string;
 export const CvTypographyHeadline6LineHeight: string;
+export const CvTypographyHeadline6LetterSpacing: string;
 export const CvTypographySubtitle1FontFamily: string;
 export const CvTypographySubtitle1FontSize: string;
 export const CvTypographySubtitle1FontWeight: string;
 export const CvTypographySubtitle1LineHeight: string;
+export const CvTypographySubtitle1LetterSpacing: string;
 export const CvTypographySubtitle2FontFamily: string;
 export const CvTypographySubtitle2FontSize: string;
 export const CvTypographySubtitle2FontWeight: string;
 export const CvTypographySubtitle2LineHeight: string;
+export const CvTypographySubtitle2LetterSpacing: string;
 export const CvTypographyBody1FontFamily: string;
 export const CvTypographyBody1FontSize: string;
 export const CvTypographyBody1FontWeight: string;
 export const CvTypographyBody1LineHeight: string;
+export const CvTypographyBody1LetterSpacing: string;
 export const CvTypographyBody2FontFamily: string;
 export const CvTypographyBody2FontSize: string;
 export const CvTypographyBody2FontWeight: string;
 export const CvTypographyBody2LineHeight: string;
+export const CvTypographyBody2LetterSpacing: string;
 export const CvTypographyButtonFontFamily: string;
 export const CvTypographyButtonFontSize: string;
 export const CvTypographyButtonFontWeight: string;
 export const CvTypographyButtonLineHeight: string;
+export const CvTypographyButtonLetterSpacing: string;
 export const CvTypographyCaptionFontFamily: string;
 export const CvTypographyCaptionFontSize: string;
 export const CvTypographyCaptionFontWeight: string;
 export const CvTypographyCaptionLineHeight: string;
+export const CvTypographyCaptionLetterSpacing: string;
 export const CvTypographyCodeFontFamily: string;
 export const CvTypographyCodeFontSize: string;
 export const CvTypographyCodeFontWeight: string;
 export const CvTypographyCodeLineHeight: string;
+export const CvTypographyCodeLetterSpacing: string;

package/index.js

@@ -1251,56 +1251,69 @@ export const CvMaterialBlueGrey800 = "#37474f";
 export const CvMaterialBlueGrey900 = "#263238";
 export const CvDensityInterval = "4px";
 export const CvDensityMode = 0;
-export const CvTypographyFontFamily = "Arial, sans-serif";
-export const CvTypographyHeadline1FontFamily = "'Inter', sans-serif";
+export const CvTypographyFontFamily = "'Inter', Arial, sans-serif";
+export const CvTypographyHeadline1FontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyHeadline1FontSize = "96px";
-export const CvTypographyHeadline1FontWeight = "500";
+export const CvTypographyHeadline1FontWeight = "300";
 export const CvTypographyHeadline1LineHeight = "112px";
-export const CvTypographyHeadline2FontFamily = "'Inter', sans-serif";
+export const CvTypographyHeadline1LetterSpacing = "-1.5px";
+export const CvTypographyHeadline2FontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyHeadline2FontSize = "60px";
-export const CvTypographyHeadline2FontWeight = "600";
-export const CvTypographyHeadline2LineHeight = "84px";
-export const CvTypographyHeadline3FontFamily = "'Inter', sans-serif";
+export const CvTypographyHeadline2FontWeight = "300";
+export const CvTypographyHeadline2LineHeight = "72px";
+export const CvTypographyHeadline2LetterSpacing = "-0.5px";
+export const CvTypographyHeadline3FontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyHeadline3FontSize = "48px";
-export const CvTypographyHeadline3FontWeight = "600";
-export const CvTypographyHeadline3LineHeight = "64px";
-export const CvTypographyHeadline4FontFamily = "'Inter', sans-serif";
+export const CvTypographyHeadline3FontWeight = "400";
+export const CvTypographyHeadline3LineHeight = "56px";
+export const CvTypographyHeadline3LetterSpacing = "0px";
+export const CvTypographyHeadline4FontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyHeadline4FontSize = "34px";
-export const CvTypographyHeadline4FontWeight = "700";
-export const CvTypographyHeadline4LineHeight = "48px";
-export const CvTypographyHeadline5FontFamily = "'Inter', sans-serif";
+export const CvTypographyHeadline4FontWeight = "400";
+export const CvTypographyHeadline4LineHeight = "42px";
+export const CvTypographyHeadline4LetterSpacing = "0px";
+export const CvTypographyHeadline5FontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyHeadline5FontSize = "24px";
-export const CvTypographyHeadline5FontWeight = "700";
+export const CvTypographyHeadline5FontWeight = "400";
 export const CvTypographyHeadline5LineHeight = "36px";
-export const CvTypographyHeadline6FontFamily = "'Inter', sans-serif";
+export const CvTypographyHeadline5LetterSpacing = "0.18px";
+export const CvTypographyHeadline6FontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyHeadline6FontSize = "20px";
-export const CvTypographyHeadline6FontWeight = "700";
-export const CvTypographyHeadline6LineHeight = "28px";
-export const CvTypographySubtitle1FontFamily = "'Inter', sans-serif";
-export const CvTypographySubtitle1FontSize = "14px";
-export const CvTypographySubtitle1FontWeight = "600";
-export const CvTypographySubtitle1LineHeight = "20px";
-export const CvTypographySubtitle2FontFamily = "'Inter', sans-serif";
-export const CvTypographySubtitle2FontSize = "16px";
-export const CvTypographySubtitle2FontWeight = "600";
-export const CvTypographySubtitle2LineHeight = "24px";
-export const CvTypographyBody1FontFamily = "Arial, sans-serif";
+export const CvTypographyHeadline6FontWeight = "500";
+export const CvTypographyHeadline6LineHeight = "24px";
+export const CvTypographyHeadline6LetterSpacing = "0.15px";
+export const CvTypographySubtitle1FontFamily = "'Inter', Arial, sans-serif";
+export const CvTypographySubtitle1FontSize = "16px";
+export const CvTypographySubtitle1FontWeight = "500";
+export const CvTypographySubtitle1LineHeight = "28px";
+export const CvTypographySubtitle1LetterSpacing = "0.15px";
+export const CvTypographySubtitle2FontFamily = "'Inter', Arial, sans-serif";
+export const CvTypographySubtitle2FontSize = "14px";
+export const CvTypographySubtitle2FontWeight = "500";
+export const CvTypographySubtitle2LineHeight = "22px";
+export const CvTypographySubtitle2LetterSpacing = "0.1px";
+export const CvTypographyBody1FontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyBody1FontSize = "16px";
 export const CvTypographyBody1FontWeight = "400";
 export const CvTypographyBody1LineHeight = "24px";
-export const CvTypographyBody2FontFamily = "Arial, sans-serif";
+export const CvTypographyBody1LetterSpacing = "0px";
+export const CvTypographyBody2FontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyBody2FontSize = "14px";
 export const CvTypographyBody2FontWeight = "400";
 export const CvTypographyBody2LineHeight = "20px";
-export const CvTypographyButtonFontFamily = "'Inter', sans-serif";
+export const CvTypographyBody2LetterSpacing = "0px";
+export const CvTypographyButtonFontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyButtonFontSize = "14px";
-export const CvTypographyButtonFontWeight = "600";
+export const CvTypographyButtonFontWeight = "500";
 export const CvTypographyButtonLineHeight = "16px";
-export const CvTypographyCaptionFontFamily = "Arial, sans-serif";
+export const CvTypographyButtonLetterSpacing = "0px";
+export const CvTypographyCaptionFontFamily = "'Inter', Arial, sans-serif";
 export const CvTypographyCaptionFontSize = "12px";
 export const CvTypographyCaptionFontWeight = "400";
 export const CvTypographyCaptionLineHeight = "16px";
-export const CvTypographyCodeFontFamily = "Menlo";
+export const CvTypographyCaptionLetterSpacing = "0px";
+export const CvTypographyCodeFontFamily = "Roboto Mono, monospace";
 export const CvTypographyCodeFontSize = "12px";
 export const CvTypographyCodeFontWeight = "400";
 export const CvTypographyCodeLineHeight = "20px";
+export const CvTypographyCodeLetterSpacing = "0px";

package/index.json

@@ -28652,12 +28652,12 @@
   },
   "typography": {
     "font-family": {
-      "value": "Arial, sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "Arial, sans-serif",
+        "value": "'Inter', Arial, sans-serif",
         "type": "fontFamilies"
       },
       "name": "font-family",
@@ -28671,12 +28671,12 @@
       ]
     },
     "headline1-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "headline1-font-family",
@@ -28709,12 +28709,12 @@
       ]
     },
     "headline1-font-weight": {
-      "value": "500",
+      "value": "300",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "500",
+        "value": "300",
         "type": "fontWeights"
       },
       "name": "headline1-font-weight",
@@ -28746,13 +28746,32 @@
         "headline1-line-height"
       ]
     },
+    "headline1-letter-spacing": {
+      "value": "-1.5px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "-1.5px",
+        "type": "letterSpacing"
+      },
+      "name": "headline1-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "headline1-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "headline1-letter-spacing"
+      ]
+    },
     "headline2-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "headline2-font-family",
@@ -28785,12 +28804,12 @@
       ]
     },
     "headline2-font-weight": {
-      "value": "600",
+      "value": "300",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "600",
+        "value": "300",
         "type": "fontWeights"
       },
       "name": "headline2-font-weight",
@@ -28804,12 +28823,12 @@
       ]
     },
     "headline2-line-height": {
-      "value": "84px",
+      "value": "72px",
       "type": "lineHeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "84px",
+        "value": "72px",
         "type": "lineHeights"
       },
       "name": "headline2-line-height",
@@ -28822,13 +28841,32 @@
         "headline2-line-height"
       ]
     },
+    "headline2-letter-spacing": {
+      "value": "-0.5px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "-0.5px",
+        "type": "letterSpacing"
+      },
+      "name": "headline2-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "headline2-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "headline2-letter-spacing"
+      ]
+    },
     "headline3-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "headline3-font-family",
@@ -28861,12 +28899,12 @@
       ]
     },
     "headline3-font-weight": {
-      "value": "600",
+      "value": "400",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "600",
+        "value": "400",
         "type": "fontWeights"
       },
       "name": "headline3-font-weight",
@@ -28880,12 +28918,12 @@
       ]
     },
     "headline3-line-height": {
-      "value": "64px",
+      "value": "56px",
       "type": "lineHeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "64px",
+        "value": "56px",
         "type": "lineHeights"
       },
       "name": "headline3-line-height",
@@ -28898,13 +28936,32 @@
         "headline3-line-height"
       ]
     },
+    "headline3-letter-spacing": {
+      "value": "0px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0px",
+        "type": "letterSpacing"
+      },
+      "name": "headline3-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "headline3-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "headline3-letter-spacing"
+      ]
+    },
     "headline4-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "headline4-font-family",
@@ -28937,12 +28994,12 @@
       ]
     },
     "headline4-font-weight": {
-      "value": "700",
+      "value": "400",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "700",
+        "value": "400",
         "type": "fontWeights"
       },
       "name": "headline4-font-weight",
@@ -28956,12 +29013,12 @@
       ]
     },
     "headline4-line-height": {
-      "value": "48px",
+      "value": "42px",
       "type": "lineHeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "48px",
+        "value": "42px",
         "type": "lineHeights"
       },
       "name": "headline4-line-height",
@@ -28974,13 +29031,32 @@
         "headline4-line-height"
       ]
     },
+    "headline4-letter-spacing": {
+      "value": "0px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0px",
+        "type": "letterSpacing"
+      },
+      "name": "headline4-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "headline4-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "headline4-letter-spacing"
+      ]
+    },
     "headline5-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "headline5-font-family",
@@ -29013,12 +29089,12 @@
       ]
     },
     "headline5-font-weight": {
-      "value": "700",
+      "value": "400",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "700",
+        "value": "400",
         "type": "fontWeights"
       },
       "name": "headline5-font-weight",
@@ -29050,13 +29126,32 @@
         "headline5-line-height"
       ]
     },
+    "headline5-letter-spacing": {
+      "value": "0.18px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0.18px",
+        "type": "letterSpacing"
+      },
+      "name": "headline5-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "headline5-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "headline5-letter-spacing"
+      ]
+    },
     "headline6-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "headline6-font-family",
@@ -29089,12 +29184,12 @@
       ]
     },
     "headline6-font-weight": {
-      "value": "700",
+      "value": "500",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "700",
+        "value": "500",
         "type": "fontWeights"
       },
       "name": "headline6-font-weight",
@@ -29108,12 +29203,12 @@
       ]
     },
     "headline6-line-height": {
-      "value": "28px",
+      "value": "24px",
       "type": "lineHeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "28px",
+        "value": "24px",
         "type": "lineHeights"
       },
       "name": "headline6-line-height",
@@ -29126,13 +29221,32 @@
         "headline6-line-height"
       ]
     },
+    "headline6-letter-spacing": {
+      "value": "0.15px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0.15px",
+        "type": "letterSpacing"
+      },
+      "name": "headline6-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "headline6-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "headline6-letter-spacing"
+      ]
+    },
     "subtitle1-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "subtitle1-font-family",
@@ -29146,12 +29260,12 @@
       ]
     },
     "subtitle1-font-size": {
-      "value": "14px",
+      "value": "16px",
       "type": "fontSizes",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "14px",
+        "value": "16px",
         "type": "fontSizes"
       },
       "name": "subtitle1-font-size",
@@ -29165,12 +29279,12 @@
       ]
     },
     "subtitle1-font-weight": {
-      "value": "600",
+      "value": "500",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "600",
+        "value": "500",
         "type": "fontWeights"
       },
       "name": "subtitle1-font-weight",
@@ -29184,12 +29298,12 @@
       ]
     },
     "subtitle1-line-height": {
-      "value": "20px",
+      "value": "28px",
       "type": "lineHeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "20px",
+        "value": "28px",
         "type": "lineHeights"
       },
       "name": "subtitle1-line-height",
@@ -29202,13 +29316,32 @@
         "subtitle1-line-height"
       ]
     },
+    "subtitle1-letter-spacing": {
+      "value": "0.15px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0.15px",
+        "type": "letterSpacing"
+      },
+      "name": "subtitle1-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "subtitle1-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "subtitle1-letter-spacing"
+      ]
+    },
     "subtitle2-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "subtitle2-font-family",
@@ -29222,12 +29355,12 @@
       ]
     },
     "subtitle2-font-size": {
-      "value": "16px",
+      "value": "14px",
       "type": "fontSizes",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "16px",
+        "value": "14px",
         "type": "fontSizes"
       },
       "name": "subtitle2-font-size",
@@ -29241,12 +29374,12 @@
       ]
     },
     "subtitle2-font-weight": {
-      "value": "600",
+      "value": "500",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "600",
+        "value": "500",
         "type": "fontWeights"
       },
       "name": "subtitle2-font-weight",
@@ -29260,12 +29393,12 @@
       ]
     },
     "subtitle2-line-height": {
-      "value": "24px",
+      "value": "22px",
       "type": "lineHeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "24px",
+        "value": "22px",
         "type": "lineHeights"
       },
       "name": "subtitle2-line-height",
@@ -29278,8 +29411,27 @@
         "subtitle2-line-height"
       ]
     },
+    "subtitle2-letter-spacing": {
+      "value": "0.1px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0.1px",
+        "type": "letterSpacing"
+      },
+      "name": "subtitle2-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "subtitle2-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "subtitle2-letter-spacing"
+      ]
+    },
     "body1-font-family": {
-      "value": "Arial, sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
@@ -29354,8 +29506,27 @@
         "body1-line-height"
       ]
     },
+    "body1-letter-spacing": {
+      "value": "0px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0px",
+        "type": "letterSpacing"
+      },
+      "name": "body1-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "body1-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "body1-letter-spacing"
+      ]
+    },
     "body2-font-family": {
-      "value": "Arial, sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
@@ -29430,13 +29601,32 @@
         "body2-line-height"
       ]
     },
+    "body2-letter-spacing": {
+      "value": "0px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0px",
+        "type": "letterSpacing"
+      },
+      "name": "body2-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "body2-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "body2-letter-spacing"
+      ]
+    },
     "button-font-family": {
-      "value": "'Inter', sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "'Inter', sans-serif",
+        "value": "{typography.font-family}",
         "type": "fontFamilies"
       },
       "name": "button-font-family",
@@ -29469,12 +29659,12 @@
       ]
     },
     "button-font-weight": {
-      "value": "600",
+      "value": "500",
       "type": "fontWeights",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "600",
+        "value": "500",
         "type": "fontWeights"
       },
       "name": "button-font-weight",
@@ -29506,8 +29696,27 @@
         "button-line-height"
       ]
     },
+    "button-letter-spacing": {
+      "value": "0px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0px",
+        "type": "letterSpacing"
+      },
+      "name": "button-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "button-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "button-letter-spacing"
+      ]
+    },
     "caption-font-family": {
-      "value": "Arial, sans-serif",
+      "value": "'Inter', Arial, sans-serif",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
@@ -29582,13 +29791,32 @@
         "caption-line-height"
       ]
     },
+    "caption-letter-spacing": {
+      "value": "0px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0px",
+        "type": "letterSpacing"
+      },
+      "name": "caption-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "caption-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "caption-letter-spacing"
+      ]
+    },
     "code-font-family": {
-      "value": "Menlo",
+      "value": "Roboto Mono, monospace",
       "type": "fontFamilies",
       "filePath": "libs/tokens/src/typography.json",
       "isSource": true,
       "original": {
-        "value": "Menlo",
+        "value": "Roboto Mono, monospace",
         "type": "fontFamilies"
       },
       "name": "code-font-family",
@@ -29657,6 +29885,25 @@
         "typography",
         "code-line-height"
       ]
+    },
+    "code-letter-spacing": {
+      "value": "0px",
+      "type": "letterSpacing",
+      "filePath": "libs/tokens/src/typography.json",
+      "isSource": true,
+      "original": {
+        "value": "0px",
+        "type": "letterSpacing"
+      },
+      "name": "code-letter-spacing",
+      "attributes": {
+        "category": "typography",
+        "type": "code-letter-spacing"
+      },
+      "path": [
+        "typography",
+        "code-letter-spacing"
+      ]
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/tokens",
-  "version": "11.3.0-beta.1",
+  "version": "11.3.1",
   "description": "Design tokens for covalent design system",
   "repository": {
     "type": "git",