feat(odyssey-design-tokens): add overline letter spacing token

okta · Sep 25, 2024 · 2ca80a5 · 2ca80a5
1 parent 8e26b65
commit 2ca80a5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/odyssey-design-tokens/src/typography.json b/packages/odyssey-design-tokens/src/typography.json
@@ -187,6 +187,11 @@
       "max": {
         "value": "55ch"
       }
+    },
+    "letterSpacing": {
+      "overline": {
+        "value": ".05em"
+      }
     }
   }
 }
diff --git a/packages/odyssey-react-mui/src/theme/components.tsx b/packages/odyssey-react-mui/src/theme/components.tsx
@@ -3116,7 +3116,10 @@ export const components = ({
           },
         },
         overline: {
-          letterSpacing: 0.5,
+          fontSize: odysseyTokens.TypographySizeOverline,
+          fontWeight: odysseyTokens.TypographyWeightBodyBold,
+          lineHeight: odysseyTokens.TypographyLineHeightOverline,
+          letterSpacing: odysseyTokens.TypographyLetterSpacingOverline,
           textTransform: "none",
 
           ":is(:lang(en-*), :lang(en))": {