feat: scales

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

@@ -1,4 +1,4 @@
-input {
+.text-field {
   min-width: 0;
   max-width: var(--space-9);
 
@@ -12,4 +12,8 @@ input {
 
   font-weight: var(--weight-medium);
   font-size: var(--font-size-regular);
+
+  &[data-has-icon="true"] {
+    padding-left: var(--space-3);
+  }
 }

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

@@ -2,5 +2,5 @@ import type { ComponentProps } from "react";
 import "./index.css";
 
 export function TextField(props: ComponentProps<"input">) {
-  return <input {...props} />;
+  return <input className="text-field" {...props} />;
 }