@spartan-ng/cli 0.0.1-alpha.659 → 0.0.1-alpha.660
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/lib/styles/transform-style-map.js +1 -1
- package/src/generators/base/lib/styles/transform-style-map.js.map +1 -1
- package/src/generators/ui/libs/alert/files/lib/hlm-alert-action.ts.template +1 -1
- package/src/generators/ui/libs/alert/files/lib/hlm-alert-description.ts.template +1 -4
- package/src/generators/ui/libs/alert/files/lib/hlm-alert-title.ts.template +1 -4
- package/src/generators/ui/libs/alert/files/lib/hlm-alert.ts.template +10 -13
- package/src/generators/ui/style-luma.css +95 -95
- package/src/generators/ui/style-lyra.css +29 -29
- package/src/generators/ui/style-maia.css +28 -28
- package/src/generators/ui/style-mira.css +28 -28
- package/src/generators/ui/style-nova.css +39 -39
- package/src/generators/ui/style-vega.css +40 -40
- package/src/generators/ui/supported-ui-libraries.json +41 -41
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.spartan-radio-group-indicator-icon {
|
|
42
|
-
@apply bg-primary-foreground absolute
|
|
42
|
+
@apply bg-primary-foreground absolute start-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full dark:size-2.5;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
/* MARK: Checkbox */
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.spartan-checkbox-indicator {
|
|
51
|
-
@apply [&>ng-icon]:text-[--spacing
|
|
51
|
+
@apply [&>ng-icon]:text-[calc(var(--spacing)*3.5)];
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
/* MARK: Button */
|
|
@@ -81,19 +81,19 @@
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
.spartan-button-size-xs {
|
|
84
|
-
@apply h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:
|
|
84
|
+
@apply h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*3)];
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.spartan-button-size-sm {
|
|
88
|
-
@apply h-8 gap-1 px-3 has-data-[icon=inline-end]:
|
|
88
|
+
@apply h-8 gap-1 px-3 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.spartan-button-size-default {
|
|
92
|
-
@apply h-9 gap-1.5 px-3 has-data-[icon=inline-end]:
|
|
92
|
+
@apply h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.spartan-button-size-lg {
|
|
96
|
-
@apply h-10 gap-1.5 px-4 has-data-[icon=inline-end]:
|
|
96
|
+
@apply h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.spartan-button-size-icon-xs {
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
.spartan-select-value {
|
|
152
|
-
@apply flex flex-1 text-
|
|
152
|
+
@apply flex flex-1 text-start;
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
.spartan-select-trigger-icon {
|
|
@@ -157,11 +157,11 @@
|
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
.spartan-select-content {
|
|
160
|
-
@apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
160
|
+
@apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 min-w-36 rounded-3xl shadow-lg ring-1 duration-100;
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
.spartan-select-content-logical {
|
|
164
|
-
@apply data-[side=inline-start]:slide-in-from-
|
|
164
|
+
@apply data-[side=inline-start]:slide-in-from-end-2 data-[side=inline-end]:slide-in-from-start-2;
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
.spartan-select-label {
|
|
@@ -169,11 +169,11 @@
|
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
.spartan-select-item {
|
|
172
|
-
@apply focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2
|
|
172
|
+
@apply focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)] *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
.spartan-select-item-indicator {
|
|
176
|
-
@apply pointer-events-none absolute
|
|
176
|
+
@apply pointer-events-none absolute end-2 flex size-4 items-center justify-center;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
.spartan-select-group {
|
|
@@ -198,20 +198,20 @@
|
|
|
198
198
|
|
|
199
199
|
/* MARK: Native Select */
|
|
200
200
|
.spartan-native-select {
|
|
201
|
-
@apply bg-input/50 placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground 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-9 w-full min-w-0 appearance-none rounded-3xl border border-transparent py-1
|
|
201
|
+
@apply bg-input/50 placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground 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-9 w-full min-w-0 appearance-none rounded-3xl border border-transparent py-1 ps-3 pe-8 text-sm transition-[color,box-shadow,background-color] select-none focus-visible:ring-3 data-[matches-spartan-invalid=true]:ring-3 data-[size=sm]:h-8;
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
.spartan-native-select-icon {
|
|
205
|
-
@apply text-muted-foreground top-1/2
|
|
205
|
+
@apply text-muted-foreground end-2.5 top-1/2 size-4 -translate-y-1/2;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
/* MARK: Combobox */
|
|
209
209
|
.spartan-combobox-content {
|
|
210
|
-
@apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
210
|
+
@apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 *:data-[slot=input-group]:bg-input/50 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-3xl shadow-lg ring-1 duration-100 *:data-[slot=input-group]:m-1.5 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
.spartan-combobox-content-logical {
|
|
214
|
-
@apply data-[side=inline-start]:slide-in-from-
|
|
214
|
+
@apply data-[side=inline-start]:slide-in-from-end-2 data-[side=inline-end]:slide-in-from-start-2;
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
.spartan-combobox-label {
|
|
@@ -219,11 +219,11 @@
|
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
.spartan-combobox-item {
|
|
222
|
-
@apply data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2.5 rounded-2xl py-2
|
|
222
|
+
@apply data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
.spartan-combobox-item-indicator {
|
|
226
|
-
@apply pointer-events-none absolute
|
|
226
|
+
@apply pointer-events-none absolute end-2 flex size-4 items-center justify-center;
|
|
227
227
|
}
|
|
228
228
|
|
|
229
229
|
.spartan-combobox-empty {
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
}
|
|
256
256
|
|
|
257
257
|
.spartan-combobox-chip {
|
|
258
|
-
@apply bg-input text-foreground dark:bg-input/60 flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-3xl px-2 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:
|
|
258
|
+
@apply bg-input text-foreground dark:bg-input/60 flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-3xl px-2 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pe-0;
|
|
259
259
|
}
|
|
260
260
|
|
|
261
261
|
.spartan-combobox-chip-remove {
|
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
|
|
265
265
|
/* MARK: Input Group */
|
|
266
266
|
.spartan-input-group {
|
|
267
|
-
@apply bg-input/50 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]=true]]:ring-destructive/20 has-[[data-slot][data-[matches-spartan-invalid=true]=true]]:border-destructive dark:has-[[data-slot][data-[matches-spartan-invalid=true]=true]]:ring-destructive/40 h-9 rounded-4xl border border-transparent transition-[color,box-shadow,background-color] in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-3xl has-data-[align=block-start]:rounded-3xl has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][data-[matches-spartan-invalid=true]=true]]:ring-3 has-[textarea]:rounded-2xl 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]:
|
|
267
|
+
@apply bg-input/50 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]=true]]:ring-destructive/20 has-[[data-slot][data-[matches-spartan-invalid=true]=true]]:border-destructive dark:has-[[data-slot][data-[matches-spartan-invalid=true]=true]]:ring-destructive/40 h-9 rounded-4xl border border-transparent transition-[color,box-shadow,background-color] in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-3xl has-data-[align=block-start]:rounded-3xl has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][data-[matches-spartan-invalid=true]=true]]:ring-3 has-[textarea]:rounded-2xl 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;
|
|
268
268
|
}
|
|
269
269
|
|
|
270
270
|
.spartan-input-group-addon {
|
|
@@ -272,11 +272,11 @@
|
|
|
272
272
|
}
|
|
273
273
|
|
|
274
274
|
.spartan-input-group-addon-align-inline-start {
|
|
275
|
-
@apply
|
|
275
|
+
@apply ps-3 has-[>button]:-ml-1 has-[>kbd]:-ml-1;
|
|
276
276
|
}
|
|
277
277
|
|
|
278
278
|
.spartan-input-group-addon-align-inline-end {
|
|
279
|
-
@apply
|
|
279
|
+
@apply pe-3 has-[>button]:-mr-1 has-[>kbd]:-mr-1;
|
|
280
280
|
}
|
|
281
281
|
|
|
282
282
|
.spartan-input-group-addon-align-block-start {
|
|
@@ -296,11 +296,11 @@
|
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
.spartan-input-group-button-size-icon-xs {
|
|
299
|
-
@apply size-6 rounded-xl p-0 has-[>
|
|
299
|
+
@apply size-6 rounded-xl p-0 has-[>ng-icon]:p-0;
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
.spartan-input-group-button-size-icon-sm {
|
|
303
|
-
@apply size-8 p-0 has-[>
|
|
303
|
+
@apply size-8 p-0 has-[>ng-icon]:p-0;
|
|
304
304
|
}
|
|
305
305
|
|
|
306
306
|
.spartan-input-group-text {
|
|
@@ -366,7 +366,7 @@
|
|
|
366
366
|
}
|
|
367
367
|
|
|
368
368
|
.spartan-field-description {
|
|
369
|
-
@apply text-muted-foreground text-
|
|
369
|
+
@apply text-muted-foreground text-start text-sm [[data-variant=legend]+&]:-mt-1.5;
|
|
370
370
|
}
|
|
371
371
|
|
|
372
372
|
.spartan-field-separator {
|
|
@@ -391,7 +391,7 @@
|
|
|
391
391
|
}
|
|
392
392
|
|
|
393
393
|
.spartan-tabs-trigger {
|
|
394
|
-
@apply gap-2 rounded-full border border-transparent! px-3 py-1 text-sm font-medium group-data-vertical/tabs:rounded-2xl group-data-vertical/tabs:px-3 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:
|
|
394
|
+
@apply gap-2 rounded-full border border-transparent! px-3 py-1 text-sm font-medium group-data-vertical/tabs:rounded-2xl group-data-vertical/tabs:px-3 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
395
395
|
}
|
|
396
396
|
|
|
397
397
|
.spartan-tabs-content {
|
|
@@ -433,7 +433,7 @@
|
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
.spartan-accordion-trigger {
|
|
436
|
-
@apply **:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 text-
|
|
436
|
+
@apply **:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-4 text-start text-sm font-medium hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4;
|
|
437
437
|
}
|
|
438
438
|
|
|
439
439
|
.spartan-accordion-content {
|
|
@@ -454,11 +454,11 @@
|
|
|
454
454
|
}
|
|
455
455
|
|
|
456
456
|
.spartan-alert-dialog-header {
|
|
457
|
-
@apply grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-
|
|
457
|
+
@apply grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr];
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
.spartan-alert-dialog-media {
|
|
461
|
-
@apply bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-full sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[
|
|
461
|
+
@apply bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-full sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*8)];
|
|
462
462
|
}
|
|
463
463
|
|
|
464
464
|
.spartan-alert-dialog-title {
|
|
@@ -471,7 +471,7 @@
|
|
|
471
471
|
|
|
472
472
|
/* MARK: Alert */
|
|
473
473
|
.spartan-alert {
|
|
474
|
-
@apply grid gap-0.5 rounded-2xl border px-4 py-3 text-
|
|
474
|
+
@apply grid gap-0.5 rounded-2xl border px-4 py-3 text-start text-sm 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-2.5 *:[ng-icon]:row-span-2 *:[ng-icon]:translate-y-0.5 *:[ng-icon]:text-current *:[ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
475
475
|
}
|
|
476
476
|
|
|
477
477
|
.spartan-alert-variant-default {
|
|
@@ -479,11 +479,11 @@
|
|
|
479
479
|
}
|
|
480
480
|
|
|
481
481
|
.spartan-alert-variant-destructive {
|
|
482
|
-
@apply text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[
|
|
482
|
+
@apply text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[ng-icon]:text-current;
|
|
483
483
|
}
|
|
484
484
|
|
|
485
485
|
.spartan-alert-title {
|
|
486
|
-
@apply font-medium group-has-[>
|
|
486
|
+
@apply font-medium group-has-[>ng-icon]/alert:col-start-2;
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
.spartan-alert-description {
|
|
@@ -491,7 +491,7 @@
|
|
|
491
491
|
}
|
|
492
492
|
|
|
493
493
|
.spartan-alert-action {
|
|
494
|
-
@apply absolute top-2.5
|
|
494
|
+
@apply absolute end-3 top-2.5;
|
|
495
495
|
}
|
|
496
496
|
|
|
497
497
|
/* MARK: Avatar */
|
|
@@ -512,12 +512,12 @@
|
|
|
512
512
|
}
|
|
513
513
|
|
|
514
514
|
.spartan-avatar-group-count {
|
|
515
|
-
@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-[--spacing
|
|
515
|
+
@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-[calc(var(--spacing)*4)] group-has-data-[size=lg]/avatar-group:[&>ng-icon]:text-[calc(var(--spacing)*5)] group-has-data-[size=sm]/avatar-group:[&>ng-icon]:text-[calc(var(--spacing)*3)];
|
|
516
516
|
}
|
|
517
517
|
|
|
518
518
|
/* MARK: Badge */
|
|
519
519
|
.spartan-badge {
|
|
520
|
-
@apply h-5 gap-1 rounded-3xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:
|
|
520
|
+
@apply h-5 gap-1 rounded-3xl 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-[calc(var(--spacing)*3)]!;
|
|
521
521
|
}
|
|
522
522
|
|
|
523
523
|
.spartan-badge-variant-default {
|
|
@@ -562,11 +562,11 @@
|
|
|
562
562
|
}
|
|
563
563
|
|
|
564
564
|
.spartan-breadcrumb-separator {
|
|
565
|
-
@apply [&>ng-icon]:text-[--spacing
|
|
565
|
+
@apply [&>ng-icon]:text-[calc(var(--spacing)*3.5)];
|
|
566
566
|
}
|
|
567
567
|
|
|
568
568
|
.spartan-breadcrumb-ellipsis {
|
|
569
|
-
@apply size-5 [&>ng-icon]:text-[--spacing
|
|
569
|
+
@apply size-5 [&>ng-icon]:text-[calc(var(--spacing)*4)];
|
|
570
570
|
}
|
|
571
571
|
|
|
572
572
|
/* MARK: Command */
|
|
@@ -611,7 +611,7 @@
|
|
|
611
611
|
}
|
|
612
612
|
|
|
613
613
|
.spartan-command-item {
|
|
614
|
-
@apply data-selected:bg-muted data-selected:text-foreground data-selected:*:[
|
|
614
|
+
@apply data-selected:bg-muted data-selected:text-foreground data-selected:*:[ng-icon]:text-foreground relative flex cursor-default items-center gap-2 rounded-2xl px-3 py-2 text-sm font-medium outline-hidden select-none in-data-[slot=dialog-content]:rounded-3xl [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
615
615
|
}
|
|
616
616
|
|
|
617
617
|
.spartan-command-shortcut {
|
|
@@ -620,31 +620,31 @@
|
|
|
620
620
|
|
|
621
621
|
/* MARK: Context Menu */
|
|
622
622
|
.spartan-context-menu-content {
|
|
623
|
-
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
623
|
+
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 bg-popover text-popover-foreground min-w-48 rounded-3xl p-1.5 shadow-lg ring-1 duration-100;
|
|
624
624
|
}
|
|
625
625
|
|
|
626
626
|
.spartan-context-menu-content-logical {
|
|
627
|
-
@apply data-[side=inline-start]:slide-in-from-
|
|
627
|
+
@apply data-[side=inline-start]:slide-in-from-end-2 data-[side=inline-end]:slide-in-from-start-2;
|
|
628
628
|
}
|
|
629
629
|
|
|
630
630
|
.spartan-context-menu-item {
|
|
631
|
-
@apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[
|
|
631
|
+
@apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive focus:*:[ng-icon]:text-accent-foreground gap-2.5 rounded-2xl px-3 py-2 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
632
632
|
}
|
|
633
633
|
|
|
634
634
|
.spartan-context-menu-checkbox-item {
|
|
635
|
-
@apply focus:bg-accent focus:text-accent-foreground gap-2.5 rounded-2xl py-2
|
|
635
|
+
@apply focus:bg-accent focus:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
636
636
|
}
|
|
637
637
|
|
|
638
638
|
.spartan-context-menu-radio-item {
|
|
639
|
-
@apply focus:bg-accent focus:text-accent-foreground gap-2.5 rounded-2xl py-2
|
|
639
|
+
@apply focus:bg-accent focus:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
640
640
|
}
|
|
641
641
|
|
|
642
642
|
.spartan-context-menu-item-indicator {
|
|
643
|
-
@apply absolute
|
|
643
|
+
@apply absolute end-2;
|
|
644
644
|
}
|
|
645
645
|
|
|
646
646
|
.spartan-context-menu-label {
|
|
647
|
-
@apply text-muted-foreground px-3 py-2.5 text-xs data-inset:
|
|
647
|
+
@apply text-muted-foreground px-3 py-2.5 text-xs data-inset:ps-9.5;
|
|
648
648
|
}
|
|
649
649
|
|
|
650
650
|
.spartan-context-menu-separator {
|
|
@@ -656,11 +656,11 @@
|
|
|
656
656
|
}
|
|
657
657
|
|
|
658
658
|
.spartan-context-menu-sub-trigger {
|
|
659
|
-
@apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground rounded-2xl px-3 py-2 text-sm font-medium data-inset:
|
|
659
|
+
@apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground rounded-2xl px-3 py-2 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
660
660
|
}
|
|
661
661
|
|
|
662
662
|
.spartan-context-menu-sub-content {
|
|
663
|
-
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
663
|
+
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-3xl p-1.5 shadow-lg ring-1 duration-100;
|
|
664
664
|
}
|
|
665
665
|
|
|
666
666
|
.spartan-context-menu-subcontent {
|
|
@@ -677,7 +677,7 @@
|
|
|
677
677
|
}
|
|
678
678
|
|
|
679
679
|
.spartan-dialog-close {
|
|
680
|
-
@apply bg-secondary absolute
|
|
680
|
+
@apply bg-secondary absolute end-4 top-4;
|
|
681
681
|
}
|
|
682
682
|
|
|
683
683
|
.spartan-dialog-header {
|
|
@@ -702,7 +702,7 @@
|
|
|
702
702
|
}
|
|
703
703
|
|
|
704
704
|
.spartan-drawer-content {
|
|
705
|
-
@apply before:bg-popover before:border-border relative flex h-auto flex-col bg-transparent p-4 text-sm before:absolute before:inset-2 before:-z-10 before:rounded-4xl before:border before:shadow-xl data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:
|
|
705
|
+
@apply before:bg-popover before:border-border relative flex h-auto flex-col bg-transparent p-4 text-sm before:absolute before:inset-2 before:-z-10 before:rounded-4xl before:border before:shadow-xl data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:start-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:end-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm;
|
|
706
706
|
}
|
|
707
707
|
|
|
708
708
|
.spartan-drawer-handle {
|
|
@@ -710,7 +710,7 @@
|
|
|
710
710
|
}
|
|
711
711
|
|
|
712
712
|
.spartan-drawer-header {
|
|
713
|
-
@apply gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-
|
|
713
|
+
@apply gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-start;
|
|
714
714
|
}
|
|
715
715
|
|
|
716
716
|
.spartan-drawer-title {
|
|
@@ -727,31 +727,31 @@
|
|
|
727
727
|
|
|
728
728
|
/* MARK: Dropdown Menu */
|
|
729
729
|
.spartan-dropdown-menu-content {
|
|
730
|
-
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
730
|
+
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 bg-popover text-popover-foreground min-w-48 rounded-3xl p-1.5 shadow-lg ring-1 duration-100;
|
|
731
731
|
}
|
|
732
732
|
|
|
733
733
|
.spartan-dropdown-menu-content-logical {
|
|
734
|
-
@apply data-[side=inline-start]:slide-in-from-
|
|
734
|
+
@apply data-[side=inline-start]:slide-in-from-end-2 data-[side=inline-end]:slide-in-from-start-2;
|
|
735
735
|
}
|
|
736
736
|
|
|
737
737
|
.spartan-dropdown-menu-item {
|
|
738
|
-
@apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[
|
|
738
|
+
@apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2.5 rounded-2xl px-3 py-2 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
739
739
|
}
|
|
740
740
|
|
|
741
741
|
.spartan-dropdown-menu-checkbox-item {
|
|
742
|
-
@apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2
|
|
742
|
+
@apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
743
743
|
}
|
|
744
744
|
|
|
745
745
|
.spartan-dropdown-menu-radio-item {
|
|
746
|
-
@apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2
|
|
746
|
+
@apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-3 pe-8 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
747
747
|
}
|
|
748
748
|
|
|
749
749
|
.spartan-dropdown-menu-item-indicator {
|
|
750
|
-
@apply absolute
|
|
750
|
+
@apply absolute end-2 flex items-center justify-center;
|
|
751
751
|
}
|
|
752
752
|
|
|
753
753
|
.spartan-dropdown-menu-label {
|
|
754
|
-
@apply text-muted-foreground px-3 py-2.5 text-xs data-inset:
|
|
754
|
+
@apply text-muted-foreground px-3 py-2.5 text-xs data-inset:ps-9.5;
|
|
755
755
|
}
|
|
756
756
|
|
|
757
757
|
.spartan-dropdown-menu-separator {
|
|
@@ -763,11 +763,11 @@
|
|
|
763
763
|
}
|
|
764
764
|
|
|
765
765
|
.spartan-dropdown-menu-sub-trigger {
|
|
766
|
-
@apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-2xl px-3 py-2 text-sm font-medium data-inset:
|
|
766
|
+
@apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-2xl px-3 py-2 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
767
767
|
}
|
|
768
768
|
|
|
769
769
|
.spartan-dropdown-menu-sub-content {
|
|
770
|
-
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
770
|
+
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-3xl p-1.5 shadow-lg ring-1 duration-100;
|
|
771
771
|
}
|
|
772
772
|
|
|
773
773
|
.spartan-dropdown-menu-subcontent {
|
|
@@ -828,7 +828,7 @@
|
|
|
828
828
|
}
|
|
829
829
|
|
|
830
830
|
.spartan-item-description {
|
|
831
|
-
@apply text-muted-foreground text-
|
|
831
|
+
@apply text-muted-foreground text-start text-sm;
|
|
832
832
|
}
|
|
833
833
|
|
|
834
834
|
.spartan-item-actions {
|
|
@@ -875,35 +875,35 @@
|
|
|
875
875
|
}
|
|
876
876
|
|
|
877
877
|
.spartan-menubar-content {
|
|
878
|
-
@apply bg-popover text-popover-foreground data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
878
|
+
@apply bg-popover text-popover-foreground data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 min-w-48 rounded-3xl p-1.5 shadow-lg ring-1 duration-100;
|
|
879
879
|
}
|
|
880
880
|
|
|
881
881
|
.spartan-menubar-content-logical {
|
|
882
|
-
@apply data-[side=inline-start]:slide-in-from-
|
|
882
|
+
@apply data-[side=inline-start]:slide-in-from-end-2 data-[side=inline-end]:slide-in-from-start-2;
|
|
883
883
|
}
|
|
884
884
|
|
|
885
885
|
.spartan-menubar-item {
|
|
886
|
-
@apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[
|
|
886
|
+
@apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[ng-icon]:text-destructive! not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2.5 rounded-2xl px-3 py-2 text-sm font-medium data-disabled:opacity-50 data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
887
887
|
}
|
|
888
888
|
|
|
889
889
|
.spartan-menubar-checkbox-item {
|
|
890
|
-
@apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2
|
|
890
|
+
@apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-9.5 pe-3 text-sm font-medium data-inset:ps-9.5;
|
|
891
891
|
}
|
|
892
892
|
|
|
893
893
|
.spartan-menubar-checkbox-item-indicator {
|
|
894
|
-
@apply
|
|
894
|
+
@apply start-3 size-4 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
895
895
|
}
|
|
896
896
|
|
|
897
897
|
.spartan-menubar-radio-item {
|
|
898
|
-
@apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2
|
|
898
|
+
@apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2.5 rounded-2xl py-2 ps-9.5 pe-3 text-sm font-medium data-disabled:opacity-50 data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
899
899
|
}
|
|
900
900
|
|
|
901
901
|
.spartan-menubar-radio-item-indicator {
|
|
902
|
-
@apply
|
|
902
|
+
@apply start-3 size-4 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
903
903
|
}
|
|
904
904
|
|
|
905
905
|
.spartan-menubar-label {
|
|
906
|
-
@apply text-muted-foreground px-3.5 py-2.5 text-xs data-inset:
|
|
906
|
+
@apply text-muted-foreground px-3.5 py-2.5 text-xs data-inset:ps-9.5;
|
|
907
907
|
}
|
|
908
908
|
|
|
909
909
|
.spartan-menubar-separator {
|
|
@@ -915,11 +915,11 @@
|
|
|
915
915
|
}
|
|
916
916
|
|
|
917
917
|
.spartan-menubar-sub-trigger {
|
|
918
|
-
@apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-2 rounded-2xl px-3 py-2 text-sm font-medium data-inset:
|
|
918
|
+
@apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-2 rounded-2xl px-3 py-2 text-sm font-medium data-inset:ps-9.5 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)];
|
|
919
919
|
}
|
|
920
920
|
|
|
921
921
|
.spartan-menubar-sub-content {
|
|
922
|
-
@apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
922
|
+
@apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 min-w-32 rounded-3xl p-1.5 shadow-lg ring-1 duration-100;
|
|
923
923
|
}
|
|
924
924
|
|
|
925
925
|
/* MARK: Navigation Menu */
|
|
@@ -944,7 +944,7 @@
|
|
|
944
944
|
}
|
|
945
945
|
|
|
946
946
|
.spartan-navigation-menu-content {
|
|
947
|
-
@apply data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-
|
|
947
|
+
@apply data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-end-52 data-[motion=from-start]:slide-in-from-start-52 data-[motion=to-end]:slide-out-to-end-52 data-[motion=to-start]:slide-out-to-start-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:ring-foreground/5 group-data-[viewport=false]/navigation-menu:dark:ring-foreground/10 p-2.5 pe-3 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-3xl group-data-[viewport=false]/navigation-menu:shadow-lg group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300;
|
|
948
948
|
}
|
|
949
949
|
|
|
950
950
|
.spartan-navigation-menu-viewport {
|
|
@@ -960,7 +960,7 @@
|
|
|
960
960
|
}
|
|
961
961
|
|
|
962
962
|
.spartan-navigation-menu-positioner {
|
|
963
|
-
@apply transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:before:
|
|
963
|
+
@apply transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:before:start-0 data-[side=bottom]:before:end-0 data-[side=bottom]:before:top-[-10px];
|
|
964
964
|
}
|
|
965
965
|
|
|
966
966
|
.spartan-navigation-menu-popup {
|
|
@@ -977,11 +977,11 @@
|
|
|
977
977
|
}
|
|
978
978
|
|
|
979
979
|
.spartan-pagination-previous {
|
|
980
|
-
@apply
|
|
980
|
+
@apply ps-2!;
|
|
981
981
|
}
|
|
982
982
|
|
|
983
983
|
.spartan-pagination-next {
|
|
984
|
-
@apply
|
|
984
|
+
@apply pe-2!;
|
|
985
985
|
}
|
|
986
986
|
|
|
987
987
|
/* MARK: Sidebar */
|
|
@@ -1034,15 +1034,15 @@
|
|
|
1034
1034
|
}
|
|
1035
1035
|
|
|
1036
1036
|
.spartan-sidebar-group-label {
|
|
1037
|
-
@apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-xl px-3 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-[--spacing
|
|
1037
|
+
@apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-xl px-3 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-[calc(var(--spacing)*4)];
|
|
1038
1038
|
}
|
|
1039
1039
|
|
|
1040
1040
|
.spartan-sidebar-group-action {
|
|
1041
|
-
@apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5
|
|
1041
|
+
@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-xl p-0 focus-visible:ring-2 [&>ng-icon]:text-[calc(var(--spacing)*4)];
|
|
1042
1042
|
}
|
|
1043
1043
|
|
|
1044
1044
|
.spartan-sidebar-menu-button {
|
|
1045
|
-
@apply ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-xl px-3 py-2 text-
|
|
1045
|
+
@apply ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-xl px-3 py-2 text-start text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium;
|
|
1046
1046
|
}
|
|
1047
1047
|
|
|
1048
1048
|
.spartan-sidebar-menu-button-variant-default {
|
|
@@ -1066,11 +1066,11 @@
|
|
|
1066
1066
|
}
|
|
1067
1067
|
|
|
1068
1068
|
.spartan-sidebar-menu-action {
|
|
1069
|
-
@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 top-1.5
|
|
1069
|
+
@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-xl p-0 peer-data-[size=default]/menu-button:top-2 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>ng-icon]:text-[calc(var(--spacing)*4)];
|
|
1070
1070
|
}
|
|
1071
1071
|
|
|
1072
1072
|
.spartan-sidebar-menu-badge {
|
|
1073
|
-
@apply text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute
|
|
1073
|
+
@apply text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute end-1 flex h-5 min-w-5 rounded-xl px-1 text-xs font-medium 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;
|
|
1074
1074
|
}
|
|
1075
1075
|
|
|
1076
1076
|
.spartan-sidebar-menu-skeleton {
|
|
@@ -1090,16 +1090,16 @@
|
|
|
1090
1090
|
}
|
|
1091
1091
|
|
|
1092
1092
|
.spartan-sidebar-menu-sub-button {
|
|
1093
|
-
@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-xl px-3 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>ng-icon]:text-[--spacing
|
|
1093
|
+
@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-xl px-3 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>ng-icon]:text-[calc(var(--spacing)*4)];
|
|
1094
1094
|
}
|
|
1095
1095
|
|
|
1096
1096
|
/* MARK: Popover */
|
|
1097
1097
|
.spartan-popover-content {
|
|
1098
|
-
@apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
1098
|
+
@apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 flex flex-col gap-4 rounded-3xl p-4 text-sm shadow-lg ring-1 duration-100;
|
|
1099
1099
|
}
|
|
1100
1100
|
|
|
1101
1101
|
.spartan-popover-content-logical {
|
|
1102
|
-
@apply data-[side=inline-start]:slide-in-from-
|
|
1102
|
+
@apply data-[side=inline-start]:slide-in-from-end-2 data-[side=inline-end]:slide-in-from-start-2;
|
|
1103
1103
|
}
|
|
1104
1104
|
|
|
1105
1105
|
.spartan-popover-header {
|
|
@@ -1168,11 +1168,11 @@
|
|
|
1168
1168
|
}
|
|
1169
1169
|
|
|
1170
1170
|
.spartan-sheet-content {
|
|
1171
|
-
@apply bg-popover text-popover-foreground fixed z-50 flex flex-col bg-clip-padding text-sm shadow-xl transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:
|
|
1171
|
+
@apply bg-popover text-popover-foreground fixed z-50 flex flex-col bg-clip-padding text-sm shadow-xl transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:start-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:end-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm;
|
|
1172
1172
|
}
|
|
1173
1173
|
|
|
1174
1174
|
.spartan-sheet-close {
|
|
1175
|
-
@apply bg-secondary absolute
|
|
1175
|
+
@apply bg-secondary absolute end-4 top-4;
|
|
1176
1176
|
}
|
|
1177
1177
|
|
|
1178
1178
|
.spartan-sheet-header {
|
|
@@ -1227,11 +1227,11 @@
|
|
|
1227
1227
|
}
|
|
1228
1228
|
|
|
1229
1229
|
.spartan-table-head {
|
|
1230
|
-
@apply text-foreground h-12 px-3 text-
|
|
1230
|
+
@apply text-foreground h-12 px-3 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0;
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
1233
|
.spartan-table-cell {
|
|
1234
|
-
@apply p-3 align-middle whitespace-nowrap [&:has([role=checkbox])]:
|
|
1234
|
+
@apply p-3 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0;
|
|
1235
1235
|
}
|
|
1236
1236
|
|
|
1237
1237
|
.spartan-table-caption {
|
|
@@ -1252,15 +1252,15 @@
|
|
|
1252
1252
|
}
|
|
1253
1253
|
|
|
1254
1254
|
.spartan-toggle-size-default {
|
|
1255
|
-
@apply h-9 min-w-9 px-3 has-data-[icon=inline-end]:
|
|
1255
|
+
@apply h-9 min-w-9 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5;
|
|
1256
1256
|
}
|
|
1257
1257
|
|
|
1258
1258
|
.spartan-toggle-size-sm {
|
|
1259
|
-
@apply h-8 min-w-8 px-3 has-data-[icon=inline-end]:
|
|
1259
|
+
@apply h-8 min-w-8 px-3 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2;
|
|
1260
1260
|
}
|
|
1261
1261
|
|
|
1262
1262
|
.spartan-toggle-size-lg {
|
|
1263
|
-
@apply h-10 min-w-10 px-4 has-data-[icon=inline-end]:
|
|
1263
|
+
@apply h-10 min-w-10 px-4 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3;
|
|
1264
1264
|
}
|
|
1265
1265
|
|
|
1266
1266
|
/* MARK: Toggle Group */
|
|
@@ -1269,16 +1269,16 @@
|
|
|
1269
1269
|
}
|
|
1270
1270
|
|
|
1271
1271
|
.spartan-toggle-group-item {
|
|
1272
|
-
@apply data-[state=on]:bg-muted group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-3 group-data-[spacing=0]/toggle-group:shadow-none group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:
|
|
1272
|
+
@apply data-[state=on]:bg-muted group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-3 group-data-[spacing=0]/toggle-group:shadow-none group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pe-2.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:ps-2.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-3xl group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-3xl group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-3xl group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-3xl;
|
|
1273
1273
|
}
|
|
1274
1274
|
|
|
1275
1275
|
/* MARK: Tooltip */
|
|
1276
1276
|
.spartan-tooltip-content {
|
|
1277
|
-
@apply data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
1277
|
+
@apply data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-xl px-3 py-1.5 text-xs has-data-[slot=kbd]:pe-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-lg;
|
|
1278
1278
|
}
|
|
1279
1279
|
|
|
1280
1280
|
.spartan-tooltip-content-logical {
|
|
1281
|
-
@apply data-[side=inline-start]:slide-in-from-
|
|
1281
|
+
@apply data-[side=inline-start]:slide-in-from-end-2 data-[side=inline-end]:slide-in-from-start-2;
|
|
1282
1282
|
}
|
|
1283
1283
|
|
|
1284
1284
|
.spartan-tooltip-arrow {
|
|
@@ -1286,7 +1286,7 @@
|
|
|
1286
1286
|
}
|
|
1287
1287
|
|
|
1288
1288
|
.spartan-tooltip-arrow-logical {
|
|
1289
|
-
@apply data-[side=inline-end]
|
|
1289
|
+
@apply data-[side=inline-end]:-start-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:translate-x-[1.5px] data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:-end-1 data-[side=inline-start]:top-1/2! data-[side=inline-start]:translate-x-[-1.5px] data-[side=inline-start]:-translate-y-1/2;
|
|
1290
1290
|
}
|
|
1291
1291
|
|
|
1292
1292
|
/* MARK: Empty */
|
|
@@ -1332,7 +1332,7 @@
|
|
|
1332
1332
|
}
|
|
1333
1333
|
|
|
1334
1334
|
.spartan-calendar-caption-label {
|
|
1335
|
-
@apply h-8
|
|
1335
|
+
@apply h-8 ps-3 pe-2;
|
|
1336
1336
|
}
|
|
1337
1337
|
|
|
1338
1338
|
/* MARK: Carousel */
|
|
@@ -1351,11 +1351,11 @@
|
|
|
1351
1351
|
|
|
1352
1352
|
/* MARK: Hover Card */
|
|
1353
1353
|
.spartan-hover-card-content {
|
|
1354
|
-
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-
|
|
1354
|
+
@apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/5 dark:ring-foreground/10 bg-popover text-popover-foreground w-72 rounded-3xl p-4 text-sm shadow-lg ring-1 duration-100;
|
|
1355
1355
|
}
|
|
1356
1356
|
|
|
1357
1357
|
.spartan-hover-card-content-logical {
|
|
1358
|
-
@apply data-[side=inline-start]:slide-in-from-
|
|
1358
|
+
@apply data-[side=inline-start]:slide-in-from-end-2 data-[side=inline-end]:slide-in-from-start-2;
|
|
1359
1359
|
}
|
|
1360
1360
|
|
|
1361
1361
|
/* MARK: Menu Translucent */
|