@nuxt/ui 3.0.0-alpha.11 → 3.0.0-alpha.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.nuxt/ui/accordion.ts +2 -2
- package/.nuxt/ui/alert.ts +47 -37
- package/.nuxt/ui/avatar-group.ts +1 -1
- package/.nuxt/ui/avatar.ts +4 -4
- package/.nuxt/ui/badge.ts +37 -28
- package/.nuxt/ui/breadcrumb.ts +5 -5
- package/.nuxt/ui/button.ts +42 -43
- package/.nuxt/ui/calendar.ts +15 -15
- package/.nuxt/ui/card.ts +27 -1
- package/.nuxt/ui/carousel.ts +2 -2
- package/.nuxt/ui/checkbox.ts +18 -18
- package/.nuxt/ui/chip.ts +8 -8
- package/.nuxt/ui/color-picker.ts +2 -2
- package/.nuxt/ui/command-palette.ts +12 -12
- package/.nuxt/ui/container.ts +1 -1
- package/.nuxt/ui/context-menu.ts +32 -32
- package/.nuxt/ui/drawer.ts +72 -11
- package/.nuxt/ui/dropdown-menu.ts +33 -33
- package/.nuxt/ui/form-field.ts +6 -6
- package/.nuxt/ui/input-menu.ts +41 -41
- package/.nuxt/ui/input-number.ts +20 -20
- package/.nuxt/ui/input.ts +23 -23
- package/.nuxt/ui/kbd.ts +4 -4
- package/.nuxt/ui/link.ts +3 -3
- package/.nuxt/ui/modal.ts +5 -5
- package/.nuxt/ui/navigation-menu.ts +144 -77
- package/.nuxt/ui/pin-input.ts +20 -20
- package/.nuxt/ui/popover.ts +2 -2
- package/.nuxt/ui/progress.ts +17 -17
- package/.nuxt/ui/radio-group.ts +20 -20
- package/.nuxt/ui/select-menu.ts +33 -32
- package/.nuxt/ui/select.ts +31 -31
- package/.nuxt/ui/separator.ts +8 -8
- package/.nuxt/ui/skeleton.ts +1 -1
- package/.nuxt/ui/slideover.ts +4 -4
- package/.nuxt/ui/slider.ts +16 -16
- package/.nuxt/ui/stepper.ts +18 -18
- package/.nuxt/ui/switch.ts +20 -20
- package/.nuxt/ui/table.ts +16 -16
- package/.nuxt/ui/tabs.ts +33 -33
- package/.nuxt/ui/textarea.ts +23 -23
- package/.nuxt/ui/toast.ts +42 -32
- package/.nuxt/ui/toaster.ts +4 -4
- package/.nuxt/ui/tooltip.ts +2 -2
- package/.nuxt/ui.css +90 -0
- package/README.md +2 -2
- package/cli/package.json +2 -2
- package/cli/templates.mjs +7 -7
- package/dist/chunks/component-meta.cjs +2590 -2511
- package/dist/chunks/component-meta.mjs +2590 -2511
- package/dist/client/devtools/200.html +1 -1
- package/dist/client/devtools/404.html +1 -1
- package/dist/client/devtools/_nuxt/CG6Dc4jp.js +1 -0
- package/dist/client/devtools/_nuxt/{Dtz-o9GB.js → DrNJgD08.js} +1 -1
- package/dist/client/devtools/_nuxt/{DNZFyo26.js → ElqrUh1r.js} +1 -1
- package/dist/client/devtools/_nuxt/builds/latest.json +1 -1
- package/dist/client/devtools/_nuxt/builds/meta/255c8d0b-7281-4d74-b4b6-ec96e6721aa0.json +1 -0
- package/dist/client/devtools/_nuxt/entry.Hn8drx4g.css +1 -0
- package/dist/client/devtools/_nuxt/error-404.Dew7w9Ee.css +1 -0
- package/dist/client/devtools/_nuxt/error-500.Dep59i31.css +1 -0
- package/dist/client/devtools/_nuxt/mC2e7kOs.js +57 -0
- package/dist/client/devtools/index.html +1 -1
- package/dist/devtools/runtime/examples/CardExample.vue +3 -3
- package/dist/devtools/runtime/examples/CollapsibleExample.vue +1 -1
- package/dist/devtools/runtime/examples/ContainerExample.vue +1 -1
- package/dist/devtools/runtime/examples/ContextMenuExample.vue +1 -1
- package/dist/devtools/runtime/examples/PopoverExample.vue +1 -1
- package/dist/devtools/runtime/examples/TooltipExample.vue +1 -1
- package/dist/module.cjs +2 -1
- package/dist/module.json +1 -1
- package/dist/module.mjs +2 -1
- package/dist/runtime/components/Accordion.vue +2 -2
- package/dist/runtime/components/Alert.vue +15 -12
- package/dist/runtime/components/App.vue +3 -3
- package/dist/runtime/components/Avatar.vue +31 -10
- package/dist/runtime/components/AvatarGroup.vue +2 -2
- package/dist/runtime/components/Badge.vue +7 -3
- package/dist/runtime/components/Breadcrumb.vue +2 -2
- package/dist/runtime/components/Button.vue +2 -2
- package/dist/runtime/components/ButtonGroup.vue +2 -2
- package/dist/runtime/components/Calendar.vue +6 -3
- package/dist/runtime/components/Card.vue +8 -4
- package/dist/runtime/components/Carousel.vue +2 -2
- package/dist/runtime/components/Checkbox.vue +4 -4
- package/dist/runtime/components/Chip.vue +2 -2
- package/dist/runtime/components/Collapsible.vue +2 -2
- package/dist/runtime/components/ColorPicker.vue +46 -15
- package/dist/runtime/components/CommandPalette.vue +48 -41
- package/dist/runtime/components/Container.vue +2 -2
- package/dist/runtime/components/ContextMenu.vue +10 -2
- package/dist/runtime/components/ContextMenuContent.vue +4 -2
- package/dist/runtime/components/Drawer.vue +9 -3
- package/dist/runtime/components/DropdownMenu.vue +10 -2
- package/dist/runtime/components/DropdownMenuContent.vue +4 -2
- package/dist/runtime/components/Form.vue +46 -17
- package/dist/runtime/components/FormField.vue +12 -6
- package/dist/runtime/components/Input.vue +5 -4
- package/dist/runtime/components/InputMenu.vue +6 -5
- package/dist/runtime/components/InputNumber.vue +10 -6
- package/dist/runtime/components/Kbd.vue +2 -2
- package/dist/runtime/components/Link.vue +2 -2
- package/dist/runtime/components/Modal.vue +17 -3
- package/dist/runtime/components/NavigationMenu.vue +110 -67
- package/dist/runtime/components/Pagination.vue +2 -2
- package/dist/runtime/components/PinInput.vue +5 -4
- package/dist/runtime/components/Popover.vue +2 -2
- package/dist/runtime/components/Progress.vue +2 -2
- package/dist/runtime/components/RadioGroup.vue +4 -4
- package/dist/runtime/components/Select.vue +9 -7
- package/dist/runtime/components/SelectMenu.vue +67 -64
- package/dist/runtime/components/Separator.vue +2 -2
- package/dist/runtime/components/Skeleton.vue +2 -2
- package/dist/runtime/components/Slideover.vue +17 -3
- package/dist/runtime/components/Slider.vue +4 -4
- package/dist/runtime/components/Stepper.vue +3 -3
- package/dist/runtime/components/Switch.vue +4 -4
- package/dist/runtime/components/Table.vue +96 -18
- package/dist/runtime/components/Tabs.vue +2 -2
- package/dist/runtime/components/Textarea.vue +7 -5
- package/dist/runtime/components/Toast.vue +28 -16
- package/dist/runtime/components/Toaster.vue +4 -4
- package/dist/runtime/components/Tooltip.vue +2 -2
- package/dist/runtime/composables/useFormField.d.ts +6 -2
- package/dist/runtime/composables/useFormField.js +18 -11
- package/dist/runtime/composables/useToast.d.ts +4 -3
- package/dist/runtime/composables/useToast.js +20 -6
- package/dist/runtime/index.css +1 -1
- package/dist/runtime/locale/az.js +54 -0
- package/dist/runtime/locale/bn.js +54 -0
- package/dist/runtime/locale/es.js +2 -2
- package/dist/runtime/locale/he.d.ts +2 -0
- package/dist/runtime/locale/he.js +53 -0
- package/dist/runtime/locale/hi.d.ts +2 -0
- package/dist/runtime/locale/hi.js +54 -0
- package/dist/runtime/locale/hu.d.ts +2 -0
- package/dist/runtime/locale/hu.js +54 -0
- package/dist/runtime/locale/index.d.ts +8 -2
- package/dist/runtime/locale/index.js +8 -2
- package/dist/runtime/locale/km.d.ts +2 -0
- package/dist/runtime/locale/km.js +54 -0
- package/dist/runtime/locale/nb_no.d.ts +2 -0
- package/dist/runtime/locale/nb_no.js +54 -0
- package/dist/runtime/locale/zh_cn.d.ts +2 -0
- package/dist/runtime/locale/{zh_hans.js → zh_cn.js} +1 -1
- package/dist/runtime/locale/zh_tw.d.ts +2 -0
- package/dist/runtime/locale/{zh_hant.js → zh_tw.js} +1 -1
- package/dist/runtime/plugins/colors.js +8 -5
- package/dist/runtime/types/form.d.ts +21 -12
- package/dist/runtime/types/index.d.ts +1 -0
- package/dist/runtime/types/index.js +1 -0
- package/dist/runtime/types/utils.d.ts +5 -0
- package/dist/runtime/utils/form.js +3 -5
- package/dist/runtime/utils/tv.js +2 -2
- package/dist/runtime/vue/components/Link.vue +77 -18
- package/dist/shared/{ui.DCjJwb6l.cjs → ui.C5FzRWM5.cjs} +529 -366
- package/dist/shared/{ui.BKsd22-Q.mjs → ui.DCZM2pl8.mjs} +525 -366
- package/dist/unplugin.cjs +44 -20
- package/dist/unplugin.d.cts +10 -0
- package/dist/unplugin.d.mts +10 -0
- package/dist/unplugin.d.ts +10 -0
- package/dist/unplugin.mjs +43 -19
- package/dist/vite.cjs +3 -2
- package/dist/vite.d.cts +2 -0
- package/dist/vite.d.mts +2 -0
- package/dist/vite.d.ts +2 -0
- package/dist/vite.mjs +3 -2
- package/package.json +67 -41
- package/dist/client/devtools/_nuxt/CQ-XZFu7.js +0 -54
- package/dist/client/devtools/_nuxt/builds/meta/1f5fbd7b-9d97-480e-9ae4-e02b4ff7018b.json +0 -1
- package/dist/client/devtools/_nuxt/entry.qOdop8tq.css +0 -1
- package/dist/client/devtools/_nuxt/error-404.D-rS9BDk.css +0 -1
- package/dist/client/devtools/_nuxt/error-500.CfcCHs91.css +0 -1
- /package/dist/runtime/locale/{zh_hans.d.ts → az.d.ts} +0 -0
- /package/dist/runtime/locale/{zh_hant.d.ts → bn.d.ts} +0 -0
package/.nuxt/ui/button.ts
CHANGED
|
@@ -99,7 +99,6 @@ export default {
|
|
|
99
99
|
"block": {
|
|
100
100
|
"true": {
|
|
101
101
|
"base": "w-full justify-center",
|
|
102
|
-
"leadingAvatarSize": "xs",
|
|
103
102
|
"trailingIcon": "ms-auto"
|
|
104
103
|
}
|
|
105
104
|
},
|
|
@@ -120,212 +119,212 @@ export default {
|
|
|
120
119
|
{
|
|
121
120
|
"color": "primary" as typeof color[number],
|
|
122
121
|
"variant": "solid" as typeof variant[number],
|
|
123
|
-
"class": "text-
|
|
122
|
+
"class": "text-(--ui-bg) bg-(--ui-primary) hover:bg-(--ui-primary)/75 disabled:bg-(--ui-primary) aria-disabled:bg-(--ui-primary) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-primary)"
|
|
124
123
|
},
|
|
125
124
|
{
|
|
126
125
|
"color": "secondary" as typeof color[number],
|
|
127
126
|
"variant": "solid" as typeof variant[number],
|
|
128
|
-
"class": "text-
|
|
127
|
+
"class": "text-(--ui-bg) bg-(--ui-secondary) hover:bg-(--ui-secondary)/75 disabled:bg-(--ui-secondary) aria-disabled:bg-(--ui-secondary) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-secondary)"
|
|
129
128
|
},
|
|
130
129
|
{
|
|
131
130
|
"color": "success" as typeof color[number],
|
|
132
131
|
"variant": "solid" as typeof variant[number],
|
|
133
|
-
"class": "text-
|
|
132
|
+
"class": "text-(--ui-bg) bg-(--ui-success) hover:bg-(--ui-success)/75 disabled:bg-(--ui-success) aria-disabled:bg-(--ui-success) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-success)"
|
|
134
133
|
},
|
|
135
134
|
{
|
|
136
135
|
"color": "info" as typeof color[number],
|
|
137
136
|
"variant": "solid" as typeof variant[number],
|
|
138
|
-
"class": "text-
|
|
137
|
+
"class": "text-(--ui-bg) bg-(--ui-info) hover:bg-(--ui-info)/75 disabled:bg-(--ui-info) aria-disabled:bg-(--ui-info) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-info)"
|
|
139
138
|
},
|
|
140
139
|
{
|
|
141
140
|
"color": "warning" as typeof color[number],
|
|
142
141
|
"variant": "solid" as typeof variant[number],
|
|
143
|
-
"class": "text-
|
|
142
|
+
"class": "text-(--ui-bg) bg-(--ui-warning) hover:bg-(--ui-warning)/75 disabled:bg-(--ui-warning) aria-disabled:bg-(--ui-warning) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-warning)"
|
|
144
143
|
},
|
|
145
144
|
{
|
|
146
145
|
"color": "error" as typeof color[number],
|
|
147
146
|
"variant": "solid" as typeof variant[number],
|
|
148
|
-
"class": "text-
|
|
147
|
+
"class": "text-(--ui-bg) bg-(--ui-error) hover:bg-(--ui-error)/75 disabled:bg-(--ui-error) aria-disabled:bg-(--ui-error) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-error)"
|
|
149
148
|
},
|
|
150
149
|
{
|
|
151
150
|
"color": "primary" as typeof color[number],
|
|
152
151
|
"variant": "outline" as typeof variant[number],
|
|
153
|
-
"class": "ring ring-inset ring-
|
|
152
|
+
"class": "ring ring-inset ring-(--ui-primary)/50 text-(--ui-primary) hover:bg-(--ui-primary)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-(--ui-primary)"
|
|
154
153
|
},
|
|
155
154
|
{
|
|
156
155
|
"color": "secondary" as typeof color[number],
|
|
157
156
|
"variant": "outline" as typeof variant[number],
|
|
158
|
-
"class": "ring ring-inset ring-
|
|
157
|
+
"class": "ring ring-inset ring-(--ui-secondary)/50 text-(--ui-secondary) hover:bg-(--ui-secondary)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-(--ui-secondary)"
|
|
159
158
|
},
|
|
160
159
|
{
|
|
161
160
|
"color": "success" as typeof color[number],
|
|
162
161
|
"variant": "outline" as typeof variant[number],
|
|
163
|
-
"class": "ring ring-inset ring-
|
|
162
|
+
"class": "ring ring-inset ring-(--ui-success)/50 text-(--ui-success) hover:bg-(--ui-success)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-(--ui-success)"
|
|
164
163
|
},
|
|
165
164
|
{
|
|
166
165
|
"color": "info" as typeof color[number],
|
|
167
166
|
"variant": "outline" as typeof variant[number],
|
|
168
|
-
"class": "ring ring-inset ring-
|
|
167
|
+
"class": "ring ring-inset ring-(--ui-info)/50 text-(--ui-info) hover:bg-(--ui-info)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-(--ui-info)"
|
|
169
168
|
},
|
|
170
169
|
{
|
|
171
170
|
"color": "warning" as typeof color[number],
|
|
172
171
|
"variant": "outline" as typeof variant[number],
|
|
173
|
-
"class": "ring ring-inset ring-
|
|
172
|
+
"class": "ring ring-inset ring-(--ui-warning)/50 text-(--ui-warning) hover:bg-(--ui-warning)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-(--ui-warning)"
|
|
174
173
|
},
|
|
175
174
|
{
|
|
176
175
|
"color": "error" as typeof color[number],
|
|
177
176
|
"variant": "outline" as typeof variant[number],
|
|
178
|
-
"class": "ring ring-inset ring-
|
|
177
|
+
"class": "ring ring-inset ring-(--ui-error)/50 text-(--ui-error) hover:bg-(--ui-error)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-(--ui-error)"
|
|
179
178
|
},
|
|
180
179
|
{
|
|
181
180
|
"color": "primary" as typeof color[number],
|
|
182
181
|
"variant": "soft" as typeof variant[number],
|
|
183
|
-
"class": "text-
|
|
182
|
+
"class": "text-(--ui-primary) bg-(--ui-primary)/10 hover:bg-(--ui-primary)/15 focus-visible:bg-(--ui-primary)/15 disabled:bg-(--ui-primary)/10 aria-disabled:bg-(--ui-primary)/10"
|
|
184
183
|
},
|
|
185
184
|
{
|
|
186
185
|
"color": "secondary" as typeof color[number],
|
|
187
186
|
"variant": "soft" as typeof variant[number],
|
|
188
|
-
"class": "text-
|
|
187
|
+
"class": "text-(--ui-secondary) bg-(--ui-secondary)/10 hover:bg-(--ui-secondary)/15 focus-visible:bg-(--ui-secondary)/15 disabled:bg-(--ui-secondary)/10 aria-disabled:bg-(--ui-secondary)/10"
|
|
189
188
|
},
|
|
190
189
|
{
|
|
191
190
|
"color": "success" as typeof color[number],
|
|
192
191
|
"variant": "soft" as typeof variant[number],
|
|
193
|
-
"class": "text-
|
|
192
|
+
"class": "text-(--ui-success) bg-(--ui-success)/10 hover:bg-(--ui-success)/15 focus-visible:bg-(--ui-success)/15 disabled:bg-(--ui-success)/10 aria-disabled:bg-(--ui-success)/10"
|
|
194
193
|
},
|
|
195
194
|
{
|
|
196
195
|
"color": "info" as typeof color[number],
|
|
197
196
|
"variant": "soft" as typeof variant[number],
|
|
198
|
-
"class": "text-
|
|
197
|
+
"class": "text-(--ui-info) bg-(--ui-info)/10 hover:bg-(--ui-info)/15 focus-visible:bg-(--ui-info)/15 disabled:bg-(--ui-info)/10 aria-disabled:bg-(--ui-info)/10"
|
|
199
198
|
},
|
|
200
199
|
{
|
|
201
200
|
"color": "warning" as typeof color[number],
|
|
202
201
|
"variant": "soft" as typeof variant[number],
|
|
203
|
-
"class": "text-
|
|
202
|
+
"class": "text-(--ui-warning) bg-(--ui-warning)/10 hover:bg-(--ui-warning)/15 focus-visible:bg-(--ui-warning)/15 disabled:bg-(--ui-warning)/10 aria-disabled:bg-(--ui-warning)/10"
|
|
204
203
|
},
|
|
205
204
|
{
|
|
206
205
|
"color": "error" as typeof color[number],
|
|
207
206
|
"variant": "soft" as typeof variant[number],
|
|
208
|
-
"class": "text-
|
|
207
|
+
"class": "text-(--ui-error) bg-(--ui-error)/10 hover:bg-(--ui-error)/15 focus-visible:bg-(--ui-error)/15 disabled:bg-(--ui-error)/10 aria-disabled:bg-(--ui-error)/10"
|
|
209
208
|
},
|
|
210
209
|
{
|
|
211
210
|
"color": "primary" as typeof color[number],
|
|
212
211
|
"variant": "subtle" as typeof variant[number],
|
|
213
|
-
"class": "text-
|
|
212
|
+
"class": "text-(--ui-primary) ring ring-inset ring-(--ui-primary)/25 bg-(--ui-primary)/10 hover:bg-(--ui-primary)/15 disabled:bg-(--ui-primary)/10 aria-disabled:bg-(--ui-primary)/10 focus-visible:ring-2 focus-visible:ring-(--ui-primary)"
|
|
214
213
|
},
|
|
215
214
|
{
|
|
216
215
|
"color": "secondary" as typeof color[number],
|
|
217
216
|
"variant": "subtle" as typeof variant[number],
|
|
218
|
-
"class": "text-
|
|
217
|
+
"class": "text-(--ui-secondary) ring ring-inset ring-(--ui-secondary)/25 bg-(--ui-secondary)/10 hover:bg-(--ui-secondary)/15 disabled:bg-(--ui-secondary)/10 aria-disabled:bg-(--ui-secondary)/10 focus-visible:ring-2 focus-visible:ring-(--ui-secondary)"
|
|
219
218
|
},
|
|
220
219
|
{
|
|
221
220
|
"color": "success" as typeof color[number],
|
|
222
221
|
"variant": "subtle" as typeof variant[number],
|
|
223
|
-
"class": "text-
|
|
222
|
+
"class": "text-(--ui-success) ring ring-inset ring-(--ui-success)/25 bg-(--ui-success)/10 hover:bg-(--ui-success)/15 disabled:bg-(--ui-success)/10 aria-disabled:bg-(--ui-success)/10 focus-visible:ring-2 focus-visible:ring-(--ui-success)"
|
|
224
223
|
},
|
|
225
224
|
{
|
|
226
225
|
"color": "info" as typeof color[number],
|
|
227
226
|
"variant": "subtle" as typeof variant[number],
|
|
228
|
-
"class": "text-
|
|
227
|
+
"class": "text-(--ui-info) ring ring-inset ring-(--ui-info)/25 bg-(--ui-info)/10 hover:bg-(--ui-info)/15 disabled:bg-(--ui-info)/10 aria-disabled:bg-(--ui-info)/10 focus-visible:ring-2 focus-visible:ring-(--ui-info)"
|
|
229
228
|
},
|
|
230
229
|
{
|
|
231
230
|
"color": "warning" as typeof color[number],
|
|
232
231
|
"variant": "subtle" as typeof variant[number],
|
|
233
|
-
"class": "text-
|
|
232
|
+
"class": "text-(--ui-warning) ring ring-inset ring-(--ui-warning)/25 bg-(--ui-warning)/10 hover:bg-(--ui-warning)/15 disabled:bg-(--ui-warning)/10 aria-disabled:bg-(--ui-warning)/10 focus-visible:ring-2 focus-visible:ring-(--ui-warning)"
|
|
234
233
|
},
|
|
235
234
|
{
|
|
236
235
|
"color": "error" as typeof color[number],
|
|
237
236
|
"variant": "subtle" as typeof variant[number],
|
|
238
|
-
"class": "text-
|
|
237
|
+
"class": "text-(--ui-error) ring ring-inset ring-(--ui-error)/25 bg-(--ui-error)/10 hover:bg-(--ui-error)/15 disabled:bg-(--ui-error)/10 aria-disabled:bg-(--ui-error)/10 focus-visible:ring-2 focus-visible:ring-(--ui-error)"
|
|
239
238
|
},
|
|
240
239
|
{
|
|
241
240
|
"color": "primary" as typeof color[number],
|
|
242
241
|
"variant": "ghost" as typeof variant[number],
|
|
243
|
-
"class": "text-
|
|
242
|
+
"class": "text-(--ui-primary) hover:bg-(--ui-primary)/10 focus-visible:bg-(--ui-primary)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
|
|
244
243
|
},
|
|
245
244
|
{
|
|
246
245
|
"color": "secondary" as typeof color[number],
|
|
247
246
|
"variant": "ghost" as typeof variant[number],
|
|
248
|
-
"class": "text-
|
|
247
|
+
"class": "text-(--ui-secondary) hover:bg-(--ui-secondary)/10 focus-visible:bg-(--ui-secondary)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
|
|
249
248
|
},
|
|
250
249
|
{
|
|
251
250
|
"color": "success" as typeof color[number],
|
|
252
251
|
"variant": "ghost" as typeof variant[number],
|
|
253
|
-
"class": "text-
|
|
252
|
+
"class": "text-(--ui-success) hover:bg-(--ui-success)/10 focus-visible:bg-(--ui-success)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
|
|
254
253
|
},
|
|
255
254
|
{
|
|
256
255
|
"color": "info" as typeof color[number],
|
|
257
256
|
"variant": "ghost" as typeof variant[number],
|
|
258
|
-
"class": "text-
|
|
257
|
+
"class": "text-(--ui-info) hover:bg-(--ui-info)/10 focus-visible:bg-(--ui-info)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
|
|
259
258
|
},
|
|
260
259
|
{
|
|
261
260
|
"color": "warning" as typeof color[number],
|
|
262
261
|
"variant": "ghost" as typeof variant[number],
|
|
263
|
-
"class": "text-
|
|
262
|
+
"class": "text-(--ui-warning) hover:bg-(--ui-warning)/10 focus-visible:bg-(--ui-warning)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
|
|
264
263
|
},
|
|
265
264
|
{
|
|
266
265
|
"color": "error" as typeof color[number],
|
|
267
266
|
"variant": "ghost" as typeof variant[number],
|
|
268
|
-
"class": "text-
|
|
267
|
+
"class": "text-(--ui-error) hover:bg-(--ui-error)/10 focus-visible:bg-(--ui-error)/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
|
|
269
268
|
},
|
|
270
269
|
{
|
|
271
270
|
"color": "primary" as typeof color[number],
|
|
272
271
|
"variant": "link" as typeof variant[number],
|
|
273
|
-
"class": "text-
|
|
272
|
+
"class": "text-(--ui-primary) hover:text-(--ui-primary)/75 disabled:text-(--ui-primary) aria-disabled:text-(--ui-primary) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)"
|
|
274
273
|
},
|
|
275
274
|
{
|
|
276
275
|
"color": "secondary" as typeof color[number],
|
|
277
276
|
"variant": "link" as typeof variant[number],
|
|
278
|
-
"class": "text-
|
|
277
|
+
"class": "text-(--ui-secondary) hover:text-(--ui-secondary)/75 disabled:text-(--ui-secondary) aria-disabled:text-(--ui-secondary) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-secondary)"
|
|
279
278
|
},
|
|
280
279
|
{
|
|
281
280
|
"color": "success" as typeof color[number],
|
|
282
281
|
"variant": "link" as typeof variant[number],
|
|
283
|
-
"class": "text-
|
|
282
|
+
"class": "text-(--ui-success) hover:text-(--ui-success)/75 disabled:text-(--ui-success) aria-disabled:text-(--ui-success) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-success)"
|
|
284
283
|
},
|
|
285
284
|
{
|
|
286
285
|
"color": "info" as typeof color[number],
|
|
287
286
|
"variant": "link" as typeof variant[number],
|
|
288
|
-
"class": "text-
|
|
287
|
+
"class": "text-(--ui-info) hover:text-(--ui-info)/75 disabled:text-(--ui-info) aria-disabled:text-(--ui-info) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-info)"
|
|
289
288
|
},
|
|
290
289
|
{
|
|
291
290
|
"color": "warning" as typeof color[number],
|
|
292
291
|
"variant": "link" as typeof variant[number],
|
|
293
|
-
"class": "text-
|
|
292
|
+
"class": "text-(--ui-warning) hover:text-(--ui-warning)/75 disabled:text-(--ui-warning) aria-disabled:text-(--ui-warning) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-warning)"
|
|
294
293
|
},
|
|
295
294
|
{
|
|
296
295
|
"color": "error" as typeof color[number],
|
|
297
296
|
"variant": "link" as typeof variant[number],
|
|
298
|
-
"class": "text-
|
|
297
|
+
"class": "text-(--ui-error) hover:text-(--ui-error)/75 disabled:text-(--ui-error) aria-disabled:text-(--ui-error) focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error)"
|
|
299
298
|
},
|
|
300
299
|
{
|
|
301
300
|
"color": "neutral" as typeof color[number],
|
|
302
301
|
"variant": "solid" as typeof variant[number],
|
|
303
|
-
"class": "text-
|
|
302
|
+
"class": "text-(--ui-bg) bg-(--ui-bg-inverted) hover:bg-(--ui-bg-inverted)/90 disabled:bg-(--ui-bg-inverted) aria-disabled:bg-(--ui-bg-inverted) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ui-border-inverted)"
|
|
304
303
|
},
|
|
305
304
|
{
|
|
306
305
|
"color": "neutral" as typeof color[number],
|
|
307
306
|
"variant": "outline" as typeof variant[number],
|
|
308
|
-
"class": "ring ring-inset ring-
|
|
307
|
+
"class": "ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg) hover:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg) aria-disabled:bg-(--ui-bg) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"
|
|
309
308
|
},
|
|
310
309
|
{
|
|
311
310
|
"color": "neutral" as typeof color[number],
|
|
312
311
|
"variant": "soft" as typeof variant[number],
|
|
313
|
-
"class": "text-
|
|
312
|
+
"class": "text-(--ui-text) bg-(--ui-bg-elevated) hover:bg-(--ui-bg-accented)/75 focus-visible:bg-(--ui-bg-accented)/75 disabled:bg-(--ui-bg-elevated) aria-disabled:bg-(--ui-bg-elevated)"
|
|
314
313
|
},
|
|
315
314
|
{
|
|
316
315
|
"color": "neutral" as typeof color[number],
|
|
317
316
|
"variant": "subtle" as typeof variant[number],
|
|
318
|
-
"class": "ring ring-inset ring-
|
|
317
|
+
"class": "ring ring-inset ring-(--ui-border-accented) text-(--ui-text) bg-(--ui-bg-elevated) hover:bg-(--ui-bg-accented)/75 disabled:bg-(--ui-bg-elevated) aria-disabled:bg-(--ui-bg-elevated) focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"
|
|
319
318
|
},
|
|
320
319
|
{
|
|
321
320
|
"color": "neutral" as typeof color[number],
|
|
322
321
|
"variant": "ghost" as typeof variant[number],
|
|
323
|
-
"class": "text-
|
|
322
|
+
"class": "text-(--ui-text) hover:bg-(--ui-bg-elevated) focus-visible:bg-(--ui-bg-elevated) hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"
|
|
324
323
|
},
|
|
325
324
|
{
|
|
326
325
|
"color": "neutral" as typeof color[number],
|
|
327
326
|
"variant": "link" as typeof variant[number],
|
|
328
|
-
"class": "text-
|
|
327
|
+
"class": "text-(--ui-text-muted) hover:text-(--ui-text) disabled:text-(--ui-text-muted) aria-disabled:text-(--ui-text-muted) focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-(--ui-border-inverted)"
|
|
329
328
|
},
|
|
330
329
|
{
|
|
331
330
|
"size": "xs" as typeof size[number],
|
package/.nuxt/ui/calendar.ts
CHANGED
|
@@ -29,39 +29,39 @@ export default {
|
|
|
29
29
|
"headCell": "rounded-[calc(var(--ui-radius)*1.5)]",
|
|
30
30
|
"cell": "relative text-center",
|
|
31
31
|
"cellTrigger": [
|
|
32
|
-
"m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none data-disabled:text-
|
|
32
|
+
"m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none data-disabled:text-(--ui-text-muted) data-unavailable:line-through data-unavailable:text-(--ui-text-muted) data-unavailable:pointer-events-none data-[selected]:text-(--ui-bg) data-today:font-semibold",
|
|
33
33
|
"transition"
|
|
34
34
|
]
|
|
35
35
|
},
|
|
36
36
|
"variants": {
|
|
37
37
|
"color": {
|
|
38
38
|
"primary": {
|
|
39
|
-
"headCell": "text-
|
|
40
|
-
"cellTrigger": "focus-visible:ring-
|
|
39
|
+
"headCell": "text-(--ui-primary)",
|
|
40
|
+
"cellTrigger": "focus-visible:ring-(--ui-primary) data-[selected]:bg-(--ui-primary) data-today:not-data-[selected]:text-(--ui-primary) data-[highlighted]:bg-(--ui-primary)/20 hover:not-data-[selected]:bg-(--ui-primary)/20"
|
|
41
41
|
},
|
|
42
42
|
"secondary": {
|
|
43
|
-
"headCell": "text-
|
|
44
|
-
"cellTrigger": "focus-visible:ring-
|
|
43
|
+
"headCell": "text-(--ui-secondary)",
|
|
44
|
+
"cellTrigger": "focus-visible:ring-(--ui-secondary) data-[selected]:bg-(--ui-secondary) data-today:not-data-[selected]:text-(--ui-secondary) data-[highlighted]:bg-(--ui-secondary)/20 hover:not-data-[selected]:bg-(--ui-secondary)/20"
|
|
45
45
|
},
|
|
46
46
|
"success": {
|
|
47
|
-
"headCell": "text-
|
|
48
|
-
"cellTrigger": "focus-visible:ring-
|
|
47
|
+
"headCell": "text-(--ui-success)",
|
|
48
|
+
"cellTrigger": "focus-visible:ring-(--ui-success) data-[selected]:bg-(--ui-success) data-today:not-data-[selected]:text-(--ui-success) data-[highlighted]:bg-(--ui-success)/20 hover:not-data-[selected]:bg-(--ui-success)/20"
|
|
49
49
|
},
|
|
50
50
|
"info": {
|
|
51
|
-
"headCell": "text-
|
|
52
|
-
"cellTrigger": "focus-visible:ring-
|
|
51
|
+
"headCell": "text-(--ui-info)",
|
|
52
|
+
"cellTrigger": "focus-visible:ring-(--ui-info) data-[selected]:bg-(--ui-info) data-today:not-data-[selected]:text-(--ui-info) data-[highlighted]:bg-(--ui-info)/20 hover:not-data-[selected]:bg-(--ui-info)/20"
|
|
53
53
|
},
|
|
54
54
|
"warning": {
|
|
55
|
-
"headCell": "text-
|
|
56
|
-
"cellTrigger": "focus-visible:ring-
|
|
55
|
+
"headCell": "text-(--ui-warning)",
|
|
56
|
+
"cellTrigger": "focus-visible:ring-(--ui-warning) data-[selected]:bg-(--ui-warning) data-today:not-data-[selected]:text-(--ui-warning) data-[highlighted]:bg-(--ui-warning)/20 hover:not-data-[selected]:bg-(--ui-warning)/20"
|
|
57
57
|
},
|
|
58
58
|
"error": {
|
|
59
|
-
"headCell": "text-
|
|
60
|
-
"cellTrigger": "focus-visible:ring-
|
|
59
|
+
"headCell": "text-(--ui-error)",
|
|
60
|
+
"cellTrigger": "focus-visible:ring-(--ui-error) data-[selected]:bg-(--ui-error) data-today:not-data-[selected]:text-(--ui-error) data-[highlighted]:bg-(--ui-error)/20 hover:not-data-[selected]:bg-(--ui-error)/20"
|
|
61
61
|
},
|
|
62
62
|
"neutral": {
|
|
63
|
-
"headCell": "text-
|
|
64
|
-
"cellTrigger": "focus-visible:ring-
|
|
63
|
+
"headCell": "text-(--ui-bg-inverted)",
|
|
64
|
+
"cellTrigger": "focus-visible:ring-(--ui-border-inverted) data-[selected]:bg-(--ui-bg-inverted) data-today:not-data-[selected]:text-(--ui-bg-inverted) data-[highlighted]:bg-(--ui-bg-inverted)/20 hover:not-data-[selected]:bg-(--ui-bg-inverted)/10"
|
|
65
65
|
}
|
|
66
66
|
},
|
|
67
67
|
"size": {
|
package/.nuxt/ui/card.ts
CHANGED
|
@@ -1,8 +1,34 @@
|
|
|
1
|
+
const variant = [
|
|
2
|
+
"solid",
|
|
3
|
+
"outline",
|
|
4
|
+
"soft",
|
|
5
|
+
"subtle"
|
|
6
|
+
] as const
|
|
7
|
+
|
|
1
8
|
export default {
|
|
2
9
|
"slots": {
|
|
3
|
-
"root": "
|
|
10
|
+
"root": "rounded-[calc(var(--ui-radius)*2)]",
|
|
4
11
|
"header": "p-4 sm:px-6",
|
|
5
12
|
"body": "p-4 sm:p-6",
|
|
6
13
|
"footer": "p-4 sm:px-6"
|
|
14
|
+
},
|
|
15
|
+
"variants": {
|
|
16
|
+
"variant": {
|
|
17
|
+
"solid": {
|
|
18
|
+
"root": "bg-(--ui-bg-inverted) text-(--ui-bg)"
|
|
19
|
+
},
|
|
20
|
+
"outline": {
|
|
21
|
+
"root": "bg-(--ui-bg) ring ring-(--ui-border) divide-y divide-(--ui-border)"
|
|
22
|
+
},
|
|
23
|
+
"soft": {
|
|
24
|
+
"root": "bg-(--ui-bg-elevated)/50 divide-y divide-(--ui-border)"
|
|
25
|
+
},
|
|
26
|
+
"subtle": {
|
|
27
|
+
"root": "bg-(--ui-bg-elevated)/50 ring ring-(--ui-border) divide-y divide-(--ui-border)"
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
"defaultVariants": {
|
|
32
|
+
"variant": "outline" as typeof variant[number]
|
|
7
33
|
}
|
|
8
34
|
}
|
package/.nuxt/ui/carousel.ts
CHANGED
|
@@ -15,7 +15,7 @@ export default {
|
|
|
15
15
|
"next": "absolute rounded-full",
|
|
16
16
|
"dots": "absolute inset-x-0 -bottom-7 flex flex-wrap items-center justify-center gap-3",
|
|
17
17
|
"dot": [
|
|
18
|
-
"cursor-pointer size-3 bg-
|
|
18
|
+
"cursor-pointer size-3 bg-(--ui-border-accented) rounded-full",
|
|
19
19
|
"transition"
|
|
20
20
|
]
|
|
21
21
|
},
|
|
@@ -36,7 +36,7 @@ export default {
|
|
|
36
36
|
},
|
|
37
37
|
"active": {
|
|
38
38
|
"true": {
|
|
39
|
-
"dot": "bg-
|
|
39
|
+
"dot": "bg-(--ui-border-inverted)"
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
}
|
package/.nuxt/ui/checkbox.ts
CHANGED
|
@@ -19,22 +19,22 @@ const size = [
|
|
|
19
19
|
export default {
|
|
20
20
|
"slots": {
|
|
21
21
|
"root": "relative flex items-start",
|
|
22
|
-
"base": "shrink-0 flex items-center justify-center rounded-
|
|
22
|
+
"base": "shrink-0 flex items-center justify-center rounded-(--ui-radius) text-(--ui-bg) ring ring-inset ring-(--ui-border-accented) focus-visible:outline-2 focus-visible:outline-offset-2",
|
|
23
23
|
"container": "flex items-center",
|
|
24
24
|
"wrapper": "ms-2",
|
|
25
25
|
"icon": "shrink-0 size-full",
|
|
26
|
-
"label": "block font-medium text-
|
|
27
|
-
"description": "text-
|
|
26
|
+
"label": "block font-medium text-(--ui-text)",
|
|
27
|
+
"description": "text-(--ui-text-muted)"
|
|
28
28
|
},
|
|
29
29
|
"variants": {
|
|
30
30
|
"color": {
|
|
31
|
-
"primary": "focus-visible:outline-
|
|
32
|
-
"secondary": "focus-visible:outline-
|
|
33
|
-
"success": "focus-visible:outline-
|
|
34
|
-
"info": "focus-visible:outline-
|
|
35
|
-
"warning": "focus-visible:outline-
|
|
36
|
-
"error": "focus-visible:outline-
|
|
37
|
-
"neutral": "focus-visible:outline-
|
|
31
|
+
"primary": "focus-visible:outline-(--ui-primary)",
|
|
32
|
+
"secondary": "focus-visible:outline-(--ui-secondary)",
|
|
33
|
+
"success": "focus-visible:outline-(--ui-success)",
|
|
34
|
+
"info": "focus-visible:outline-(--ui-info)",
|
|
35
|
+
"warning": "focus-visible:outline-(--ui-warning)",
|
|
36
|
+
"error": "focus-visible:outline-(--ui-error)",
|
|
37
|
+
"neutral": "focus-visible:outline-(--ui-border-inverted)"
|
|
38
38
|
},
|
|
39
39
|
"size": {
|
|
40
40
|
"xs": {
|
|
@@ -65,7 +65,7 @@ export default {
|
|
|
65
65
|
},
|
|
66
66
|
"required": {
|
|
67
67
|
"true": {
|
|
68
|
-
"label": "after:content-['*'] after:ms-0.5 after:text-
|
|
68
|
+
"label": "after:content-['*'] after:ms-0.5 after:text-(--ui-error)"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
"disabled": {
|
|
@@ -83,37 +83,37 @@ export default {
|
|
|
83
83
|
{
|
|
84
84
|
"color": "primary" as typeof color[number],
|
|
85
85
|
"checked": true,
|
|
86
|
-
"class": "ring-2 ring-
|
|
86
|
+
"class": "ring-2 ring-(--ui-primary) bg-(--ui-primary)"
|
|
87
87
|
},
|
|
88
88
|
{
|
|
89
89
|
"color": "secondary" as typeof color[number],
|
|
90
90
|
"checked": true,
|
|
91
|
-
"class": "ring-2 ring-
|
|
91
|
+
"class": "ring-2 ring-(--ui-secondary) bg-(--ui-secondary)"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
"color": "success" as typeof color[number],
|
|
95
95
|
"checked": true,
|
|
96
|
-
"class": "ring-2 ring-
|
|
96
|
+
"class": "ring-2 ring-(--ui-success) bg-(--ui-success)"
|
|
97
97
|
},
|
|
98
98
|
{
|
|
99
99
|
"color": "info" as typeof color[number],
|
|
100
100
|
"checked": true,
|
|
101
|
-
"class": "ring-2 ring-
|
|
101
|
+
"class": "ring-2 ring-(--ui-info) bg-(--ui-info)"
|
|
102
102
|
},
|
|
103
103
|
{
|
|
104
104
|
"color": "warning" as typeof color[number],
|
|
105
105
|
"checked": true,
|
|
106
|
-
"class": "ring-2 ring-
|
|
106
|
+
"class": "ring-2 ring-(--ui-warning) bg-(--ui-warning)"
|
|
107
107
|
},
|
|
108
108
|
{
|
|
109
109
|
"color": "error" as typeof color[number],
|
|
110
110
|
"checked": true,
|
|
111
|
-
"class": "ring-2 ring-
|
|
111
|
+
"class": "ring-2 ring-(--ui-error) bg-(--ui-error)"
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
114
|
"color": "neutral" as typeof color[number],
|
|
115
115
|
"checked": true,
|
|
116
|
-
"class": "ring-2 ring-
|
|
116
|
+
"class": "ring-2 ring-(--ui-border-inverted) bg-(--ui-bg-inverted)"
|
|
117
117
|
}
|
|
118
118
|
],
|
|
119
119
|
"defaultVariants": {
|
package/.nuxt/ui/chip.ts
CHANGED
|
@@ -30,17 +30,17 @@ const position = [
|
|
|
30
30
|
export default {
|
|
31
31
|
"slots": {
|
|
32
32
|
"root": "relative inline-flex items-center justify-center shrink-0",
|
|
33
|
-
"base": "rounded-full ring ring-
|
|
33
|
+
"base": "rounded-full ring ring-(--ui-bg) flex items-center justify-center text-(--ui-bg) font-medium whitespace-nowrap"
|
|
34
34
|
},
|
|
35
35
|
"variants": {
|
|
36
36
|
"color": {
|
|
37
|
-
"primary": "bg-
|
|
38
|
-
"secondary": "bg-
|
|
39
|
-
"success": "bg-
|
|
40
|
-
"info": "bg-
|
|
41
|
-
"warning": "bg-
|
|
42
|
-
"error": "bg-
|
|
43
|
-
"neutral": "bg-
|
|
37
|
+
"primary": "bg-(--ui-primary)",
|
|
38
|
+
"secondary": "bg-(--ui-secondary)",
|
|
39
|
+
"success": "bg-(--ui-success)",
|
|
40
|
+
"info": "bg-(--ui-info)",
|
|
41
|
+
"warning": "bg-(--ui-warning)",
|
|
42
|
+
"error": "bg-(--ui-error)",
|
|
43
|
+
"neutral": "bg-(--ui-text-muted)"
|
|
44
44
|
},
|
|
45
45
|
"size": {
|
|
46
46
|
"3xs": "h-[4px] min-w-[4px] text-[4px]",
|
package/.nuxt/ui/color-picker.ts
CHANGED
|
@@ -12,9 +12,9 @@ export default {
|
|
|
12
12
|
"picker": "flex gap-4",
|
|
13
13
|
"selector": "rounded-[calc(var(--ui-radius)*1.5)]",
|
|
14
14
|
"selectorBackground": "w-full h-full relative rounded-[calc(var(--ui-radius)*1.2)]",
|
|
15
|
-
"selectorThumb": "-translate-y-1/2 -translate-x-1/2 absolute size-4 ring-2 ring-
|
|
15
|
+
"selectorThumb": "-translate-y-1/2 -translate-x-1/2 absolute size-4 ring-2 ring-(--color-white) rounded-full cursor-pointer data-[disabled]:cursor-not-allowed",
|
|
16
16
|
"track": "w-[8px] relative rounded-[calc(var(--ui-radius)*1.5)]",
|
|
17
|
-
"trackThumb": "absolute transform -translate-y-1/2 -translate-x-[4px] rtl:translate-x-[4px] size-4 rounded-full ring-2 ring-
|
|
17
|
+
"trackThumb": "absolute transform -translate-y-1/2 -translate-x-[4px] rtl:translate-x-[4px] size-4 rounded-full ring-2 ring-(--color-white) cursor-pointer data-[disabled]:cursor-not-allowed"
|
|
18
18
|
},
|
|
19
19
|
"variants": {
|
|
20
20
|
"size": {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
"slots": {
|
|
3
|
-
"root": "flex flex-col min-h-0 min-w-0 divide-y divide-
|
|
3
|
+
"root": "flex flex-col min-h-0 min-w-0 divide-y divide-(--ui-border)",
|
|
4
4
|
"input": "[&>input]:h-12",
|
|
5
5
|
"close": "",
|
|
6
6
|
"content": "relative overflow-hidden flex flex-col",
|
|
7
|
-
"viewport": "relative divide-y divide-
|
|
7
|
+
"viewport": "relative divide-y divide-(--ui-border) scroll-py-1 overflow-y-auto flex-1 focus:outline-none",
|
|
8
8
|
"group": "p-1 isolate",
|
|
9
|
-
"empty": "py-6 text-center text-sm text-
|
|
10
|
-
"label": "px-2 py-1.5 text-xs font-semibold text-
|
|
9
|
+
"empty": "py-6 text-center text-sm text-(--ui-text-muted)",
|
|
10
|
+
"label": "px-2 py-1.5 text-xs font-semibold text-(--ui-text-highlighted)",
|
|
11
11
|
"item": "group relative w-full flex items-center gap-2 px-2 py-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-[calc(var(--ui-radius)*1.5)] data-disabled:cursor-not-allowed data-disabled:opacity-75",
|
|
12
12
|
"itemLeadingIcon": "shrink-0 size-5",
|
|
13
13
|
"itemLeadingAvatar": "shrink-0",
|
|
@@ -16,27 +16,27 @@ export default {
|
|
|
16
16
|
"itemLeadingChipSize": "md",
|
|
17
17
|
"itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
|
|
18
18
|
"itemTrailingIcon": "shrink-0 size-5",
|
|
19
|
-
"itemTrailingHighlightedIcon": "shrink-0 size-5 text-
|
|
19
|
+
"itemTrailingHighlightedIcon": "shrink-0 size-5 text-(--ui-text-dimmed) hidden group-data-highlighted:inline-flex",
|
|
20
20
|
"itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5",
|
|
21
21
|
"itemTrailingKbdsSize": "md",
|
|
22
22
|
"itemLabel": "truncate space-x-1 rtl:space-x-reverse",
|
|
23
|
-
"itemLabelBase": "text-
|
|
24
|
-
"itemLabelPrefix": "text-
|
|
25
|
-
"itemLabelSuffix": "text-
|
|
23
|
+
"itemLabelBase": "text-(--ui-text-highlighted) [&>mark]:text-(--ui-bg) [&>mark]:bg-(--ui-primary)",
|
|
24
|
+
"itemLabelPrefix": "text-(--ui-text)",
|
|
25
|
+
"itemLabelSuffix": "text-(--ui-text-dimmed) [&>mark]:text-(--ui-bg) [&>mark]:bg-(--ui-primary)"
|
|
26
26
|
},
|
|
27
27
|
"variants": {
|
|
28
28
|
"active": {
|
|
29
29
|
"true": {
|
|
30
|
-
"item": "text-
|
|
31
|
-
"itemLeadingIcon": "text-
|
|
30
|
+
"item": "text-(--ui-text-highlighted) before:bg-(--ui-bg-elevated)",
|
|
31
|
+
"itemLeadingIcon": "text-(--ui-text)"
|
|
32
32
|
},
|
|
33
33
|
"false": {
|
|
34
34
|
"item": [
|
|
35
|
-
"text-
|
|
35
|
+
"text-(--ui-text) data-highlighted:text-(--ui-text-highlighted) data-highlighted:before:bg-(--ui-bg-elevated)/50",
|
|
36
36
|
"transition-colors before:transition-colors"
|
|
37
37
|
],
|
|
38
38
|
"itemLeadingIcon": [
|
|
39
|
-
"text-
|
|
39
|
+
"text-(--ui-text-dimmed) group-data-highlighted:text-(--ui-text)",
|
|
40
40
|
"transition-colors"
|
|
41
41
|
]
|
|
42
42
|
}
|
package/.nuxt/ui/container.ts
CHANGED