adds text

figma · May 23, 2024 · 112144c · 112144c
1 parent 7e9a37f
commit 112144c
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 36 deletions.
diff --git a/src/index.css b/src/index.css
@@ -38,7 +38,7 @@ select {
 
 pre,
 code {
-  font: var(--sds-font-code);
+  font: var(--sds-font-body-code);
 }
 
 h1,

diff --git a/src/ui/Accordion/accordion.css b/src/ui/Accordion/accordion.css
@@ -47,7 +47,7 @@
 
   .accordion-item-title,
   .accordion-item-title > button {
-    font: var(--sds-font-body-bold);
+    font: var(--sds-font-body-strong);
   }
 
   .accordion-item-indicator {

diff --git a/src/ui/Fieldset/fieldset.css b/src/ui/Fieldset/fieldset.css
@@ -68,7 +68,7 @@
 
 .label {
   color: var(--field-label-color);
-  font: var(--sds-font-body-bold);
+  font: var(--sds-font-body-strong);
 }
 
 .description {

diff --git a/src/ui/Menu/menu.css b/src/ui/Menu/menu.css
@@ -23,7 +23,7 @@
 }
 .menu-heading {
   color: var(--sds-color-text-default-secondary);
-  font: var(--sds-font-body-bold);
+  font: var(--sds-font-body-strong);
   padding: var(--sds-size-padding-sm) var(--sds-size-padding-lg)
     var(--sds-size-padding-xs);
 }

diff --git a/src/ui/Message/message.css b/src/ui/Message/message.css
@@ -28,7 +28,7 @@
       margin-top: var(--sds-size-gap-cs);
     }
     > .message-title {
-      font: var(--sds-font-body-bold);
+      font: var(--sds-font-body-strong);
     }
     > .message-actions {
       margin-top: var(--sds-size-gap-md);

diff --git a/src/ui/Slider/slider.css b/src/ui/Slider/slider.css
@@ -2,7 +2,7 @@
   --slider-thumb-background-color: var(--sds-color-bg-default-default);
   --slider-thumb-border-color: var(--sds-color-border-brand-default);
   --slider-track-background-color: var(--sds-color-bg-brand-default);
-  font: var(--sds-font-base);
+  font: var(--sds-font-body-base);
 
   &[data-disabled] {
     --slider-thumb-background-color: var(--sds-color-icon-disabled-default);

diff --git a/src/ui/Table/table.css b/src/ui/Table/table.css
@@ -63,7 +63,8 @@
 
 .table-column {
   color: var(--sds-color-text-default-secondary);
-  font: var(--sds-font-body-small-bold);
+  font: var(--sds-font-body-small);
+  font-weight: var(--sds-typography-weight-bold);
 }
 
 .table-column-inner {
@@ -85,7 +86,7 @@
 }
 
 .table-cell {
-  font: var(--sds-font-body-small-regular);
+  font: var(--sds-font-body-small);
   position: relative;
 }
 .table-cell-link {

diff --git a/src/ui/Text/text.css b/src/ui/Text/text.css
@@ -35,39 +35,11 @@
   font: var(--sds-font-title-page);
 }
 
-.text {
-  line-height: var(--global-line-height-paragraph);
-  font: var(--sds-font-body-base);
-}
-.text-code {
-  font: var(--sds-font-code);
-}
-
 .link.text-link {
   color: var(--sds-color-text-brand-secondary);
   text-decoration: underline;
 }
 
-.text-strong {
-  font: var(--sds-font-body-strong);
-}
-
-.text-heading {
-  font: var(--sds-font-heading);
-}
-
-.text-subheading {
-  font: var(--sds-font-subheading);
-}
-
-.text-subtitle {
-  font: var(--sds-font-subtitle);
-}
-
-.text-hero {
-  font: var(--sds-font-subtitle);
-}
-
 .text-list {
   color: var(--sds-color-text-default-secondary);
   display: flex;
-Original file line number
+Diff line change
@@ Expand Up / @@ -38,7 +38,7 @@ select { @@
     pre,
     code {
-      font: var(--sds-font-code);
+      font: var(--sds-font-body-code);
     }
     h1,
@@ Expand Down @@