feat: add monospace font to Text (#112)

hyperweb-io · Oct 25, 2023 · 01702eb · 01702eb
1 parent 800147b
commit 01702eb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/styles/rainbow-sprinkles.css.ts b/src/styles/rainbow-sprinkles.css.ts
@@ -56,7 +56,7 @@ const responsiveProperties = defineProperties({
     maxWidth: true,
     maxHeight: true,
     borderRadius: themeVars.radii,
-    fontFamily: themeVars.font,
+    fontFamily: true,
     fontSize: themeVars.fontSize,
     lineHeight: themeVars.lineHeight,
     textAlign: true,
@@ -110,6 +110,7 @@ const responsiveProperties = defineProperties({
     minHeight: allSpace,
     maxWidth: allSpace,
     maxHeight: allSpace,
+    fontFamily: themeVars.font,
   },
   shorthands: {
     p: ["padding"],

diff --git a/src/ui/text/text.lite.tsx b/src/ui/text/text.lite.tsx
@@ -26,6 +26,7 @@ export default function Text(props: TextProps) {
       })}
       className={props.className}
       color={props.color}
+      fontFamily={props.fontFamily}
       fontSize={props.fontSize}
       fontWeight={props.fontWeight}
       letterSpacing={props.letterSpacing}

diff --git a/src/ui/text/text.types.tsx b/src/ui/text/text.types.tsx
@@ -16,6 +16,7 @@ export interface TextProps extends BaseComponentProps {
     | "p"
     | "span";
   color?: Sprinkles["color"];
+  fontFamily?: Sprinkles["fontFamily"];
   fontSize?: Sprinkles["fontSize"];
   fontWeight?: Sprinkles["fontWeight"];
   letterSpacing?: Sprinkles["letterSpacing"];