fix: alter -text-font-* classes

etchteam · Feb 21, 2024 · 00ab48f · 00ab48f
1 parent d18900f
commit 00ab48f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 22 deletions.
diff --git a/components/content/Text/Text.css b/components/content/Text/Text.css
@@ -1,38 +1,20 @@
 /* Font */
 
 .diamond-text-font-body {
+  font-family: var(--diamond-font-family);
   font-size: var(--diamond-font-size-base);
   font-weight: var(--diamond-font-weight-base);
   line-height: var(--diamond-font-line-height);
   text-wrap: pretty;
 }
 
-.diamond-text-font-heading,
-.diamond-text-font-h1,
-.diamond-text-font-h2,
-.diamond-text-font-h3,
-.diamond-text-font-h4 {
+.diamond-text-font-heading {
+  font-family: var(--diamond-font-family-heading);
   font-weight: var(--diamond-font-weight-bold);
   line-height: var(--diamond-font-line-height-heading);
   text-wrap: balance;
 }
 
-.diamond-text-font-h1 {
-  font-size: var(--diamond-font-size-h1);
-}
-
-.diamond-text-font-h2 {
-  font-size: var(--diamond-font-size-h2);
-}
-
-.diamond-text-font-h3 {
-  font-size: var(--diamond-font-size-h3);
-}
-
-.diamond-text-font-h4 {
-  font-size: var(--diamond-font-size-h4);
-}
-
 /* Size */
 
 .diamond-text-size-default {

diff --git a/components/content/Text/Text.stories.ts b/components/content/Text/Text.stories.ts
@@ -18,7 +18,7 @@ export default {
       control: {
         type: 'select',
       },
-      options: ['body', 'heading', 'h1', 'h2', 'h3', 'h4'],
+      options: ['body', 'heading'],
       description:
         'Sets a combination of CSS properties to match the selected font style.',
     },

diff --git a/styles/tokens/font.css b/styles/tokens/font.css
@@ -1,6 +1,7 @@
 :root {
   --diamond-font-family: -apple-system, system-ui, blinkmacsystemfont, roboto,
     helvetica, arial, sans-serif;
+  --diamond-font-family-heading: var(--diamond-font-family);
 
   --diamond-font-line-height: 1.5;
   --diamond-font-line-height-sm: 1.25;