fix: text size tokens for Tabs (#56)

bloom-housing · Jul 17, 2023 · 6fe423b · 6fe423b
1 parent 3a6b859
commit 6fe423b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/navigation/Tabs.scss b/src/navigation/Tabs.scss
@@ -1,7 +1,7 @@
 .seeds-tabs {
   --tab-font: var(--seeds-font-alt-sans);
-  --tab-font-size: var(--seeds-type-body);
-  --tab-font-size-sm: var(--seeds-type-label);
+  --tab-font-size: var(--seeds-type-body-size);
+  --tab-font-size-sm: var(--seeds-type-label-size);
   --tab-font-weight: var(--seeds-font-weight-semibold);
   --tab-font-weight-sm: var(--seeds-font-weight-regular);
   --tab-background-color: var(--seeds-bg-color-surface);

diff --git a/src/navigation/__stories__/Tabs.docs.mdx b/src/navigation/__stories__/Tabs.docs.mdx
@@ -25,8 +25,8 @@ import { Swatch } from "../../../documentation/components/Swatch.tsx"
 | Name                           | Description                                             | Default                        |
 | ------------------------------ | ------------------------------------------------------- | ------------------------------ |
 | `--tab-font`                   | Font family                                             | `--seeds-font-alt-sans`        |
-| `--tab-font-size`              | Font size                                               | `--seeds-type-body`            |
-| `--tab-font-size-sm`           | Font size on mobile screens                             | `--seeds-type-label`           |
+| `--tab-font-size`              | Font size                                               | `--seeds-type-body-size`       |
+| `--tab-font-size-sm`           | Font size on mobile screens                             | `--seeds-type-label-size`      |
 | `--tab-font-weight`            | Font weight                                             | `--seeds-font-weight-semibold` |
 | `--tab-font-weight-sm`         | Font weight on mobile screens                           | `--seeds-font-weight-regular`  |
 | `--tab-background-color`       | <Swatch color="bloom-bg-color-surface" border={true} /> | `--seeds-bg-color-surface`     |