arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-27 02:10:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(theme): clean Select & InputMenu

Browse Source
This commit is contained in:
Benjamin Canac
2024-09-17 11:25:35 +02:00
parent 2346f52cbf
commit ff8eefdce7
2 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/theme/input-menu.ts
View File

@@ -5,6 +5,8 @@ import input from './input'
export default (options: Required<ModuleOptions>) => { export default (options: Required<ModuleOptions>) => {
return defuFn({ return defuFn({
slots: { slots: {
base: () => ['rounded-md', options.theme?.transitions && 'transition-colors'],
trailing: 'absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75',
arrow: 'fill-gray-200 dark:fill-gray-800', arrow: 'fill-gray-200 dark:fill-gray-800',
content: 'max-h-60 w-[--radix-popper-anchor-width] bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]', content: 'max-h-60 w-[--radix-popper-anchor-width] bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',
viewport: 'divide-y divide-gray-200 dark:divide-gray-800 scroll-py-1', viewport: 'divide-y divide-gray-200 dark:divide-gray-800 scroll-py-1',
@@ -26,11 +28,6 @@ export default (options: Required<ModuleOptions>) => {
tagsItemDelete: ['inline-flex items-center rounded-sm text-gray-400 dark:text-gray-500 hover:text-gray-700 hover:bg-gray-200 dark:hover:text-gray-200 dark:hover:bg-gray-700/50 disabled:pointer-events-none', options.theme?.transitions && 'transition-colors'], tagsItemDelete: ['inline-flex items-center rounded-sm text-gray-400 dark:text-gray-500 hover:text-gray-700 hover:bg-gray-200 dark:hover:text-gray-200 dark:hover:bg-gray-700/50 disabled:pointer-events-none', options.theme?.transitions && 'transition-colors'],
tagsItemDeleteIcon: '', tagsItemDeleteIcon: '',
tagsInput: 'border-0 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75' tagsInput: 'border-0 placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75'
}
}, {
slots: {
base: () => ['rounded-md', options.theme?.transitions && 'transition-colors'],
trailing: 'absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75'
}, },
variants: { variants: {
multiple: { multiple: {

12
src/theme/select.ts
View File

@@ -6,6 +6,9 @@ import { buttonGroupVariant } from './button-group'
export default (options: Required<ModuleOptions>) => { export default (options: Required<ModuleOptions>) => {
return defuFn({ return defuFn({
slots: { slots: {
root: () => undefined,
base: () => ['relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.theme?.transitions && 'transition-colors'],
value: 'truncate group-data-placeholder:text-current/50',
arrow: 'fill-gray-200 dark:fill-gray-800', arrow: 'fill-gray-200 dark:fill-gray-800',
content: 'max-h-60 w-[--radix-popper-anchor-width] bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]', content: 'max-h-60 w-[--radix-popper-anchor-width] bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]',
viewport: 'divide-y divide-gray-200 dark:divide-gray-800 scroll-py-1', viewport: 'divide-y divide-gray-200 dark:divide-gray-800 scroll-py-1',
@@ -24,6 +27,7 @@ export default (options: Required<ModuleOptions>) => {
itemLabel: 'truncate' itemLabel: 'truncate'
}, },
variants: { variants: {
...buttonGroupVariant,
size: { size: {
xs: { xs: {
label: 'p-1 text-[10px]/3 gap-1', label: 'p-1 text-[10px]/3 gap-1',
@@ -72,13 +76,5 @@ export default (options: Required<ModuleOptions>) => {
} }
} }
} }
}, {
slots: {
base: () => ['relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.theme?.transitions && 'transition-colors'],
value: 'truncate group-data-placeholder:text-current/50'
},
variants: {
...buttonGroupVariant
}
}, input(options)) }, input(options))
} }