@spartan-ng/cli 0.0.1-alpha.657 → 0.0.1-alpha.658
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/package.json +1 -1
- package/src/generators/healthcheck/generator.js +2 -0
- package/src/generators/healthcheck/generator.js.map +1 -1
- package/src/generators/healthcheck/healthchecks/hlm-form-field.d.ts +2 -0
- package/src/generators/healthcheck/healthchecks/hlm-form-field.js +35 -0
- package/src/generators/healthcheck/healthchecks/hlm-form-field.js.map +1 -0
- package/src/generators/migrate-form-field/compat.d.ts +2 -0
- package/src/generators/migrate-form-field/compat.js +6 -0
- package/src/generators/migrate-form-field/compat.js.map +1 -0
- package/src/generators/migrate-form-field/generator.d.ts +4 -0
- package/src/generators/migrate-form-field/generator.js +60 -0
- package/src/generators/migrate-form-field/generator.js.map +1 -0
- package/src/generators/migrate-form-field/schema.d.ts +4 -0
- package/src/generators/migrate-form-field/schema.json +19 -0
- package/src/generators/ui/libs/autocomplete/files/lib/hlm-autocomplete-input.ts.template +9 -4
- package/src/generators/ui/libs/badge/files/lib/hlm-badge.ts.template +7 -8
- package/src/generators/ui/libs/card/files/lib/hlm-card-action.ts.template +1 -1
- package/src/generators/ui/libs/card/files/lib/hlm-card-content.ts.template +1 -1
- package/src/generators/ui/libs/card/files/lib/hlm-card-description.ts.template +1 -1
- package/src/generators/ui/libs/card/files/lib/hlm-card-footer.ts.template +1 -4
- package/src/generators/ui/libs/card/files/lib/hlm-card-header.ts.template +1 -1
- package/src/generators/ui/libs/card/files/lib/hlm-card-title.ts.template +1 -1
- package/src/generators/ui/libs/card/files/lib/hlm-card.ts.template +1 -4
- package/src/generators/ui/libs/checkbox/files/lib/hlm-checkbox.ts.template +18 -2
- package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-chip-input.ts.template +1 -1
- package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-chips.ts.template +22 -7
- package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-input.ts.template +8 -4
- package/src/generators/ui/libs/combobox/files/lib/hlm-combobox-trigger.ts.template +10 -1
- package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker-multi.ts.template +38 -5
- package/src/generators/ui/libs/date-picker/files/lib/hlm-date-picker.ts.template +36 -6
- package/src/generators/ui/libs/date-picker/files/lib/hlm-date-range-picker.ts.template +33 -4
- package/src/generators/ui/libs/field/files/index.ts.template +3 -3
- package/src/generators/ui/libs/field/files/lib/hlm-field-content.ts.template +1 -1
- package/src/generators/ui/libs/field/files/lib/hlm-field-description.ts.template +40 -2
- package/src/generators/ui/libs/field/files/lib/hlm-field-error.ts.template +89 -27
- package/src/generators/ui/libs/field/files/lib/hlm-field-group.ts.template +1 -1
- package/src/generators/ui/libs/field/files/lib/hlm-field-legend.ts.template +2 -2
- package/src/generators/ui/libs/field/files/lib/hlm-field.ts.template +9 -6
- package/src/generators/ui/libs/input/files/lib/hlm-input.ts.template +10 -69
- package/src/generators/ui/libs/input-group/files/lib/hlm-input-group.ts.template +15 -5
- package/src/generators/ui/libs/label/files/lib/hlm-label.ts.template +4 -1
- package/src/generators/ui/libs/native-select/files/lib/hlm-native-select.ts.template +32 -13
- package/src/generators/ui/libs/radio-group/files/lib/hlm-radio-group.ts.template +18 -2
- package/src/generators/ui/libs/radio-group/files/lib/hlm-radio.ts.template +16 -1
- package/src/generators/ui/libs/select/files/lib/hlm-select-trigger.ts.template +5 -2
- package/src/generators/ui/libs/slider/files/lib/hlm-slider.ts.template +3 -4
- package/src/generators/ui/libs/textarea/files/lib/hlm-textarea.ts.template +10 -71
- package/src/generators/ui/primitive-deps.js +0 -1
- package/src/generators/ui/primitive-deps.js.map +1 -1
- package/src/generators/ui/primitives.d.ts +1 -1
- package/src/generators/ui/style-lyra.css +16 -16
- package/src/generators/ui/style-maia.css +16 -16
- package/src/generators/ui/style-mira.css +16 -16
- package/src/generators/ui/style-nova.css +16 -16
- package/src/generators/ui/style-vega.css +16 -16
- package/src/generators/ui/supported-ui-libraries.json +54 -56
- package/src/generators/ui/libs/form-field/files/index.ts.template +0 -9
- package/src/generators/ui/libs/form-field/files/lib/hlm-error.ts.template +0 -12
- package/src/generators/ui/libs/form-field/files/lib/hlm-form-field.ts.template +0 -39
- package/src/generators/ui/libs/form-field/files/lib/hlm-hint.ts.template +0 -12
- package/src/generators/ui/libs/form-field/generator.d.ts +0 -3
- package/src/generators/ui/libs/form-field/generator.js +0 -9
- package/src/generators/ui/libs/form-field/generator.js.map +0 -1
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
|
|
94
94
|
/* MARK: Badge */
|
|
95
95
|
.spartan-badge {
|
|
96
|
-
@apply h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>
|
|
96
|
+
@apply h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>ng-icon]:text-[--spacing(3)];
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.spartan-badge-variant-default {
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
|
|
148
148
|
/* MARK: Button */
|
|
149
149
|
.spartan-button {
|
|
150
|
-
@apply focus-visible:border-ring focus-visible:ring-ring/50
|
|
150
|
+
@apply focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] data-[matches-spartan-invalid=true]:ring-[3px] [&_ng-icon:not([class*='text-'])]:text-[--spacing(4)];
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
.spartan-button-variant-default {
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
|
|
282
282
|
/* MARK: Checkbox */
|
|
283
283
|
.spartan-checkbox {
|
|
284
|
-
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary
|
|
284
|
+
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 flex size-4 items-center justify-center rounded-[6px] border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[3px] data-[matches-spartan-invalid=true]:ring-[3px];
|
|
285
285
|
}
|
|
286
286
|
|
|
287
287
|
.spartan-checkbox-indicator {
|
|
@@ -334,7 +334,7 @@
|
|
|
334
334
|
}
|
|
335
335
|
|
|
336
336
|
.spartan-combobox-chips {
|
|
337
|
-
@apply bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50
|
|
337
|
+
@apply bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 flex min-h-9 flex-wrap items-center gap-1.5 rounded-4xl border bg-clip-padding px-2.5 py-1.5 text-sm transition-colors focus-within:ring-[3px] has-data-[slot=combobox-chip]:px-1.5 data-[matches-spartan-invalid=true]:ring-[3px];
|
|
338
338
|
}
|
|
339
339
|
|
|
340
340
|
.spartan-combobox-chip {
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
|
|
640
640
|
/* MARK: Input */
|
|
641
641
|
.spartan-input {
|
|
642
|
-
@apply bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50
|
|
642
|
+
@apply bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-9 rounded-4xl border px-3 py-1 text-base transition-colors file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] data-[matches-spartan-invalid=true]:ring-[3px] md:text-sm;
|
|
643
643
|
}
|
|
644
644
|
|
|
645
645
|
/* MARK: Input OTP */
|
|
@@ -648,11 +648,11 @@
|
|
|
648
648
|
}
|
|
649
649
|
|
|
650
650
|
.spartan-input-otp-group {
|
|
651
|
-
@apply
|
|
651
|
+
@apply data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive rounded-4xl data-[matches-spartan-invalid=true]:ring-[3px];
|
|
652
652
|
}
|
|
653
653
|
|
|
654
654
|
.spartan-input-otp-slot {
|
|
655
|
-
@apply bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:
|
|
655
|
+
@apply bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-9 border-y border-r text-sm transition-all outline-none first:rounded-l-4xl first:border-l last:rounded-r-4xl data-[active=true]:ring-[3px];
|
|
656
656
|
}
|
|
657
657
|
|
|
658
658
|
.spartan-input-otp-caret-line {
|
|
@@ -858,7 +858,7 @@
|
|
|
858
858
|
|
|
859
859
|
/* MARK: Native Select */
|
|
860
860
|
.spartan-native-select {
|
|
861
|
-
@apply border-input bg-input/30 placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50
|
|
861
|
+
@apply border-input bg-input/30 placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-9 w-full min-w-0 appearance-none rounded-4xl border py-1 ps-3 pe-8 text-sm transition-colors select-none focus-visible:ring-[3px] data-[matches-spartan-invalid=true]:ring-[3px] data-[size=sm]:h-8;
|
|
862
862
|
}
|
|
863
863
|
|
|
864
864
|
.spartan-native-select-icon {
|
|
@@ -930,7 +930,7 @@
|
|
|
930
930
|
}
|
|
931
931
|
|
|
932
932
|
.spartan-radio-group-item {
|
|
933
|
-
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary
|
|
933
|
+
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 dark:data-[matches-spartan-invalid=true]:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3;
|
|
934
934
|
}
|
|
935
935
|
|
|
936
936
|
.spartan-radio-group-indicator {
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
|
|
958
958
|
/* MARK: Select */
|
|
959
959
|
.spartan-select-trigger {
|
|
960
|
-
@apply border-input data-placeholder:text-muted-foreground bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50
|
|
960
|
+
@apply border-input data-placeholder:text-muted-foreground bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1.5 rounded-4xl border px-3 py-2 text-sm transition-colors focus-visible:ring-[3px] data-[matches-spartan-invalid=true]:ring-[3px] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
961
961
|
}
|
|
962
962
|
|
|
963
963
|
.spartan-select-value {
|
|
@@ -1188,7 +1188,7 @@
|
|
|
1188
1188
|
|
|
1189
1189
|
/* MARK: Switch */
|
|
1190
1190
|
.spartan-switch {
|
|
1191
|
-
@apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50
|
|
1191
|
+
@apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] data-[matches-spartan-invalid=true]:ring-[3px] data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px];
|
|
1192
1192
|
}
|
|
1193
1193
|
|
|
1194
1194
|
.spartan-switch-thumb {
|
|
@@ -1251,12 +1251,12 @@
|
|
|
1251
1251
|
|
|
1252
1252
|
/* MARK: Textarea */
|
|
1253
1253
|
.spartan-textarea {
|
|
1254
|
-
@apply border-input bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50
|
|
1254
|
+
@apply border-input bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 resize-none rounded-xl border px-3 py-3 text-base transition-colors focus-visible:ring-[3px] data-[matches-spartan-invalid=true]:ring-[3px] md:text-sm;
|
|
1255
1255
|
}
|
|
1256
1256
|
|
|
1257
1257
|
/* MARK: Toggle */
|
|
1258
1258
|
.spartan-toggle {
|
|
1259
|
-
@apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50
|
|
1259
|
+
@apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive gap-1 rounded-4xl text-sm font-medium transition-colors [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
1260
1260
|
}
|
|
1261
1261
|
|
|
1262
1262
|
.spartan-toggle-variant-default {
|
|
@@ -1307,7 +1307,7 @@
|
|
|
1307
1307
|
|
|
1308
1308
|
/* MARK: Input Group */
|
|
1309
1309
|
.spartan-input-group {
|
|
1310
|
-
@apply border-input bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][
|
|
1310
|
+
@apply border-input bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/20 has-[[data-slot][data-matches-spartan-invalid=true]]:border-destructive dark:has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/40 h-9 rounded-4xl border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-2xl has-data-[align=block-start]:rounded-2xl has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][data-matches-spartan-invalid=true]]:ring-[3px] has-[textarea]:rounded-xl has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5;
|
|
1311
1311
|
}
|
|
1312
1312
|
|
|
1313
1313
|
.spartan-input-group-addon {
|
|
@@ -1351,10 +1351,10 @@
|
|
|
1351
1351
|
}
|
|
1352
1352
|
|
|
1353
1353
|
.spartan-input-group-input {
|
|
1354
|
-
@apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0
|
|
1354
|
+
@apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent;
|
|
1355
1355
|
}
|
|
1356
1356
|
|
|
1357
1357
|
.spartan-input-group-textarea {
|
|
1358
|
-
@apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0
|
|
1358
|
+
@apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent;
|
|
1359
1359
|
}
|
|
1360
1360
|
}
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
|
|
94
94
|
/* MARK: Badge */
|
|
95
95
|
.spartan-badge {
|
|
96
|
-
@apply h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>
|
|
96
|
+
@apply h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>ng-icon]:text-[--spacing(2.5)];
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.spartan-badge-variant-default {
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
|
|
148
148
|
/* MARK: Button */
|
|
149
149
|
.spartan-button {
|
|
150
|
-
@apply focus-visible:border-ring focus-visible:ring-ring/30
|
|
150
|
+
@apply focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium focus-visible:ring-2 data-[matches-spartan-invalid=true]:ring-2 [&_ng-icon:not([class*='text-'])]:text-[--spacing(4)];
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
.spartan-button-variant-default {
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
|
|
282
282
|
/* MARK: Checkbox */
|
|
283
283
|
.spartan-checkbox {
|
|
284
|
-
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary
|
|
284
|
+
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-2 data-[matches-spartan-invalid=true]:ring-2;
|
|
285
285
|
}
|
|
286
286
|
|
|
287
287
|
.spartan-checkbox-indicator {
|
|
@@ -334,7 +334,7 @@
|
|
|
334
334
|
}
|
|
335
335
|
|
|
336
336
|
.spartan-combobox-chips {
|
|
337
|
-
@apply bg-input/20 dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/30
|
|
337
|
+
@apply bg-input/20 dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 flex min-h-7 flex-wrap items-center gap-1 rounded-md border bg-clip-padding px-2 py-0.5 text-xs/relaxed transition-colors focus-within:ring-2 has-data-[slot=combobox-chip]:px-1 data-[matches-spartan-invalid=true]:ring-2;
|
|
338
338
|
}
|
|
339
339
|
|
|
340
340
|
.spartan-combobox-chip {
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
|
|
640
640
|
/* MARK: Input */
|
|
641
641
|
.spartan-input {
|
|
642
|
-
@apply bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30
|
|
642
|
+
@apply bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-7 rounded-md border px-2 py-0.5 text-sm transition-colors file:h-6 file:text-xs/relaxed file:font-medium focus-visible:ring-2 data-[matches-spartan-invalid=true]:ring-2 md:text-xs/relaxed;
|
|
643
643
|
}
|
|
644
644
|
|
|
645
645
|
/* MARK: Input OTP */
|
|
@@ -648,11 +648,11 @@
|
|
|
648
648
|
}
|
|
649
649
|
|
|
650
650
|
.spartan-input-otp-group {
|
|
651
|
-
@apply
|
|
651
|
+
@apply data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive rounded-md data-[matches-spartan-invalid=true]:ring-2;
|
|
652
652
|
}
|
|
653
653
|
|
|
654
654
|
.spartan-input-otp-slot {
|
|
655
|
-
@apply bg-input/20 dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/30 data-[active=true]:
|
|
655
|
+
@apply bg-input/20 dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/30 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-7 border-y border-r text-xs/relaxed transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:ring-2;
|
|
656
656
|
}
|
|
657
657
|
|
|
658
658
|
.spartan-input-otp-caret-line {
|
|
@@ -858,7 +858,7 @@
|
|
|
858
858
|
|
|
859
859
|
/* MARK: Native Select */
|
|
860
860
|
.spartan-native-select {
|
|
861
|
-
@apply border-input bg-input/20 placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/30
|
|
861
|
+
@apply border-input bg-input/20 placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-7 w-full min-w-0 appearance-none rounded-md border py-0.5 ps-2 pe-6 text-xs/relaxed transition-colors select-none focus-visible:ring-2 data-[matches-spartan-invalid=true]:ring-2 data-[size=sm]:h-6 data-[size=sm]:text-[0.625rem];
|
|
862
862
|
}
|
|
863
863
|
|
|
864
864
|
.spartan-native-select-icon {
|
|
@@ -930,7 +930,7 @@
|
|
|
930
930
|
}
|
|
931
931
|
|
|
932
932
|
.spartan-radio-group-item {
|
|
933
|
-
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary
|
|
933
|
+
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 dark:data-[matches-spartan-invalid=true]:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3;
|
|
934
934
|
}
|
|
935
935
|
|
|
936
936
|
.spartan-radio-group-indicator {
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
|
|
958
958
|
/* MARK: Select */
|
|
959
959
|
.spartan-select-trigger {
|
|
960
|
-
@apply border-input data-placeholder:text-muted-foreground bg-input/20 dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/30
|
|
960
|
+
@apply border-input data-placeholder:text-muted-foreground bg-input/20 dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1.5 rounded-md border px-2 py-1.5 text-xs/relaxed transition-colors focus-visible:ring-2 data-[matches-spartan-invalid=true]:ring-2 data-[size=default]:h-7 data-[size=sm]:h-6 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*3.5)];
|
|
961
961
|
}
|
|
962
962
|
|
|
963
963
|
.spartan-select-value {
|
|
@@ -1190,7 +1190,7 @@
|
|
|
1190
1190
|
|
|
1191
1191
|
/* MARK: Switch */
|
|
1192
1192
|
.spartan-switch {
|
|
1193
|
-
@apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/30
|
|
1193
|
+
@apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-2 data-[matches-spartan-invalid=true]:ring-2 data-[size=default]:h-[16.6px] data-[size=default]:w-[28px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px];
|
|
1194
1194
|
}
|
|
1195
1195
|
|
|
1196
1196
|
.spartan-switch-thumb {
|
|
@@ -1253,12 +1253,12 @@
|
|
|
1253
1253
|
|
|
1254
1254
|
/* MARK: Textarea */
|
|
1255
1255
|
.spartan-textarea {
|
|
1256
|
-
@apply border-input bg-input/20 dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/30
|
|
1256
|
+
@apply border-input bg-input/20 dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/30 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 resize-none rounded-md border px-2 py-2 text-sm transition-colors focus-visible:ring-2 data-[matches-spartan-invalid=true]:ring-2 md:text-xs/relaxed;
|
|
1257
1257
|
}
|
|
1258
1258
|
|
|
1259
1259
|
/* MARK: Toggle */
|
|
1260
1260
|
.spartan-toggle {
|
|
1261
|
-
@apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50
|
|
1261
|
+
@apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[state=on]:bg-muted gap-1 rounded-md text-xs font-medium transition-all [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*3.5)];
|
|
1262
1262
|
}
|
|
1263
1263
|
|
|
1264
1264
|
.spartan-toggle-variant-default {
|
|
@@ -1309,7 +1309,7 @@
|
|
|
1309
1309
|
|
|
1310
1310
|
/* MARK: Input Group */
|
|
1311
1311
|
.spartan-input-group {
|
|
1312
|
-
@apply border-input bg-input/20 dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/30 has-[[data-slot][
|
|
1312
|
+
@apply border-input bg-input/20 dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/30 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/20 has-[[data-slot][data-matches-spartan-invalid=true]]:border-destructive dark:has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/40 h-7 rounded-md border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-md has-data-[align=block-start]:rounded-md has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-2 has-[textarea]:rounded-md has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5;
|
|
1313
1313
|
}
|
|
1314
1314
|
|
|
1315
1315
|
.spartan-input-group-addon {
|
|
@@ -1353,10 +1353,10 @@
|
|
|
1353
1353
|
}
|
|
1354
1354
|
|
|
1355
1355
|
.spartan-input-group-input {
|
|
1356
|
-
@apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0
|
|
1356
|
+
@apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent;
|
|
1357
1357
|
}
|
|
1358
1358
|
|
|
1359
1359
|
.spartan-input-group-textarea {
|
|
1360
|
-
@apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0
|
|
1360
|
+
@apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent;
|
|
1361
1361
|
}
|
|
1362
1362
|
}
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
|
|
94
94
|
/* MARK: Badge */
|
|
95
95
|
.spartan-badge {
|
|
96
|
-
@apply h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>
|
|
96
|
+
@apply h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>ng-icon]:text-[--spacing(3)];
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.spartan-badge-variant-default {
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
|
|
148
148
|
/* MARK: Button */
|
|
149
149
|
.spartan-button {
|
|
150
|
-
@apply focus-visible:border-ring focus-visible:ring-ring/50
|
|
150
|
+
@apply focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[--spacing(4)];
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
.spartan-button-variant-default {
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
|
|
282
282
|
/* MARK: Checkbox */
|
|
283
283
|
.spartan-checkbox {
|
|
284
|
-
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary
|
|
284
|
+
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3;
|
|
285
285
|
}
|
|
286
286
|
|
|
287
287
|
.spartan-checkbox-indicator {
|
|
@@ -334,7 +334,7 @@
|
|
|
334
334
|
}
|
|
335
335
|
|
|
336
336
|
.spartan-combobox-chips {
|
|
337
|
-
@apply dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50
|
|
337
|
+
@apply dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-data-[slot=combobox-chip]:px-1 data-[matches-spartan-invalid=true]:ring-3;
|
|
338
338
|
}
|
|
339
339
|
|
|
340
340
|
.spartan-combobox-chip {
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
|
|
640
640
|
/* MARK: Input */
|
|
641
641
|
.spartan-input {
|
|
642
|
-
@apply dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50
|
|
642
|
+
@apply dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 md:text-sm;
|
|
643
643
|
}
|
|
644
644
|
|
|
645
645
|
/* MARK: Input OTP */
|
|
@@ -648,11 +648,11 @@
|
|
|
648
648
|
}
|
|
649
649
|
|
|
650
650
|
.spartan-input-otp-group {
|
|
651
|
-
@apply
|
|
651
|
+
@apply data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive rounded-lg data-[matches-spartan-invalid=true]:ring-3;
|
|
652
652
|
}
|
|
653
653
|
|
|
654
654
|
.spartan-input-otp-slot {
|
|
655
|
-
@apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:
|
|
655
|
+
@apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-3;
|
|
656
656
|
}
|
|
657
657
|
|
|
658
658
|
.spartan-input-otp-caret-line {
|
|
@@ -858,7 +858,7 @@
|
|
|
858
858
|
|
|
859
859
|
/* MARK: Native Select */
|
|
860
860
|
.spartan-native-select {
|
|
861
|
-
@apply border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50
|
|
861
|
+
@apply border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 ps-2.5 pe-8 text-sm transition-colors select-none focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5;
|
|
862
862
|
}
|
|
863
863
|
|
|
864
864
|
.spartan-native-select-icon {
|
|
@@ -930,7 +930,7 @@
|
|
|
930
930
|
}
|
|
931
931
|
|
|
932
932
|
.spartan-radio-group-item {
|
|
933
|
-
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary
|
|
933
|
+
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 dark:data-[matches-spartan-invalid=true]:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3;
|
|
934
934
|
}
|
|
935
935
|
|
|
936
936
|
.spartan-radio-group-indicator {
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
|
|
958
958
|
/* MARK: Select */
|
|
959
959
|
.spartan-select-trigger {
|
|
960
|
-
@apply border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50
|
|
960
|
+
@apply border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 ps-2.5 pe-2 text-sm transition-colors select-none focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
961
961
|
}
|
|
962
962
|
|
|
963
963
|
.spartan-select-value {
|
|
@@ -1188,7 +1188,7 @@
|
|
|
1188
1188
|
|
|
1189
1189
|
/* MARK: Switch */
|
|
1190
1190
|
.spartan-switch {
|
|
1191
|
-
@apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50
|
|
1191
|
+
@apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px];
|
|
1192
1192
|
}
|
|
1193
1193
|
|
|
1194
1194
|
.spartan-switch-thumb {
|
|
@@ -1251,12 +1251,12 @@
|
|
|
1251
1251
|
|
|
1252
1252
|
/* MARK: Textarea */
|
|
1253
1253
|
.spartan-textarea {
|
|
1254
|
-
@apply border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50
|
|
1254
|
+
@apply border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 md:text-sm;
|
|
1255
1255
|
}
|
|
1256
1256
|
|
|
1257
1257
|
/* MARK: Toggle */
|
|
1258
1258
|
.spartan-toggle {
|
|
1259
|
-
@apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50
|
|
1259
|
+
@apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[state=on]:bg-muted gap-1 rounded-lg text-sm font-medium transition-all [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
1260
1260
|
}
|
|
1261
1261
|
|
|
1262
1262
|
.spartan-toggle-variant-default {
|
|
@@ -1307,7 +1307,7 @@
|
|
|
1307
1307
|
|
|
1308
1308
|
/* MARK: Input Group */
|
|
1309
1309
|
.spartan-input-group {
|
|
1310
|
-
@apply border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][
|
|
1310
|
+
@apply border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/20 has-[[data-slot][data-matches-spartan-invalid=true]]:border-destructive dark:has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5;
|
|
1311
1311
|
}
|
|
1312
1312
|
|
|
1313
1313
|
.spartan-input-group-addon {
|
|
@@ -1351,10 +1351,10 @@
|
|
|
1351
1351
|
}
|
|
1352
1352
|
|
|
1353
1353
|
.spartan-input-group-input {
|
|
1354
|
-
@apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent
|
|
1354
|
+
@apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent dark:disabled:bg-transparent;
|
|
1355
1355
|
}
|
|
1356
1356
|
|
|
1357
1357
|
.spartan-input-group-textarea {
|
|
1358
|
-
@apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent
|
|
1358
|
+
@apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent dark:disabled:bg-transparent;
|
|
1359
1359
|
}
|
|
1360
1360
|
}
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
|
|
90
90
|
/* MARK: Badge */
|
|
91
91
|
.spartan-badge {
|
|
92
|
-
@apply h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:
|
|
92
|
+
@apply h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>ng-icon]:text-[--spacing(3)];
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.spartan-badge-variant-default {
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
|
|
144
144
|
/* MARK: Button */
|
|
145
145
|
.spartan-button {
|
|
146
|
-
@apply focus-visible:border-ring focus-visible:ring-ring/50
|
|
146
|
+
@apply focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[--spacing(4)];
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
.spartan-button-variant-default {
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
|
|
278
278
|
/* MARK: Checkbox */
|
|
279
279
|
.spartan-checkbox {
|
|
280
|
-
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary
|
|
280
|
+
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border shadow-xs transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3;
|
|
281
281
|
}
|
|
282
282
|
|
|
283
283
|
.spartan-checkbox-indicator {
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
}
|
|
331
331
|
|
|
332
332
|
.spartan-combobox-chips {
|
|
333
|
-
@apply dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50
|
|
333
|
+
@apply dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:ring-3 has-data-[slot=combobox-chip]:px-1.5 data-[matches-spartan-invalid=true]:ring-3;
|
|
334
334
|
}
|
|
335
335
|
|
|
336
336
|
.spartan-combobox-chip {
|
|
@@ -635,7 +635,7 @@
|
|
|
635
635
|
|
|
636
636
|
/* MARK: Input */
|
|
637
637
|
.spartan-input {
|
|
638
|
-
@apply dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50
|
|
638
|
+
@apply dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 md:text-sm;
|
|
639
639
|
}
|
|
640
640
|
|
|
641
641
|
/* MARK: Input OTP */
|
|
@@ -644,11 +644,11 @@
|
|
|
644
644
|
}
|
|
645
645
|
|
|
646
646
|
.spartan-input-otp-group {
|
|
647
|
-
@apply
|
|
647
|
+
@apply data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive rounded-md data-[matches-spartan-invalid=true]:ring-3;
|
|
648
648
|
}
|
|
649
649
|
|
|
650
650
|
.spartan-input-otp-slot {
|
|
651
|
-
@apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:
|
|
651
|
+
@apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[active=true]:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive data-[active=true]:data-[matches-spartan-invalid=true]:border-destructive size-9 border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:ring-3;
|
|
652
652
|
}
|
|
653
653
|
|
|
654
654
|
.spartan-input-otp-caret-line {
|
|
@@ -854,7 +854,7 @@
|
|
|
854
854
|
|
|
855
855
|
/* MARK: Native Select */
|
|
856
856
|
.spartan-native-select {
|
|
857
|
-
@apply border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50
|
|
857
|
+
@apply border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent py-1 pr-8 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] select-none focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=sm]:h-8;
|
|
858
858
|
}
|
|
859
859
|
|
|
860
860
|
.spartan-native-select-icon {
|
|
@@ -926,7 +926,7 @@
|
|
|
926
926
|
}
|
|
927
927
|
|
|
928
928
|
.spartan-radio-group-item {
|
|
929
|
-
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary
|
|
929
|
+
@apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary data-[matches-spartan-invalid=true]:aria-checked:border-primary data-[matches-spartan-invalid=true]:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 dark:data-[matches-spartan-invalid=true]:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3;
|
|
930
930
|
}
|
|
931
931
|
|
|
932
932
|
.spartan-radio-group-indicator {
|
|
@@ -953,7 +953,7 @@
|
|
|
953
953
|
|
|
954
954
|
/* MARK: Select */
|
|
955
955
|
.spartan-select-trigger {
|
|
956
|
-
@apply border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50
|
|
956
|
+
@apply border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
957
957
|
}
|
|
958
958
|
|
|
959
959
|
.spartan-select-value {
|
|
@@ -1184,7 +1184,7 @@
|
|
|
1184
1184
|
|
|
1185
1185
|
/* MARK: Switch */
|
|
1186
1186
|
.spartan-switch {
|
|
1187
|
-
@apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50
|
|
1187
|
+
@apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent shadow-xs focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px];
|
|
1188
1188
|
}
|
|
1189
1189
|
|
|
1190
1190
|
.spartan-switch-thumb {
|
|
@@ -1247,12 +1247,12 @@
|
|
|
1247
1247
|
|
|
1248
1248
|
/* MARK: Textarea */
|
|
1249
1249
|
.spartan-textarea {
|
|
1250
|
-
@apply border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50
|
|
1250
|
+
@apply border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 md:text-sm;
|
|
1251
1251
|
}
|
|
1252
1252
|
|
|
1253
1253
|
/* MARK: Toggle */
|
|
1254
1254
|
.spartan-toggle {
|
|
1255
|
-
@apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50
|
|
1255
|
+
@apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive gap-1 rounded-md text-sm font-medium transition-[color,box-shadow] [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
1256
1256
|
}
|
|
1257
1257
|
|
|
1258
1258
|
.spartan-toggle-variant-default {
|
|
@@ -1303,7 +1303,7 @@
|
|
|
1303
1303
|
|
|
1304
1304
|
/* MARK: Input Group */
|
|
1305
1305
|
.spartan-input-group {
|
|
1306
|
-
@apply border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][
|
|
1306
|
+
@apply border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/20 has-[[data-slot][data-matches-spartan-invalid=true]]:border-destructive dark:has-[[data-slot][data-matches-spartan-invalid=true]]:ring-destructive/40 h-9 rounded-md border shadow-xs transition-[color,box-shadow] in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][data-matches-spartan-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5;
|
|
1307
1307
|
}
|
|
1308
1308
|
|
|
1309
1309
|
.spartan-input-group-addon {
|
|
@@ -1347,10 +1347,10 @@
|
|
|
1347
1347
|
}
|
|
1348
1348
|
|
|
1349
1349
|
.spartan-input-group-input {
|
|
1350
|
-
@apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0
|
|
1350
|
+
@apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent;
|
|
1351
1351
|
}
|
|
1352
1352
|
|
|
1353
1353
|
.spartan-input-group-textarea {
|
|
1354
|
-
@apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0
|
|
1354
|
+
@apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 data-[matches-spartan-invalid=true]:ring-0 dark:bg-transparent;
|
|
1355
1355
|
}
|
|
1356
1356
|
}
|