add design-tokens.css

Author: garrettbear

src/css/design-tokens.css

@@ -62,7 +62,7 @@
   --brand-colors-red-red800: #64141c;
   --brand-colors-red-red900: #3a0c10;
   --brand-colors-purple-purple500: #8b45b6;
-  --brand-colors-violet-violet300: #CFB5F0;
+  --brand-colors-violet-violet300: #cfb5f0;
   --brand-colors-yellow-yellow000: #fffdf8;
   --brand-colors-yellow-yellow100: #fefcde;
   --brand-colors-yellow-yellow200: #fff2c5;
@@ -146,6 +146,11 @@
   --typography-s-body-md-bold-line-height: var(--line-height-3);
   --typography-s-body-md-bold-font-weight: var(--font-weight-bold);
   --typography-s-body-md-bold-letter-spacing: var(--letter-spacing-0);
+  --typography-s-body-md-medium-font-family: var(--font-family-sans);
+  --typography-s-body-md-medium-font-size: var(--font-size-3);
+  --typography-s-body-md-medium-line-height: var(--line-height-3);
+  --typography-s-body-md-medium-font-weight: var(--font-weight-medium);
+  --typography-s-body-md-medium-letter-spacing: var(--letter-spacing-0);
   --typography-s-body-md-font-family: var(--font-family-sans);
   --typography-s-body-md-font-size: var(--font-size-3);
   --typography-s-body-md-line-height: var(--line-height-3);
@@ -156,11 +161,21 @@
   --typography-s-body-sm-bold-line-height: var(--line-height-2);
   --typography-s-body-sm-bold-font-weight: var(--font-weight-bold);
   --typography-s-body-sm-bold-letter-spacing: var(--letter-spacing-0);
+  --typography-s-body-sm-medium-font-family: var(--font-family-sans);
+  --typography-s-body-sm-medium-font-size: var(--font-size-2);
+  --typography-s-body-sm-medium-line-height: var(--line-height-2);
+  --typography-s-body-sm-medium-font-weight: var(--font-weight-medium);
+  --typography-s-body-sm-medium-letter-spacing: var(--letter-spacing-0);
   --typography-s-body-sm-font-family: var(--font-family-sans);
   --typography-s-body-sm-font-size: var(--font-size-2);
   --typography-s-body-sm-line-height: var(--line-height-2);
   --typography-s-body-sm-font-weight: var(--font-weight-regular);
   --typography-s-body-sm-letter-spacing: var(--letter-spacing-0);
+  --typography-s-body-xs-medium-font-family: var(--font-family-sans);
+  --typography-s-body-xs-medium-font-size: var(--font-size-1);
+  --typography-s-body-xs-medium-line-height: var(--line-height-1);
+  --typography-s-body-xs-medium-font-weight: var(--font-weight-medium);
+  --typography-s-body-xs-medium-letter-spacing: var(--letter-spacing-0);
   --typography-s-body-xs-font-family: var(--font-family-sans);
   --typography-s-body-xs-font-size: var(--font-size-1);
   --typography-s-body-xs-line-height: var(--line-height-1);
@@ -208,6 +223,11 @@
   --typography-l-body-md-bold-line-height: var(--line-height-4);
   --typography-l-body-md-bold-font-weight: var(--font-weight-bold);
   --typography-l-body-md-bold-letter-spacing: var(--letter-spacing-0);
+  --typography-l-body-md-medium-font-family: var(--font-family-sans);
+  --typography-l-body-md-medium-font-size: var(--font-size-4);
+  --typography-l-body-md-medium-line-height: var(--line-height-4);
+  --typography-l-body-md-medium-font-weight: var(--font-weight-medium);
+  --typography-l-body-md-medium-letter-spacing: var(--letter-spacing-0);
   --typography-l-body-md-font-family: var(--font-family-sans);
   --typography-l-body-md-font-size: var(--font-size-4);
   --typography-l-body-md-line-height: var(--line-height-4);
@@ -218,11 +238,21 @@
   --typography-l-body-sm-bold-line-height: var(--line-height-3);
   --typography-l-body-sm-bold-font-weight: var(--font-weight-bold);
   --typography-l-body-sm-bold-letter-spacing: var(--letter-spacing-0);
+  --typography-l-body-sm-medium-font-family: var(--font-family-sans);
+  --typography-l-body-sm-medium-font-size: var(--font-size-3);
+  --typography-l-body-sm-medium-line-height: var(--line-height-3);
+  --typography-l-body-sm-medium-font-weight: var(--font-weight-medium);
+  --typography-l-body-sm-medium-letter-spacing: var(--letter-spacing-0);
   --typography-l-body-sm-font-family: var(--font-family-sans);
   --typography-l-body-sm-font-size: var(--font-size-3);
   --typography-l-body-sm-line-height: var(--line-height-3);
   --typography-l-body-sm-font-weight: var(--font-weight-regular);
   --typography-l-body-sm-letter-spacing: var(--letter-spacing-0);
+  --typography-l-body-xs-medium-font-family: var(--font-family-sans);
+  --typography-l-body-xs-medium-font-size: var(--font-size-2);
+  --typography-l-body-xs-medium-line-height: var(--line-height-2);
+  --typography-l-body-xs-medium-font-weight: var(--font-weight-medium);
+  --typography-l-body-xs-medium-letter-spacing: var(--letter-spacing-0);
   --typography-l-body-xs-font-family: var(--font-family-sans);
   --typography-l-body-xs-font-size: var(--font-size-2);
   --typography-l-body-xs-line-height: var(--line-height-2);