feat: zooweemama

packages/website-ue/src/components/TextField/index.css

@@ -11,7 +11,7 @@
   box-shadow: var(--shadow-interactive), var(--shadow-cavity);
   cursor: text;
 
-  font-size: var(--font-size-regular);
+  font: inherit;
   color: var(--gray-11);
 
   &[data-has-icon="true"] {
@@ -51,8 +51,7 @@
     border: none;
     cursor: inherit;
 
-    font-size: inherit;
-    font-weight: medium;
+    font: inherit;
     padding: var(--space-3) var(--space-4);
 
     color: var(--gray-12);
@@ -71,9 +70,5 @@
     &[data-align="right"] {
       text-align: right;
     }
-
-    &[data-monospace="true"] {
-      font-family: var(--font-family-mono);
-    }
   }
 }

packages/website-ue/src/components/TextField/index.tsx

@@ -13,7 +13,6 @@ import "./index.css";
 export interface TextFieldProps extends ComponentProps<"input"> {
   children?: ReactNode;
   align?: "left" | "center" | "right";
-  monospace?: boolean;
   autoWidth?: boolean;
 }
 
@@ -22,7 +21,6 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
     {
       children,
       className,
-      monospace,
       autoWidth,
       placeholder,
       align,
@@ -58,7 +56,6 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
         {children}
         <input
           data-align={align === "left" ? undefined : align}
-          data-monospace={monospace}
           disabled={disabled}
           ref={input}
           onChange={handleChange}