diff --git a/packages/frontend/src/components/shared/Input/Input.theme.ts b/packages/frontend/src/components/shared/Input/Input.theme.ts index e0ea2c5f..65dbdfb6 100644 --- a/packages/frontend/src/components/shared/Input/Input.theme.ts +++ b/packages/frontend/src/components/shared/Input/Input.theme.ts @@ -4,26 +4,40 @@ export const inputTheme = tv( { slots: { container: [ - 'flex items-center rounded-lg relative', + 'flex', + 'items-center', + 'rounded-lg', + 'relative', 'placeholder:text-elements-disabled', - 'disabled:cursor-not-allowed disabled:bg-controls-disabled', + 'disabled:cursor-not-allowed', + 'disabled:bg-controls-disabled', ], label: ['text-sm', 'text-elements-high-em'], description: ['text-xs', 'text-elements-low-em'], input: [ 'focus-ring', - 'block w-full h-full rounded-lg text-elements-mid-em', + 'block', + 'w-full', + 'h-full', + 'rounded-lg', + 'text-elements-mid-em', 'shadow-sm', - 'border border-border-interactive', + 'border', + 'border-border-interactive', 'disabled:shadow-none', 'disabled:border-none', ], icon: ['text-elements-mid-em'], iconContainer: [ - 'absolute inset-y-0 flex items-center z-10 cursor-pointer', + 'absolute', + 'inset-y-0', + 'flex', + 'items-center', + 'z-10', + 'cursor-pointer', ], helperIcon: [], - helperText: ['flex gap-2 items-center text-elements-danger'], + helperText: ['flex', 'gap-2', 'items-center', 'text-elements-danger'], }, variants: { state: { @@ -32,10 +46,12 @@ export const inputTheme = tv( }, error: { input: [ - 'outline outline-offset-0 outline-border-danger', + 'outline', + 'outline-offset-0', + 'outline-border-danger', 'shadow-none', ], - helperText: ['text-elements-danger'], + helperText: 'text-elements-danger', }, }, size: {