cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests Activity

🔧 chore: restructure tailwind classnames

Browse Source
This commit is contained in:
Andre H 2024-02-21 17:08:33 +07:00
parent 807a4b1197
commit 195d957251
1 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/frontend/src/components/shared/Input/Input.theme.ts
View File

@ -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: {