refactor: fixed tokens and input component

antstackio · Oct 18, 2023 · 6a25728 · 6a25728
1 parent 479aa41
commit 6a25728
Show file tree

Hide file tree

Showing 8 changed files with 6 additions and 81 deletions.
diff --git a/packages/react/src/components/Input/Input.tsx b/packages/react/src/components/Input/Input.tsx
@@ -7,11 +7,11 @@ import {
   inputWrapperClass,
   iconWrapper,
   leftIconWrapper,
-  rightIconWrapper
+  rightIconWrapper,
+  lightColors
 } from "@hover-design/core";
 import { Flex } from "../Flex";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { lightColors } from "../../styles/tokens";
 
 const Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (
   {
@@ -50,7 +50,7 @@ const Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (
           }),
           ...style
         }}
-        className={`${inputClass} ${inputThemeClass} ${className || ""}`}
+        className={`${inputClass} ${inputThemeClass} ${className ?? ""}`}
         {...props}
       />
       {Icon && iconPosition === "right" && (

diff --git a/packages/react/src/components/Input/input.types.ts b/packages/react/src/components/Input/input.types.ts
@@ -7,15 +7,3 @@ export interface InputProps
   iconPosition?: "left" | "right";
   Icon?: React.ReactNode;
 }
-export type IInputTheme = [
-  string,
-  {
-    borderColor: string;
-    padding: {
-      top: string;
-      right: string;
-      bottom: string;
-      left: string;
-    };
-  }
-];
diff --git a/packages/react/src/styles/tokens/breakpoints.ts b/packages/react/src/styles/tokens/breakpoints.ts
diff --git a/packages/react/src/styles/tokens/colors.ts b/packages/react/src/styles/tokens/colors.ts
diff --git a/packages/react/src/styles/tokens/index.ts b/packages/react/src/styles/tokens/index.ts
diff --git a/packages/react/src/styles/tokens/typography.ts b/packages/react/src/styles/tokens/typography.ts
diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json
@@ -19,5 +19,5 @@
     "noEmit": false,
     "jsx": "react-jsx"
   },
-  "include": ["./src"]
+  "include": ["./src", "../core/src/styles/tokens"]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml