184 lines
3.4 KiB
TypeScript
184 lines
3.4 KiB
TypeScript
export const renewUi = {
|
|
colors: {
|
|
primary: 'ink',
|
|
secondary: 'sand',
|
|
success: 'moss',
|
|
info: 'slate',
|
|
warning: 'ochre',
|
|
error: 'brick',
|
|
neutral: 'chalk'
|
|
},
|
|
icons: {
|
|
loading: 'i-lucide-loader-circle',
|
|
close: 'i-lucide-x',
|
|
check: 'i-lucide-check',
|
|
search: 'i-lucide-search',
|
|
chevronDown: 'i-lucide-chevron-down',
|
|
chevronRight: 'i-lucide-chevron-right',
|
|
arrowLeft: 'i-lucide-arrow-left',
|
|
copy: 'i-lucide-copy',
|
|
copyCheck: 'i-lucide-check',
|
|
dark: 'i-lucide-moon',
|
|
light: 'i-lucide-sun',
|
|
system: 'i-lucide-monitor',
|
|
success: 'i-lucide-circle-check',
|
|
info: 'i-lucide-info',
|
|
warning: 'i-lucide-triangle-alert',
|
|
error: 'i-lucide-circle-x',
|
|
menu: 'i-lucide-menu',
|
|
panelClose: 'i-lucide-panel-left-close',
|
|
panelOpen: 'i-lucide-panel-left-open',
|
|
ellipsis: 'i-lucide-ellipsis',
|
|
upload: 'i-lucide-upload',
|
|
eye: 'i-lucide-eye',
|
|
eyeOff: 'i-lucide-eye-off'
|
|
},
|
|
button: {
|
|
slots: {
|
|
base: 'rounded-none font-medium transition-colors duration-(--duration-fast) ease-(--ease-standard)'
|
|
},
|
|
defaultVariants: {
|
|
size: 'md'
|
|
}
|
|
},
|
|
input: {
|
|
slots: {
|
|
base: 'rounded-none ring-(--ui-border-accented) placeholder:text-muted'
|
|
},
|
|
variants: {
|
|
size: {
|
|
md: {
|
|
base: 'text-base md:text-sm'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
textarea: {
|
|
slots: {
|
|
base: 'rounded-none ring-(--ui-border-accented) placeholder:text-muted text-base md:text-sm'
|
|
}
|
|
},
|
|
select: {
|
|
slots: {
|
|
base: 'rounded-none ring-(--ui-border-accented)',
|
|
content: 'rounded-none shadow-(--shadow-popover)'
|
|
}
|
|
},
|
|
checkbox: {
|
|
slots: {
|
|
base: 'rounded-none ring-(--ui-border-accented)'
|
|
}
|
|
},
|
|
switch: {
|
|
slots: {
|
|
base: 'rounded-none',
|
|
thumb: 'rounded-none'
|
|
}
|
|
},
|
|
avatar: {
|
|
slots: {
|
|
root: 'rounded-none bg-(--ui-color-secondary-300)',
|
|
fallback: 'text-(--ui-color-primary-900) font-semibold'
|
|
}
|
|
},
|
|
chip: {
|
|
slots: {
|
|
base: 'rounded-none'
|
|
}
|
|
},
|
|
progress: {
|
|
slots: {
|
|
base: 'rounded-none',
|
|
indicator: 'rounded-none'
|
|
}
|
|
},
|
|
badge: {
|
|
slots: {
|
|
base: 'rounded-none font-medium'
|
|
}
|
|
},
|
|
kbd: {
|
|
base: 'rounded-none font-mono'
|
|
},
|
|
tabs: {
|
|
slots: {
|
|
list: 'rounded-none',
|
|
trigger: 'rounded-none',
|
|
indicator: 'rounded-none'
|
|
}
|
|
},
|
|
dropdownMenu: {
|
|
slots: {
|
|
content: 'rounded-none shadow-(--shadow-popover)',
|
|
item: 'rounded-none'
|
|
}
|
|
},
|
|
tooltip: {
|
|
slots: {
|
|
content: 'rounded-none bg-inverted text-inverted ring-0'
|
|
}
|
|
},
|
|
modal: {
|
|
slots: {
|
|
content: 'rounded-none shadow-(--shadow-modal) divide-default',
|
|
overlay: 'bg-(--ui-color-neutral-950)/40'
|
|
}
|
|
},
|
|
slideover: {
|
|
slots: {
|
|
content: 'rounded-none shadow-(--shadow-modal)',
|
|
overlay: 'bg-(--ui-color-neutral-950)/40'
|
|
}
|
|
},
|
|
toast: {
|
|
slots: {
|
|
root: 'rounded-none shadow-(--shadow-popover)',
|
|
progress: 'rounded-none'
|
|
}
|
|
},
|
|
toaster: {
|
|
slots: {
|
|
viewport: 'z-(--z-toast)'
|
|
}
|
|
},
|
|
alert: {
|
|
slots: {
|
|
root: 'rounded-none'
|
|
}
|
|
},
|
|
card: {
|
|
slots: {
|
|
root: 'rounded-none'
|
|
}
|
|
},
|
|
table: {
|
|
slots: {
|
|
thead: 'bg-elevated',
|
|
th: 'text-muted font-medium py-2',
|
|
td: 'py-3',
|
|
tr: 'data-[selectable=true]:hover:bg-elevated'
|
|
}
|
|
},
|
|
navigationMenu: {
|
|
compoundVariants: [
|
|
{
|
|
orientation: 'vertical',
|
|
active: true,
|
|
class: {
|
|
link: 'bg-(--ui-color-secondary-200) text-(--ui-color-primary-900) dark:bg-(--ui-color-secondary-300) before:hidden'
|
|
}
|
|
}
|
|
]
|
|
},
|
|
dashboardSidebar: {
|
|
slots: {
|
|
root: 'bg-default'
|
|
}
|
|
},
|
|
dashboardPanel: {
|
|
slots: {
|
|
body: 'bg-muted'
|
|
}
|
|
}
|
|
}
|