Update font tokens

brave · Nov 14, 2023 · 0ab08f5 · 0ab08f5
1 parent 5c29afc
commit 0ab08f5
Show file tree

Hide file tree

Showing 10 changed files with 16 additions and 16 deletions.
diff --git a/.storybook/global.svelte b/.storybook/global.svelte
@@ -36,7 +36,7 @@
   .layout {
     background: var(--leo-color-container-background);
     color: var(--leo-color-text-primary);
-    font: var(--leo-font-primary-default-regular);
+    font: var(--leo-font-default-regular);
   }
 
   .layout {

diff --git a/src/components/alert/alert.svelte b/src/components/alert/alert.svelte
@@ -72,14 +72,14 @@
     padding: var(--leo-spacing-xl);
     border-radius: var(--leo-radius-m);
     gap: var(--leo-spacing-xl);
-    font: var(--leo-font-primary-default-regular);
+    font: var(--leo-font-default-regular);
 
     & .icon {
       color: var(--leo-icon-color);
     }
 
     & .title {
-      font: var(--leo-font-primary-heading-h4);
+      font: var(--leo-font-heading-h4);
     }
   }
 

diff --git a/src/components/checkbox/checkbox.svelte b/src/components/checkbox/checkbox.svelte
@@ -88,7 +88,7 @@
       --leo-checkbox-disabled-color,
       var(--leo-color-text-disabled)
     );
-    --font: var(--leo-checkbox-font, var(--leo-font-primary-default-regular));
+    --font: var(--leo-checkbox-font, var(--leo-font-default-regular));
 
     display: flex;
     align-items: center;

diff --git a/src/components/collapse/collapse.svelte b/src/components/collapse/collapse.svelte
@@ -165,12 +165,12 @@
 
   .title {
     flex-grow: 1;
-    font: var(--leo-font-primary-heading-h3);
+    font: var(--leo-font-heading-h3);
   }
 
   .content {
     padding: var(--content-padding);
-    font: var(--leo-font-primary-default-regular);
+    font: var(--leo-font-default-regular);
   }
 
   .arrow {

diff --git a/src/components/dialog/dialog.svelte b/src/components/dialog/dialog.svelte
@@ -136,7 +136,7 @@
   }
 
   .leo-dialog .title {
-    font: var(--leo-font-primary-heading-h2);
+    font: var(--leo-font-heading-h2);
   }
 
   .leo-dialog .close-button {
@@ -154,12 +154,12 @@
 
   .leo-dialog .subtitle {
     margin-bottom: var(--leo-spacing-xl);
-    font: var(--leo-font-primary-heading-h4);
+    font: var(--leo-font-heading-h4);
   }
 
   .leo-dialog .body {
     color: var(--leo-color-text-secondary);
-    font: var(--leo-font-primary-default-regular);
+    font: var(--leo-font-default-regular);
   }
 
   .leo-dialog .actions {

diff --git a/src/components/formItem/formItem.svelte b/src/components/formItem/formItem.svelte
@@ -84,7 +84,7 @@
   .leo-control {
     --radius: var(--leo-control-radius, var(--leo-spacing-m));
     --padding: var(--leo-control-padding, 9px);
-    --font: var(--leo-control-font, var(--leo-font-primary-default-regular));
+    --font: var(--leo-control-font, var(--leo-font-default-regular));
     --leo-icon-size: var(--leo-control-icon-size, 20px);
     --leo-icon-color: var(
       --leo-control-icon-color,
@@ -142,7 +142,7 @@
 
   .leo-control.isSmall {
     --leo-icon-size: 16px;
-    --font: var(--leo-control-font, var(--leo-font-primary-small-regular));
+    --font: var(--leo-control-font, var(--leo-font-small-regular));
     --padding: var(--leo-control-padding, 8px);
     --gap: var(--leo-control-label-gap, 2px);
   }

diff --git a/src/components/radioButton/radioButton.svelte b/src/components/radioButton/radioButton.svelte
@@ -103,7 +103,7 @@
     );
     --font: var(
       --leo-radiobutton-font,
-      var(--leo-font-primary-default-regular)
+      var(--leo-font-default-regular)
     );
     --radiobutton-size: var(--leo-radiobutton-radiobutton-size, 20px);
 

diff --git a/src/components/tooltip/tooltip.stories.svelte b/src/components/tooltip/tooltip.stories.svelte
@@ -80,7 +80,7 @@
 
 <style>
   .title {
-    font: var(--leo-font-primary-heading-h4);
+    font: var(--leo-font-heading-h4);
     display: flex;
     flex-direction: row;
     gap: var(--leo-spacing-s);

diff --git a/src/components/tooltip/tooltip.svelte b/src/components/tooltip/tooltip.svelte
@@ -172,7 +172,7 @@
     padding: var(--padding);
     border-radius: var(--radius);
     border: var(--border-width) solid var(--border-color);
-    font: var(--leo-font-primary-default-regular);
+    font: var(--leo-font-default-regular);
   }
 
   .leo-tooltip .tooltip {
@@ -231,7 +231,7 @@
     --shadow: var(--leo-effect-elevation-01);
     --radius: 2px;
 
-    font: var(--leo-font-primary-x-small-regular);
+    font: var(--leo-font-x-small-regular);
   }
 
   .leo-tooltip .tooltip.default {

diff --git a/src/storyHelpers/Slot.svelte b/src/storyHelpers/Slot.svelte
@@ -13,6 +13,6 @@
     margin-top: var(--leo-spacing-xl);
   }
   .slot {
-    font: var(--leo-font-primary-default-semibold);
+    font: var(--leo-font-default-semibold);
   }
 </style>