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

fix(Radio/Checkbox): split preset as indeterminate is checkbox only

Browse Source
This commit is contained in:
Benjamin Canac
2023-06-12 14:24:35 +02:00
parent fe833eb2b2
commit 429791dab0
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/runtime/app.config.ts
View File

@@ -474,15 +474,19 @@ const selectMenu = {
const radio = { const radio = {
wrapper: 'relative flex items-start', wrapper: 'relative flex items-start',
base: 'h-4 w-4 text-primary-500 dark:text-primary-400 focus-visible:ring-2 focus-visible:ring-offset-2 bg-white dark:bg-gray-900 dark:checked:bg-current dark:checked:border-transparent dark:indeterminate:bg-current dark:indeterminate:border-transparent focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900 border-gray-300 dark:border-gray-700 disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent', base: 'h-4 w-4 text-primary-500 dark:text-primary-400 focus-visible:ring-2 focus-visible:ring-offset-2 bg-white dark:bg-gray-900 dark:checked:bg-current dark:checked:border-transparent focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900 border-gray-300 dark:border-gray-700 disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent',
label: 'font-medium text-gray-700 dark:text-gray-200', label: 'font-medium text-gray-700 dark:text-gray-200',
required: 'text-red-500 dark:text-red-400', required: 'text-red-500 dark:text-red-400',
help: 'text-gray-500 dark:text-gray-400' help: 'text-gray-500 dark:text-gray-400'
} }
const checkbox = { const checkbox = {
...radio, wrapper: 'relative flex items-start',
base: radio.base + ' rounded' base: 'h-4 w-4 text-primary-500 dark:text-primary-400 focus-visible:ring-2 focus-visible:ring-offset-2 bg-white dark:bg-gray-900 dark:checked:bg-current dark:checked:border-transparent dark:indeterminate:bg-current dark:indeterminate:border-transparent focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900 border-gray-300 dark:border-gray-700 disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent',
rounded: 'rounded',
label: 'font-medium text-gray-700 dark:text-gray-200',
required: 'text-red-500 dark:text-red-400',
help: 'text-gray-500 dark:text-gray-400'
} }
const toggle = { const toggle = {

2
src/runtime/components/forms/Checkbox.vue
View File

@@ -12,7 +12,7 @@
:indeterminate="indeterminate" :indeterminate="indeterminate"
type="checkbox" type="checkbox"
class="form-checkbox" class="form-checkbox"
:class="[ui.base, ui.custom]" :class="[ui.base, ui.rounded, ui.custom]"
@focus="$emit('focus', $event)" @focus="$emit('focus', $event)"
@blur="$emit('blur', $event)" @blur="$emit('blur', $event)"
> >