@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
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.spartan-accordion-trigger {
|
|
16
|
-
@apply **:data-[slot=accordion-trigger-icon]:text-muted-foreground! gap-6 p-2 text-start text-xs/relaxed font-medium hover:underline **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:text-[
|
|
16
|
+
@apply **:data-[slot=accordion-trigger-icon]:text-muted-foreground! gap-6 p-2 text-start text-xs/relaxed font-medium hover:underline **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:text-[length:--spacing(4)];
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.spartan-accordion-content {
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.spartan-alert-dialog-media {
|
|
41
|
-
@apply bg-muted mb-2 inline-flex size-8 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[ng-icon:not([class*='text-'])]:text-[
|
|
41
|
+
@apply bg-muted mb-2 inline-flex size-8 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(4)];
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.spartan-alert-dialog-title {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
|
|
52
52
|
/* MARK: Alert */
|
|
53
53
|
.spartan-alert {
|
|
54
|
-
@apply grid gap-0.5 rounded-lg border px-2 py-1.5 text-start text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>ng-icon]:grid-cols-[auto_1fr] has-[>ng-icon]:gap-x-1.5 *:[ng-icon]:row-span-2 *:[ng-icon]:translate-y-0.5 *:[ng-icon]:text-current *:[ng-icon:not([class*='text-'])]:text-[
|
|
54
|
+
@apply grid gap-0.5 rounded-lg border px-2 py-1.5 text-start text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>ng-icon]:grid-cols-[auto_1fr] has-[>ng-icon]:gap-x-1.5 *:[ng-icon]:row-span-2 *:[ng-icon]:translate-y-0.5 *:[ng-icon]:text-current *:[ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.spartan-alert-variant-default {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
.spartan-autocomplete-item-indicator {
|
|
91
|
-
@apply absolute end-2 flex items-center justify-center text-[
|
|
91
|
+
@apply absolute end-2 flex items-center justify-center text-[length:--spacing(3.5)];
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.spartan-autocomplete-empty {
|
|
@@ -125,12 +125,12 @@
|
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
.spartan-avatar-group-count {
|
|
128
|
-
@apply bg-muted text-muted-foreground size-8 rounded-full text-xs/relaxed group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>ng-icon]:text-[
|
|
128
|
+
@apply bg-muted text-muted-foreground size-8 rounded-full text-xs/relaxed 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)];
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
/* MARK: Badge */
|
|
132
132
|
.spartan-badge {
|
|
133
|
-
@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-[
|
|
133
|
+
@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-[length:--spacing(2.5)];
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
.spartan-badge-variant-default {
|
|
@@ -175,16 +175,16 @@
|
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
.spartan-breadcrumb-separator {
|
|
178
|
-
@apply [&>ng-icon]:text-[
|
|
178
|
+
@apply [&>ng-icon]:text-[length:--spacing(3.5)];
|
|
179
179
|
}
|
|
180
180
|
|
|
181
181
|
.spartan-breadcrumb-ellipsis {
|
|
182
|
-
@apply size-4 [&>ng-icon]:text-[
|
|
182
|
+
@apply size-4 [&>ng-icon]:text-[length:--spacing(3.5)];
|
|
183
183
|
}
|
|
184
184
|
|
|
185
185
|
/* MARK: Button */
|
|
186
186
|
.spartan-button {
|
|
187
|
-
@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 active:not-aria-[haspopup]:translate-y-px data-[matches-spartan-invalid=true]:ring-2 [&_ng-icon:not([class*='text-'])]:text-[
|
|
187
|
+
@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 active:not-aria-[haspopup]:translate-y-px data-[matches-spartan-invalid=true]:ring-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
.spartan-button-variant-default {
|
|
@@ -216,15 +216,15 @@
|
|
|
216
216
|
}
|
|
217
217
|
|
|
218
218
|
.spartan-button-size-sm {
|
|
219
|
-
@apply h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_ng-icon:not([class*='text-'])]:text-[
|
|
219
|
+
@apply h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
|
|
220
220
|
}
|
|
221
221
|
|
|
222
222
|
.spartan-button-size-default {
|
|
223
|
-
@apply h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_ng-icon:not([class*='text-'])]:text-[
|
|
223
|
+
@apply h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
.spartan-button-size-lg {
|
|
227
|
-
@apply h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_ng-icon:not([class*='text-'])]:text-[
|
|
227
|
+
@apply h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
228
228
|
}
|
|
229
229
|
|
|
230
230
|
.spartan-button-size-icon-xs {
|
|
@@ -232,15 +232,15 @@
|
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
.spartan-button-size-icon-sm {
|
|
235
|
-
@apply size-6 [&_ng-icon:not([class*='text-'])]:text-[
|
|
235
|
+
@apply size-6 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
.spartan-button-size-icon {
|
|
239
|
-
@apply size-7 [&_ng-icon:not([class*='text-'])]:text-[
|
|
239
|
+
@apply size-7 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
240
240
|
}
|
|
241
241
|
|
|
242
242
|
.spartan-button-size-icon-lg {
|
|
243
|
-
@apply size-8 [&_ng-icon:not([class*='text-'])]:text-[
|
|
243
|
+
@apply size-8 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
/* MARK: Button Group */
|
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
.spartan-button-group-text {
|
|
260
|
-
@apply bg-muted gap-2 rounded-md border px-2.5 text-xs/relaxed font-medium [&_ng-icon:not([class*='text-'])]:text-[
|
|
260
|
+
@apply bg-muted gap-2 rounded-md border px-2.5 text-xs/relaxed font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
.spartan-button-group-separator {
|
|
@@ -318,7 +318,7 @@
|
|
|
318
318
|
}
|
|
319
319
|
|
|
320
320
|
.spartan-checkbox-indicator {
|
|
321
|
-
@apply [&>ng-icon]:text-[
|
|
321
|
+
@apply [&>ng-icon]:text-[length:--spacing(3.5)];
|
|
322
322
|
}
|
|
323
323
|
|
|
324
324
|
/* MARK: Combobox */
|
|
@@ -335,7 +335,7 @@
|
|
|
335
335
|
}
|
|
336
336
|
|
|
337
337
|
.spartan-combobox-item-indicator {
|
|
338
|
-
@apply pointer-events-none absolute end-2 flex items-center justify-center text-[
|
|
338
|
+
@apply pointer-events-none absolute end-2 flex items-center justify-center text-[length:--spacing(3.5)];
|
|
339
339
|
}
|
|
340
340
|
|
|
341
341
|
.spartan-combobox-empty {
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
}
|
|
356
356
|
|
|
357
357
|
.spartan-combobox-trigger-icon {
|
|
358
|
-
@apply text-muted-foreground text-[
|
|
358
|
+
@apply text-muted-foreground text-[length:--spacing(3.5)];
|
|
359
359
|
}
|
|
360
360
|
|
|
361
361
|
.spartan-combobox-chips {
|
|
@@ -375,7 +375,7 @@
|
|
|
375
375
|
}
|
|
376
376
|
|
|
377
377
|
.spartan-combobox-placeholder {
|
|
378
|
-
@apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[
|
|
378
|
+
@apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
379
379
|
}
|
|
380
380
|
|
|
381
381
|
.spartan-combobox-status {
|
|
@@ -396,7 +396,7 @@
|
|
|
396
396
|
}
|
|
397
397
|
|
|
398
398
|
.spartan-command-input-icon {
|
|
399
|
-
@apply shrink-0 text-[
|
|
399
|
+
@apply shrink-0 text-[length:--spacing(3.5)] opacity-50;
|
|
400
400
|
}
|
|
401
401
|
|
|
402
402
|
.spartan-command-input {
|
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
}
|
|
421
421
|
|
|
422
422
|
.spartan-command-item {
|
|
423
|
-
@apply data-selected:bg-muted data-selected:text-foreground relative flex min-h-7 cursor-default items-center gap-2 rounded-md px-2.5 py-1.5 text-xs/relaxed outline-hidden select-none in-data-[slot=dialog-content]:rounded-md [&_ng-icon:not([class*='text-'])]:text-[
|
|
423
|
+
@apply data-selected:bg-muted data-selected:text-foreground relative flex min-h-7 cursor-default items-center gap-2 rounded-md px-2.5 py-1.5 text-xs/relaxed outline-hidden select-none in-data-[slot=dialog-content]:rounded-md [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
.spartan-command-shortcut {
|
|
@@ -500,19 +500,19 @@
|
|
|
500
500
|
}
|
|
501
501
|
|
|
502
502
|
.spartan-dropdown-menu-item {
|
|
503
|
-
@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 min-h-7 gap-2 rounded-md px-2 py-1 text-xs/relaxed data-inset:ps-7.5 [&_ng-icon:not([class*='text-'])]:text-[
|
|
503
|
+
@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 min-h-7 gap-2 rounded-md px-2 py-1 text-xs/relaxed data-inset:ps-7.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
504
504
|
}
|
|
505
505
|
|
|
506
506
|
.spartan-dropdown-menu-checkbox-item {
|
|
507
|
-
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:**:text-accent-foreground focus:**:text-accent-foreground min-h-7 gap-2 rounded-md py-1.5 ps-2 pe-8 text-xs data-inset:ps-7.5 [&_ng-icon:not([class*='text-'])]:text-[
|
|
507
|
+
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:**:text-accent-foreground focus:**:text-accent-foreground min-h-7 gap-2 rounded-md py-1.5 ps-2 pe-8 text-xs data-inset:ps-7.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
508
508
|
}
|
|
509
509
|
|
|
510
510
|
.spartan-dropdown-menu-radio-item {
|
|
511
|
-
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:**:text-accent-foreground focus:**:text-accent-foreground min-h-7 gap-2 rounded-md py-1.5 ps-2 pe-8 text-xs data-inset:ps-7.5 [&_ng-icon:not([class*='text-'])]:text-[
|
|
511
|
+
@apply hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:**:text-accent-foreground focus:**:text-accent-foreground min-h-7 gap-2 rounded-md py-1.5 ps-2 pe-8 text-xs data-inset:ps-7.5 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
512
512
|
}
|
|
513
513
|
|
|
514
514
|
.spartan-dropdown-menu-item-indicator {
|
|
515
|
-
@apply absolute end-2 flex items-center justify-center [&_ng-icon]:text-[
|
|
515
|
+
@apply absolute end-2 flex items-center justify-center [&_ng-icon]:text-[length:--spacing(3.5)];
|
|
516
516
|
}
|
|
517
517
|
|
|
518
518
|
.spartan-dropdown-menu-label {
|
|
@@ -549,7 +549,7 @@
|
|
|
549
549
|
}
|
|
550
550
|
|
|
551
551
|
.spartan-empty-media-icon {
|
|
552
|
-
@apply bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-md [&_ng-icon:not([class*='text-'])]:text-[
|
|
552
|
+
@apply bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-md [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
553
553
|
}
|
|
554
554
|
|
|
555
555
|
.spartan-empty-title {
|
|
@@ -637,7 +637,7 @@
|
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
.spartan-input-otp-separator {
|
|
640
|
-
@apply [&_ng-icon:not([class*='text-'])]:text-[
|
|
640
|
+
@apply [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
641
641
|
}
|
|
642
642
|
|
|
643
643
|
/* MARK: Item */
|
|
@@ -678,7 +678,7 @@
|
|
|
678
678
|
}
|
|
679
679
|
|
|
680
680
|
.spartan-item-media-variant-icon {
|
|
681
|
-
@apply [&_ng-icon:not([class*='text-'])]:text-[
|
|
681
|
+
@apply [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
682
682
|
}
|
|
683
683
|
|
|
684
684
|
.spartan-item-media-variant-image {
|
|
@@ -719,7 +719,7 @@
|
|
|
719
719
|
|
|
720
720
|
/* MARK: Kbd */
|
|
721
721
|
.spartan-kbd {
|
|
722
|
-
@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-xs px-1 font-sans text-[0.625rem] font-medium [&_ng-icon:not([class*='text-'])]:text-[
|
|
722
|
+
@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-xs px-1 font-sans text-[0.625rem] font-medium [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
|
|
723
723
|
}
|
|
724
724
|
|
|
725
725
|
.spartan-kbd-group {
|
|
@@ -758,7 +758,7 @@
|
|
|
758
758
|
}
|
|
759
759
|
|
|
760
760
|
.spartan-navigation-menu-link {
|
|
761
|
-
@apply data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/30 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-lg p-2 text-xs/relaxed transition-all outline-none focus-visible:ring-2 focus-visible:outline-1 [&_ng-icon:not([class*='text-'])]:text-[
|
|
761
|
+
@apply data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 focus-visible:ring-ring/30 hover:bg-muted focus:bg-muted flex items-center gap-1.5 rounded-lg p-2 text-xs/relaxed transition-all outline-none focus-visible:ring-2 focus-visible:outline-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
762
762
|
}
|
|
763
763
|
|
|
764
764
|
.spartan-navigation-menu-popup {
|
|
@@ -771,7 +771,7 @@
|
|
|
771
771
|
}
|
|
772
772
|
|
|
773
773
|
.spartan-native-select-icon {
|
|
774
|
-
@apply text-muted-foreground end-1.5 top-1/2 -translate-y-1.5 text-[
|
|
774
|
+
@apply text-muted-foreground end-1.5 top-1/2 -translate-y-1.5 text-[length:--spacing(3.5)] group-data-[size=sm]/native-select:-translate-y-1.25 group-data-[size=sm]/native-select:text-[length:--spacing(3)];
|
|
775
775
|
}
|
|
776
776
|
|
|
777
777
|
/* MARK: Pagination */
|
|
@@ -780,7 +780,7 @@
|
|
|
780
780
|
}
|
|
781
781
|
|
|
782
782
|
.spartan-pagination-ellipsis {
|
|
783
|
-
@apply size-7 items-center justify-center [&_ng-icon:not([class*='text-'])]:text-[
|
|
783
|
+
@apply size-7 items-center justify-center [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
784
784
|
}
|
|
785
785
|
|
|
786
786
|
.spartan-pagination-previous {
|
|
@@ -862,7 +862,7 @@
|
|
|
862
862
|
}
|
|
863
863
|
|
|
864
864
|
.spartan-select-trigger-icon {
|
|
865
|
-
@apply text-muted-foreground text-[
|
|
865
|
+
@apply text-muted-foreground text-[length:--spacing(3.5)];
|
|
866
866
|
}
|
|
867
867
|
|
|
868
868
|
.spartan-select-content {
|
|
@@ -878,7 +878,7 @@
|
|
|
878
878
|
}
|
|
879
879
|
|
|
880
880
|
.spartan-select-item-indicator {
|
|
881
|
-
@apply absolute end-2 flex items-center justify-center text-[
|
|
881
|
+
@apply absolute end-2 flex items-center justify-center text-[length:--spacing(3.5)];
|
|
882
882
|
}
|
|
883
883
|
|
|
884
884
|
.spartan-select-group {
|
|
@@ -890,15 +890,15 @@
|
|
|
890
890
|
}
|
|
891
891
|
|
|
892
892
|
.spartan-select-scroll-up-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(3.5)];
|
|
894
894
|
}
|
|
895
895
|
|
|
896
896
|
.spartan-select-scroll-down-button {
|
|
897
|
-
@apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[
|
|
897
|
+
@apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
898
898
|
}
|
|
899
899
|
|
|
900
900
|
.spartan-select-placeholder {
|
|
901
|
-
@apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[
|
|
901
|
+
@apply gap-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
902
902
|
}
|
|
903
903
|
|
|
904
904
|
.spartan-select-values-content {
|
|
@@ -997,11 +997,11 @@
|
|
|
997
997
|
}
|
|
998
998
|
|
|
999
999
|
.spartan-sidebar-group-label {
|
|
1000
|
-
@apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs 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-[
|
|
1000
|
+
@apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs 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)];
|
|
1001
1001
|
}
|
|
1002
1002
|
|
|
1003
1003
|
.spartan-sidebar-group-action {
|
|
1004
|
-
@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-[
|
|
1004
|
+
@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)];
|
|
1005
1005
|
}
|
|
1006
1006
|
|
|
1007
1007
|
.spartan-sidebar-menu-button {
|
|
@@ -1029,7 +1029,7 @@
|
|
|
1029
1029
|
}
|
|
1030
1030
|
|
|
1031
1031
|
.spartan-sidebar-menu-action {
|
|
1032
|
-
@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-[calc(var(--radius-sm)-2px)] 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-[
|
|
1032
|
+
@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-[calc(var(--radius-sm)-2px)] 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)];
|
|
1033
1033
|
}
|
|
1034
1034
|
|
|
1035
1035
|
.spartan-sidebar-menu-badge {
|
|
@@ -1053,7 +1053,7 @@
|
|
|
1053
1053
|
}
|
|
1054
1054
|
|
|
1055
1055
|
.spartan-sidebar-menu-sub-button {
|
|
1056
|
-
@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-xs data-[size=sm]:text-xs [&>ng-icon]:text-[
|
|
1056
|
+
@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-xs data-[size=sm]:text-xs [&>ng-icon]:text-[length:--spacing(4)];
|
|
1057
1057
|
}
|
|
1058
1058
|
|
|
1059
1059
|
/* MARK: Skeleton */
|
|
@@ -1143,7 +1143,7 @@
|
|
|
1143
1143
|
}
|
|
1144
1144
|
|
|
1145
1145
|
.spartan-tabs-trigger {
|
|
1146
|
-
@apply gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium group-data-vertical/tabs:py-[calc(--spacing(1.25))] [&_ng-icon:not([class*='text-'])]:text-[
|
|
1146
|
+
@apply gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium group-data-vertical/tabs:py-[calc(--spacing(1.25))] [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
1147
1147
|
}
|
|
1148
1148
|
|
|
1149
1149
|
.spartan-tabs-content {
|
|
@@ -1157,7 +1157,7 @@
|
|
|
1157
1157
|
|
|
1158
1158
|
/* MARK: Toggle */
|
|
1159
1159
|
.spartan-toggle {
|
|
1160
|
-
@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-[
|
|
1160
|
+
@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-[length:--spacing(4)];
|
|
1161
1161
|
}
|
|
1162
1162
|
|
|
1163
1163
|
.spartan-toggle-variant-default {
|
|
@@ -1173,7 +1173,7 @@
|
|
|
1173
1173
|
}
|
|
1174
1174
|
|
|
1175
1175
|
.spartan-toggle-size-sm {
|
|
1176
|
-
@apply h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-2 text-[0.625rem] [&_ng-icon:not([class*='text-'])]:text-[
|
|
1176
|
+
@apply h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-2 text-[0.625rem] [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
|
|
1177
1177
|
}
|
|
1178
1178
|
|
|
1179
1179
|
.spartan-toggle-size-lg {
|
|
@@ -1200,7 +1200,7 @@
|
|
|
1200
1200
|
}
|
|
1201
1201
|
|
|
1202
1202
|
.spartan-input-group-addon {
|
|
1203
|
-
@apply text-muted-foreground **:data-[slot=kbd]:bg-muted-foreground/10 h-auto gap-1 py-2 text-xs/relaxed font-medium group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-[calc(var(--radius-sm)-2px)] **:data-[slot=kbd]:px-1 **:data-[slot=kbd]:text-[0.625rem] [&>ng-icon:not([class*='text-'])]:text-[
|
|
1203
|
+
@apply text-muted-foreground **:data-[slot=kbd]:bg-muted-foreground/10 h-auto gap-1 py-2 text-xs/relaxed font-medium group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-[calc(var(--radius-sm)-2px)] **:data-[slot=kbd]:px-1 **:data-[slot=kbd]:text-[0.625rem] [&>ng-icon:not([class*='text-'])]:text-[length:--spacing(3.5)];
|
|
1204
1204
|
}
|
|
1205
1205
|
|
|
1206
1206
|
.spartan-input-group-addon-align-inline-start {
|
|
@@ -1224,7 +1224,7 @@
|
|
|
1224
1224
|
}
|
|
1225
1225
|
|
|
1226
1226
|
.spartan-input-group-button-size-xs {
|
|
1227
|
-
@apply h-5 gap-1 rounded-[calc(var(--radius-sm)-2px)] px-1 [&>ng-icon:not([class*='text-'])]:text-[
|
|
1227
|
+
@apply h-5 gap-1 rounded-[calc(var(--radius-sm)-2px)] px-1 [&>ng-icon:not([class*='text-'])]:text-[length:--spacing(3)];
|
|
1228
1228
|
}
|
|
1229
1229
|
|
|
1230
1230
|
.spartan-input-group-button-size-icon-xs {
|
|
@@ -1240,7 +1240,7 @@
|
|
|
1240
1240
|
}
|
|
1241
1241
|
|
|
1242
1242
|
.spartan-input-group-text {
|
|
1243
|
-
@apply text-muted-foreground gap-2 text-xs/relaxed [&_ng-icon:not([class*='text-'])]:text-[
|
|
1243
|
+
@apply text-muted-foreground gap-2 text-xs/relaxed [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)];
|
|
1244
1244
|
}
|
|
1245
1245
|
|
|
1246
1246
|
.spartan-input-group-input {
|