@spartan-ng/cli 0.0.1-alpha.718 → 0.0.1-alpha.719
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/base/generator.js +30 -0
- package/src/generators/base/generator.js.map +1 -1
- package/src/generators/base/lib/build-dependency-array.js +13 -0
- package/src/generators/base/lib/build-dependency-array.js.map +1 -1
- package/src/generators/base/versions.d.ts +1 -1
- package/src/generators/base/versions.js +1 -1
- package/src/generators/migrate-naming-convention/__snapshots__/generator.spec.ts.snap +1 -1
- package/src/generators/ui/libs/avatar/files/lib/hlm-avatar-badge.ts.template +2 -2
- package/src/generators/ui/libs/breadcrumb/files/lib/hlm-breadcrumb-ellipsis.ts.template +9 -4
- package/src/generators/ui/libs/carousel/files/lib/hlm-carousel-next.ts.template +3 -4
- package/src/generators/ui/libs/carousel/files/lib/hlm-carousel-previous.ts.template +3 -4
- package/src/generators/ui/libs/checkbox/files/lib/hlm-checkbox.ts.template +3 -4
- package/src/generators/ui/libs/dialog/files/lib/hlm-dialog-content.ts.template +4 -4
- package/src/generators/ui/libs/dropdown-menu/files/lib/hlm-dropdown-menu-item-sub-indicator.ts.template +1 -1
- package/src/generators/ui/libs/input-otp/files/lib/hlm-input-otp-separator.ts.template +2 -3
- package/src/generators/ui/libs/sheet/files/lib/hlm-sheet-content.ts.template +4 -4
- package/src/generators/ui/libs/sidebar/files/lib/hlm-sidebar-menu-button.ts.template +1 -1
- package/src/generators/ui/libs/spinner/files/lib/hlm-spinner.ts.template +1 -1
- package/src/generators/ui/libs/tabs/files/lib/hlm-tabs-paginated-list.ts.template +7 -8
- package/src/generators/ui/primitive-deps.js +19 -20
- package/src/generators/ui/primitive-deps.js.map +1 -1
- package/src/generators/ui/primitives.d.ts +1 -1
- package/src/generators/ui/style-luma.css +43 -43
- package/src/generators/ui/style-lyra.css +44 -44
- package/src/generators/ui/style-maia.css +43 -43
- package/src/generators/ui/style-mira.css +48 -48
- package/src/generators/ui/style-nova.css +45 -45
- package/src/generators/ui/style-vega.css +43 -43
- package/src/generators/ui/supported-ui-libraries.json +41 -49
- package/src/generators/ui/libs/icon/files/index.ts.template +0 -7
- package/src/generators/ui/libs/icon/files/lib/hlm-icon.token.ts.template +0 -20
- package/src/generators/ui/libs/icon/files/lib/hlm-icon.ts.template +0 -35
- package/src/generators/ui/libs/icon/generator.d.ts +0 -3
- package/src/generators/ui/libs/icon/generator.js +0 -9
- package/src/generators/ui/libs/icon/generator.js.map +0 -1
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
&.spartan-accordion-trigger {
|
|
12
|
-
@apply focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground! rounded-md py-4 text-start text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:text-[
|
|
12
|
+
@apply focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground! rounded-md py-4 text-start text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:text-[length:--spacing(4)];
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
&.spartan-accordion-content {
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
&.spartan-alert-dialog-media {
|
|
37
|
-
@apply bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[ng-icon:not([class*='text-'])]:text-[
|
|
37
|
+
@apply bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[ng-icon:not([class*='text-'])]:text-[length:--spacing(8)];
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
&.spartan-alert-dialog-title {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
|
|
48
48
|
/* MARK: Alert */
|
|
49
49
|
&.spartan-alert {
|
|
50
|
-
@apply grid gap-0.5 rounded-lg border px-4 py-3 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>ng-icon]:grid-cols-[auto_1fr] has-[>ng-icon]:gap-x-2.5 *:[ng-icon]:row-span-2 *:[ng-icon]:translate-y-0.5 *:[ng-icon]:text-current *:[ng-icon:not([class*='text-'])]:text-[
|
|
50
|
+
@apply grid gap-0.5 rounded-lg border px-4 py-3 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>ng-icon]:grid-cols-[auto_1fr] has-[>ng-icon]:gap-x-2.5 *:[ng-icon]:row-span-2 *:[ng-icon]:translate-y-0.5 *:[ng-icon]:text-current *:[ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
&.spartan-alert-variant-default {
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
&.spartan-autocomplete-item-indicator {
|
|
87
|
-
@apply absolute end-2 flex items-center justify-center text-[
|
|
87
|
+
@apply absolute end-2 flex items-center justify-center text-[length:--spacing(4)];
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
&.spartan-autocomplete-empty {
|
|
@@ -121,12 +121,12 @@
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
&.spartan-avatar-group-count {
|
|
124
|
-
@apply bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>ng-icon]:text-[
|
|
124
|
+
@apply bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>ng-icon]:text-[length:--spacing(4)] group-has-data-[size=lg]/avatar-group:[&>ng-icon]:text-[length:--spacing(5)] group-has-data-[size=sm]/avatar-group:[&>ng-icon]:text-[length:--spacing(3)];
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
/* MARK: Badge */
|
|
128
128
|
&.spartan-badge {
|
|
129
|
-
@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-[
|
|
129
|
+
@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-[length:--spacing(3)];
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
&.spartan-badge-variant-default {
|
|
@@ -171,16 +171,16 @@
|
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
&.spartan-breadcrumb-separator {
|
|
174
|
-
@apply [&>ng-icon]:text-[
|
|
174
|
+
@apply [&>ng-icon]:text-[length:--spacing(3.5)];
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
&.spartan-breadcrumb-ellipsis {
|
|
178
|
-
@apply size-5 [&>ng-icon]:text-[
|
|
178
|
+
@apply size-5 [&>ng-icon]:text-[length:--spacing(4)];
|
|
179
179
|
}
|
|
180
180
|
|
|
181
181
|
/* MARK: Button */
|
|
182
182
|
&.spartan-button {
|
|
183
|
-
@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 active:not-aria-[haspopup]:translate-y-px data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[
|
|
183
|
+
@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 active:not-aria-[haspopup]:translate-y-px data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
&.spartan-button-variant-default {
|
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
}
|
|
209
209
|
|
|
210
210
|
&.spartan-button-size-xs {
|
|
211
|
-
@apply h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_ng-icon:not([class*='text-'])]:text-[
|
|
211
|
+
@apply h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
&.spartan-button-size-sm {
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
&.spartan-button-size-icon-xs {
|
|
227
|
-
@apply size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_ng-icon:not([class*='text-'])]:text-[
|
|
227
|
+
@apply size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
|
|
228
228
|
}
|
|
229
229
|
|
|
230
230
|
&.spartan-button-size-icon-sm {
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
}
|
|
254
254
|
|
|
255
255
|
&.spartan-button-group-text {
|
|
256
|
-
@apply bg-muted gap-2 rounded-md border px-2.5 text-sm font-medium shadow-xs [&_ng-icon:not([class*='text-'])]:text-[
|
|
256
|
+
@apply bg-muted gap-2 rounded-md border px-2.5 text-sm font-medium shadow-xs [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
&.spartan-button-group-separator {
|
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
}
|
|
315
315
|
|
|
316
316
|
&.spartan-checkbox-indicator {
|
|
317
|
-
@apply [&>ng-icon]:text-[
|
|
317
|
+
@apply [&>ng-icon]:text-[length:--spacing(3.5)];
|
|
318
318
|
}
|
|
319
319
|
|
|
320
320
|
/* MARK: Combobox */
|
|
@@ -331,7 +331,7 @@
|
|
|
331
331
|
}
|
|
332
332
|
|
|
333
333
|
&.spartan-combobox-item-indicator {
|
|
334
|
-
@apply absolute end-2 flex items-center justify-center text-[
|
|
334
|
+
@apply absolute end-2 flex items-center justify-center text-[length:--spacing(4)];
|
|
335
335
|
}
|
|
336
336
|
|
|
337
337
|
&.spartan-combobox-empty {
|
|
@@ -351,7 +351,7 @@
|
|
|
351
351
|
}
|
|
352
352
|
|
|
353
353
|
&.spartan-combobox-trigger-icon {
|
|
354
|
-
@apply text-muted-foreground text-[
|
|
354
|
+
@apply text-muted-foreground text-[length:--spacing(4)];
|
|
355
355
|
}
|
|
356
356
|
|
|
357
357
|
&.spartan-combobox-chips {
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
&.spartan-combobox-placeholder {
|
|
374
|
-
@apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[
|
|
374
|
+
@apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
375
375
|
}
|
|
376
376
|
|
|
377
377
|
&.spartan-combobox-status {
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
&.spartan-command-input-icon {
|
|
395
|
-
@apply shrink-0 text-[
|
|
395
|
+
@apply shrink-0 text-[length:--spacing(4)] opacity-50;
|
|
396
396
|
}
|
|
397
397
|
|
|
398
398
|
&.spartan-command-input {
|
|
@@ -416,7 +416,7 @@
|
|
|
416
416
|
}
|
|
417
417
|
|
|
418
418
|
&.spartan-command-item {
|
|
419
|
-
@apply data-selected:bg-muted data-selected:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_ng-icon:not([class*='text-'])]:text-[
|
|
419
|
+
@apply data-selected:bg-muted data-selected:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
420
420
|
}
|
|
421
421
|
|
|
422
422
|
&.spartan-command-shortcut {
|
|
@@ -496,19 +496,19 @@
|
|
|
496
496
|
}
|
|
497
497
|
|
|
498
498
|
&.spartan-dropdown-menu-item {
|
|
499
|
-
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-destructive/10 data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:hover:bg-destructive/20 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:hover:text-destructive data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive not-data-[variant=destructive]:hover:**:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:ps-8 [&_ng-icon:not([class*='text-'])]:text-[
|
|
499
|
+
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-destructive/10 data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:hover:bg-destructive/20 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:hover:text-destructive data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive not-data-[variant=destructive]:hover:**:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:ps-8 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
500
500
|
}
|
|
501
501
|
|
|
502
502
|
&.spartan-dropdown-menu-checkbox-item {
|
|
503
|
-
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground gap-2 rounded-sm py-1.5 ps-2 pe-8 text-sm data-inset:ps-8 [&_ng-icon:not([class*='text-'])]:text-[
|
|
503
|
+
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground gap-2 rounded-sm py-1.5 ps-2 pe-8 text-sm data-inset:ps-8 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
504
504
|
}
|
|
505
505
|
|
|
506
506
|
&.spartan-dropdown-menu-radio-item {
|
|
507
|
-
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground gap-2 rounded-sm py-1.5 ps-2 pe-8 text-sm data-inset:ps-8 [&_ng-icon:not([class*='text-'])]:text-[
|
|
507
|
+
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground gap-2 rounded-sm py-1.5 ps-2 pe-8 text-sm data-inset:ps-8 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
508
508
|
}
|
|
509
509
|
|
|
510
510
|
&.spartan-dropdown-menu-item-indicator {
|
|
511
|
-
@apply absolute end-2 flex items-center justify-center [&_ng-icon]:text-[
|
|
511
|
+
@apply absolute end-2 flex items-center justify-center [&_ng-icon]:text-[length:--spacing(4)];
|
|
512
512
|
}
|
|
513
513
|
|
|
514
514
|
&.spartan-dropdown-menu-label {
|
|
@@ -545,7 +545,7 @@
|
|
|
545
545
|
}
|
|
546
546
|
|
|
547
547
|
&.spartan-empty-media-icon {
|
|
548
|
-
@apply bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_ng-icon:not([class*='text-'])]:text-[
|
|
548
|
+
@apply bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(6)];
|
|
549
549
|
}
|
|
550
550
|
|
|
551
551
|
&.spartan-empty-title {
|
|
@@ -633,7 +633,7 @@
|
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
&.spartan-input-otp-separator {
|
|
636
|
-
@apply [&_ng-icon:not([class*='text-'])]:text-[
|
|
636
|
+
@apply [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
/* MARK: Item */
|
|
@@ -674,7 +674,7 @@
|
|
|
674
674
|
}
|
|
675
675
|
|
|
676
676
|
&.spartan-item-media-variant-icon {
|
|
677
|
-
@apply [&_ng-icon:not([class*='text-'])]:text-[
|
|
677
|
+
@apply [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
678
678
|
}
|
|
679
679
|
|
|
680
680
|
&.spartan-item-media-variant-image {
|
|
@@ -715,7 +715,7 @@
|
|
|
715
715
|
|
|
716
716
|
/* MARK: Kbd */
|
|
717
717
|
&.spartan-kbd {
|
|
718
|
-
@apply bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_ng-icon:not([class*='text-'])]:text-[
|
|
718
|
+
@apply bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
|
|
719
719
|
}
|
|
720
720
|
|
|
721
721
|
&.spartan-kbd-group {
|
|
@@ -754,7 +754,7 @@
|
|
|
754
754
|
}
|
|
755
755
|
|
|
756
756
|
&.spartan-navigation-menu-link {
|
|
757
|
-
@apply data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 [&_ng-icon:not([class*='text-'])]:text-[
|
|
757
|
+
@apply data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
758
758
|
}
|
|
759
759
|
|
|
760
760
|
&.spartan-navigation-menu-popup {
|
|
@@ -767,7 +767,7 @@
|
|
|
767
767
|
}
|
|
768
768
|
|
|
769
769
|
&.spartan-native-select-icon {
|
|
770
|
-
@apply text-muted-foreground end-2.5 top-1/2 -translate-y-1/2 text-[
|
|
770
|
+
@apply text-muted-foreground end-2.5 top-1/2 -translate-y-1/2 text-[length:--spacing(4)];
|
|
771
771
|
}
|
|
772
772
|
|
|
773
773
|
/* MARK: Pagination */
|
|
@@ -776,7 +776,7 @@
|
|
|
776
776
|
}
|
|
777
777
|
|
|
778
778
|
&.spartan-pagination-ellipsis {
|
|
779
|
-
@apply size-9 items-center justify-center [&_ng-icon:not([class*='text-'])]:text-[
|
|
779
|
+
@apply size-9 items-center justify-center [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
780
780
|
}
|
|
781
781
|
|
|
782
782
|
&.spartan-pagination-previous {
|
|
@@ -858,7 +858,7 @@
|
|
|
858
858
|
}
|
|
859
859
|
|
|
860
860
|
&.spartan-select-trigger-icon {
|
|
861
|
-
@apply text-muted-foreground text-[
|
|
861
|
+
@apply text-muted-foreground text-[length:--spacing(4)];
|
|
862
862
|
}
|
|
863
863
|
|
|
864
864
|
&.spartan-select-content {
|
|
@@ -874,7 +874,7 @@
|
|
|
874
874
|
}
|
|
875
875
|
|
|
876
876
|
&.spartan-select-item-indicator {
|
|
877
|
-
@apply absolute end-2 flex items-center justify-center text-[
|
|
877
|
+
@apply absolute end-2 flex items-center justify-center text-[length:--spacing(4)];
|
|
878
878
|
}
|
|
879
879
|
|
|
880
880
|
&.spartan-select-group {
|
|
@@ -886,15 +886,15 @@
|
|
|
886
886
|
}
|
|
887
887
|
|
|
888
888
|
&.spartan-select-scroll-up-button {
|
|
889
|
-
@apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[
|
|
889
|
+
@apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
890
890
|
}
|
|
891
891
|
|
|
892
892
|
&.spartan-select-scroll-down-button {
|
|
893
|
-
@apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[
|
|
893
|
+
@apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
894
894
|
}
|
|
895
895
|
|
|
896
896
|
&.spartan-select-placeholder {
|
|
897
|
-
@apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[
|
|
897
|
+
@apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
898
898
|
}
|
|
899
899
|
|
|
900
900
|
&.spartan-select-values-content {
|
|
@@ -993,11 +993,11 @@
|
|
|
993
993
|
}
|
|
994
994
|
|
|
995
995
|
&.spartan-sidebar-group-label {
|
|
996
|
-
@apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>ng-icon]:text-[
|
|
996
|
+
@apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>ng-icon]:text-[length:--spacing(4)];
|
|
997
997
|
}
|
|
998
998
|
|
|
999
999
|
&.spartan-sidebar-group-action {
|
|
1000
|
-
@apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute end-3 top-3.5 w-5 rounded-md p-0 focus-visible:ring-2 [&>ng-icon]:text-[
|
|
1000
|
+
@apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute end-3 top-3.5 w-5 rounded-md p-0 focus-visible:ring-2 [&>ng-icon]:text-[length:--spacing(4)];
|
|
1001
1001
|
}
|
|
1002
1002
|
|
|
1003
1003
|
&.spartan-sidebar-menu-button {
|
|
@@ -1025,7 +1025,7 @@
|
|
|
1025
1025
|
}
|
|
1026
1026
|
|
|
1027
1027
|
&.spartan-sidebar-menu-action {
|
|
1028
|
-
@apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute end-1 top-1.5 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>ng-icon]:text-[
|
|
1028
|
+
@apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute end-1 top-1.5 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>ng-icon]:text-[length:--spacing(4)];
|
|
1029
1029
|
}
|
|
1030
1030
|
|
|
1031
1031
|
&.spartan-sidebar-menu-badge {
|
|
@@ -1049,7 +1049,7 @@
|
|
|
1049
1049
|
}
|
|
1050
1050
|
|
|
1051
1051
|
&.spartan-sidebar-menu-sub-button {
|
|
1052
|
-
@apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>ng-icon]:text-[
|
|
1052
|
+
@apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>ng-icon]:text-[length:--spacing(4)];
|
|
1053
1053
|
}
|
|
1054
1054
|
|
|
1055
1055
|
/* MARK: Skeleton */
|
|
@@ -1139,7 +1139,7 @@
|
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
1141
|
&.spartan-tabs-trigger {
|
|
1142
|
-
@apply gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_ng-icon:not([class*='text-'])]:text-[
|
|
1142
|
+
@apply gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
1143
1143
|
}
|
|
1144
1144
|
|
|
1145
1145
|
&.spartan-tabs-content {
|
|
@@ -1153,7 +1153,7 @@
|
|
|
1153
1153
|
|
|
1154
1154
|
/* MARK: Toggle */
|
|
1155
1155
|
&.spartan-toggle {
|
|
1156
|
-
@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 dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1 rounded-md text-sm font-medium transition-[color,box-shadow] [&_ng-icon:not([class*='text-'])]:text-[
|
|
1156
|
+
@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 dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1 rounded-md text-sm font-medium transition-[color,box-shadow] [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
1157
1157
|
}
|
|
1158
1158
|
|
|
1159
1159
|
&.spartan-toggle-variant-default {
|
|
@@ -1196,7 +1196,7 @@
|
|
|
1196
1196
|
}
|
|
1197
1197
|
|
|
1198
1198
|
&.spartan-input-group-addon {
|
|
1199
|
-
@apply text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>ng-icon:not([class*='text-'])]:text-[
|
|
1199
|
+
@apply text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
1200
1200
|
}
|
|
1201
1201
|
|
|
1202
1202
|
&.spartan-input-group-addon-align-inline-start {
|
|
@@ -1220,7 +1220,7 @@
|
|
|
1220
1220
|
}
|
|
1221
1221
|
|
|
1222
1222
|
&.spartan-input-group-button-size-xs {
|
|
1223
|
-
@apply h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>ng-icon:not([class*='text-'])]:text-[
|
|
1223
|
+
@apply h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
1224
1224
|
}
|
|
1225
1225
|
|
|
1226
1226
|
&.spartan-input-group-button-size-icon-xs {
|
|
@@ -1232,7 +1232,7 @@
|
|
|
1232
1232
|
}
|
|
1233
1233
|
|
|
1234
1234
|
&.spartan-input-group-text {
|
|
1235
|
-
@apply text-muted-foreground gap-2 text-sm [&_ng-icon:not([class*='text-'])]:text-[
|
|
1235
|
+
@apply text-muted-foreground gap-2 text-sm [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
1236
1236
|
}
|
|
1237
1237
|
|
|
1238
1238
|
&.spartan-input-group-input {
|