feat: search

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

@@ -14,7 +14,7 @@
     border-radius: var(--max-size);
 
     background-color: var(--gray-1);
-    box-shadow: var(--shadow-interactive), var(--shadow-cavity);
+    outline: var(--outline-interactive);
 
     input {
       padding: var(--space-3) var(--space-4);

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

@@ -8,7 +8,7 @@ import {
   type ReactNode,
 } from "react";
 import { classNames } from "../../core/ui/classNames";
-import "./index.css";
+import styles from "./index.module.css";
 
 export interface TextFieldProps extends ComponentProps<"input"> {
   children?: ReactNode;
@@ -51,7 +51,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
     return (
       <div
         {...props}
-        className={classNames("text-field", className)}
+        className={classNames(styles["text-field"], className)}
         data-has-icon={children !== undefined}
         data-disabled={disabled}
         data-variant={variant}