srcdev-nuxt-forms 6.1.14 → 6.1.15
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.
|
@@ -13,7 +13,13 @@
|
|
|
13
13
|
ref="optionGroup"
|
|
14
14
|
>
|
|
15
15
|
<span class="sr-only">{{ option.label }}</span>
|
|
16
|
-
<Icon
|
|
16
|
+
<Icon
|
|
17
|
+
v-if="option.icon"
|
|
18
|
+
:name="option.icon"
|
|
19
|
+
class="option-icon"
|
|
20
|
+
:class="[option.id, { active: modelValue === option.value }]"
|
|
21
|
+
ref="optionIcons"
|
|
22
|
+
/>
|
|
17
23
|
<input
|
|
18
24
|
type="radio"
|
|
19
25
|
:id="option.id"
|
|
@@ -108,7 +114,7 @@ onMounted(() => {
|
|
|
108
114
|
--_select-scheme-group-background-image: none;
|
|
109
115
|
--_select-scheme-group-padding: 0.5rem;
|
|
110
116
|
--_scheme-icon-font-size: 2rem;
|
|
111
|
-
--_scheme-icon-colour: black;
|
|
117
|
+
/* --_scheme-icon-colour: black; */
|
|
112
118
|
|
|
113
119
|
&:has(input[value="auto"]:checked) {
|
|
114
120
|
--_select-scheme-group-background-color: transparent;
|
|
@@ -223,11 +229,30 @@ onMounted(() => {
|
|
|
223
229
|
.option-icon {
|
|
224
230
|
grid-area: icon-stack;
|
|
225
231
|
display: block;
|
|
226
|
-
color: light-dark(var(--gray-12), var(--gray-0));
|
|
227
232
|
font-size: var(--_scheme-icon-font-size);
|
|
228
233
|
|
|
229
|
-
|
|
230
|
-
|
|
234
|
+
&.auto {
|
|
235
|
+
color: light-dark(var(--gray-12), var(--gray-3));
|
|
236
|
+
|
|
237
|
+
&.active {
|
|
238
|
+
color: var(--gray-0);
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
&.light {
|
|
243
|
+
color: light-dark(var(--gray-12), var(--gray-3));
|
|
244
|
+
|
|
245
|
+
&.active {
|
|
246
|
+
color: var(--gray-0);
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
&.dark {
|
|
251
|
+
color: light-dark(var(--gray-12), var(--gray-3));
|
|
252
|
+
|
|
253
|
+
&.active {
|
|
254
|
+
color: var(--gray-0);
|
|
255
|
+
}
|
|
231
256
|
}
|
|
232
257
|
|
|
233
258
|
&:hover {
|
|
@@ -245,7 +270,7 @@ onMounted(() => {
|
|
|
245
270
|
}
|
|
246
271
|
}
|
|
247
272
|
|
|
248
|
-
&:has(input[value="auto"]:checked) {
|
|
273
|
+
/* &:has(input[value="auto"]:checked) {
|
|
249
274
|
--_scheme-icon-colour: white;
|
|
250
275
|
}
|
|
251
276
|
|
|
@@ -255,7 +280,7 @@ onMounted(() => {
|
|
|
255
280
|
|
|
256
281
|
&:has(input[value="dark"]:checked) {
|
|
257
282
|
--_scheme-icon-colour: white;
|
|
258
|
-
}
|
|
283
|
+
} */
|
|
259
284
|
}
|
|
260
285
|
}
|
|
261
286
|
}
|
package/package.json
CHANGED