fix styles for Input of type file & color

marigold-ui · Aug 1, 2023 · 87548e1 · 87548e1
1 parent 564a458
commit 87548e1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/components/src/Input/Input.tsx b/packages/components/src/Input/Input.tsx
@@ -78,6 +78,8 @@ export const Input = forwardRef<HTMLInputElement, InputOwnProps>(
           className={cn(
             'flex-1',
             'disabled:cursor-not-allowed',
+            '[&[type=file]]:border-none [&[type=file]]:p-0',
+            '[&[type=color]]:ml-0 [&[type=color]]:border-none [&[type=color]]:bg-transparent [&[type=color]]:p-0',
             classNames.input,
             className
           )}

diff --git a/themes/theme-core/src/components/Input.styles.ts b/themes/theme-core/src/components/Input.styles.ts
@@ -9,6 +9,7 @@ export const Input: ThemeComponent<'Input'> = {
     inputBox,
     inputHeight,
     inputSpacing,
+    '[&[type=file]]:leading-[16px]',
     'leading-[22px]',
     'focus:outline-outline-focus -outline-offset-1 focus:outline focus:outline-2',
     'disabled:bg-bg-disabled disabled:border-border-disabled disabled:text-text-disabled',