@giddaa-housing/ui 1.2.0 → 2.1.0
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/css/generated/shared.css +1 -1
- package/dist/badge.js +1 -1
- package/dist/card.d.ts +4 -2
- package/dist/card.js +7 -7
- package/dist/combobox.d.ts +48 -1
- package/dist/combobox.js +77 -4
- package/dist/data-table.js +1 -1
- package/dist/date-picker.d.ts +5 -2
- package/dist/date-picker.js +11 -6
- package/dist/dialog-nesting.d.ts +9 -0
- package/dist/dialog-nesting.js +27 -0
- package/dist/dialog.js +9 -5
- package/dist/file-upload.d.ts +43 -0
- package/dist/file-upload.js +154 -0
- package/dist/infinite-scroll.d.ts +40 -0
- package/dist/infinite-scroll.js +125 -0
- package/dist/input-otp.d.ts +23 -0
- package/dist/input-otp.js +56 -0
- package/dist/picker-xSTzeYhc.js +50 -0
- package/dist/popover.d.ts +2 -2
- package/dist/popover.js +2 -1
- package/dist/sheet.d.ts +4 -2
- package/dist/sheet.js +22 -11
- package/dist/styles.css +357 -106
- package/dist/table.js +2 -2
- package/dist/tabs.d.ts +10 -4
- package/dist/tabs.js +16 -12
- package/dist/time-picker.d.ts +4 -1
- package/dist/time-picker.js +8 -5
- package/package.json +14 -1
- package/dist/picker-lzgmsNfG.js +0 -32
package/dist/styles.css
CHANGED
|
@@ -369,6 +369,9 @@
|
|
|
369
369
|
.inset-y-0 {
|
|
370
370
|
inset-block: 0;
|
|
371
371
|
}
|
|
372
|
+
.-top-2 {
|
|
373
|
+
top: calc(var(--spacing) * -2);
|
|
374
|
+
}
|
|
372
375
|
.-top-10 {
|
|
373
376
|
top: calc(var(--spacing) * -10);
|
|
374
377
|
}
|
|
@@ -396,6 +399,9 @@
|
|
|
396
399
|
.top-gdt-md {
|
|
397
400
|
top: var(--spacing-gdt-md);
|
|
398
401
|
}
|
|
402
|
+
.-right-2 {
|
|
403
|
+
right: calc(var(--spacing) * -2);
|
|
404
|
+
}
|
|
399
405
|
.right-0 {
|
|
400
406
|
right: 0;
|
|
401
407
|
}
|
|
@@ -569,9 +575,6 @@
|
|
|
569
575
|
padding-inline: 40px;
|
|
570
576
|
}
|
|
571
577
|
}
|
|
572
|
-
.-mx-\(--sheet-padding-x\) {
|
|
573
|
-
margin-inline: calc(var(--sheet-padding-x) * -1);
|
|
574
|
-
}
|
|
575
578
|
.mx-0 {
|
|
576
579
|
margin-inline: 0;
|
|
577
580
|
}
|
|
@@ -1324,6 +1327,9 @@
|
|
|
1324
1327
|
.origin-bottom-right {
|
|
1325
1328
|
transform-origin: 100% 100%;
|
|
1326
1329
|
}
|
|
1330
|
+
.origin-center {
|
|
1331
|
+
transform-origin: center;
|
|
1332
|
+
}
|
|
1327
1333
|
.origin-left {
|
|
1328
1334
|
transform-origin: 0;
|
|
1329
1335
|
}
|
|
@@ -1443,9 +1449,6 @@
|
|
|
1443
1449
|
.scroll-py-1 {
|
|
1444
1450
|
scroll-padding-block: var(--spacing);
|
|
1445
1451
|
}
|
|
1446
|
-
.\[scrollbar-width\:none\] {
|
|
1447
|
-
scrollbar-width: none;
|
|
1448
|
-
}
|
|
1449
1452
|
.scrollbar-none {
|
|
1450
1453
|
scrollbar-width: none;
|
|
1451
1454
|
}
|
|
@@ -1455,6 +1458,9 @@
|
|
|
1455
1458
|
.\[appearance\:textfield\] {
|
|
1456
1459
|
appearance: textfield;
|
|
1457
1460
|
}
|
|
1461
|
+
.appearance-none {
|
|
1462
|
+
appearance: none;
|
|
1463
|
+
}
|
|
1458
1464
|
.grid-cols-1 {
|
|
1459
1465
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1460
1466
|
}
|
|
@@ -1931,12 +1937,24 @@
|
|
|
1931
1937
|
.bg-action-tertiary {
|
|
1932
1938
|
background-color: var(--color-action-tertiary);
|
|
1933
1939
|
}
|
|
1940
|
+
.bg-black\/25 {
|
|
1941
|
+
background-color: color-mix(in srgb, #000 25%, transparent);
|
|
1942
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1943
|
+
background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
|
|
1944
|
+
}
|
|
1945
|
+
}
|
|
1934
1946
|
.bg-black\/40 {
|
|
1935
1947
|
background-color: color-mix(in srgb, #000 40%, transparent);
|
|
1936
1948
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1937
1949
|
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
|
|
1938
1950
|
}
|
|
1939
1951
|
}
|
|
1952
|
+
.bg-black\/45 {
|
|
1953
|
+
background-color: color-mix(in srgb, #000 45%, transparent);
|
|
1954
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1955
|
+
background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
|
|
1956
|
+
}
|
|
1957
|
+
}
|
|
1940
1958
|
.bg-black\/55 {
|
|
1941
1959
|
background-color: color-mix(in srgb, #000 55%, transparent);
|
|
1942
1960
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2144,6 +2162,9 @@
|
|
|
2144
2162
|
.p-gdt-xl {
|
|
2145
2163
|
padding: var(--spacing-gdt-xl);
|
|
2146
2164
|
}
|
|
2165
|
+
.px-\(--card-padding\) {
|
|
2166
|
+
padding-inline: var(--card-padding);
|
|
2167
|
+
}
|
|
2147
2168
|
.px-\(--cell-width\) {
|
|
2148
2169
|
padding-inline: var(--cell-width);
|
|
2149
2170
|
}
|
|
@@ -2219,6 +2240,9 @@
|
|
|
2219
2240
|
.px-gdt-xl {
|
|
2220
2241
|
padding-inline: var(--spacing-gdt-xl);
|
|
2221
2242
|
}
|
|
2243
|
+
.py-\(--card-padding\) {
|
|
2244
|
+
padding-block: var(--card-padding);
|
|
2245
|
+
}
|
|
2222
2246
|
.py-0 {
|
|
2223
2247
|
padding-block: 0;
|
|
2224
2248
|
}
|
|
@@ -2282,9 +2306,6 @@
|
|
|
2282
2306
|
.py-gdt-sm {
|
|
2283
2307
|
padding-block: var(--spacing-gdt-sm);
|
|
2284
2308
|
}
|
|
2285
|
-
.py-gdt-xl {
|
|
2286
|
-
padding-block: var(--spacing-gdt-xl);
|
|
2287
|
-
}
|
|
2288
2309
|
.pt-\(--sheet-padding-top\) {
|
|
2289
2310
|
padding-top: var(--sheet-padding-top);
|
|
2290
2311
|
}
|
|
@@ -2572,6 +2593,9 @@
|
|
|
2572
2593
|
.text-pretty {
|
|
2573
2594
|
text-wrap: pretty;
|
|
2574
2595
|
}
|
|
2596
|
+
.break-words {
|
|
2597
|
+
overflow-wrap: break-word;
|
|
2598
|
+
}
|
|
2575
2599
|
.wrap-break-word {
|
|
2576
2600
|
overflow-wrap: break-word;
|
|
2577
2601
|
}
|
|
@@ -2678,6 +2702,9 @@
|
|
|
2678
2702
|
.underline-offset-2 {
|
|
2679
2703
|
text-underline-offset: 2px;
|
|
2680
2704
|
}
|
|
2705
|
+
.caret-fg-primary {
|
|
2706
|
+
caret-color: var(--color-fg-primary);
|
|
2707
|
+
}
|
|
2681
2708
|
.opacity-0 {
|
|
2682
2709
|
opacity: 0%;
|
|
2683
2710
|
}
|
|
@@ -3106,6 +3133,9 @@
|
|
|
3106
3133
|
.\[--anchor-y\:0px\] {
|
|
3107
3134
|
--anchor-y: 0px;
|
|
3108
3135
|
}
|
|
3136
|
+
.\[--card-padding\:1\.5rem\] {
|
|
3137
|
+
--card-padding: 1.5rem;
|
|
3138
|
+
}
|
|
3109
3139
|
.\[--cell-height\:36px\] {
|
|
3110
3140
|
--cell-height: 36px;
|
|
3111
3141
|
}
|
|
@@ -3450,17 +3480,6 @@
|
|
|
3450
3480
|
background-color: var(--color-line-danger);
|
|
3451
3481
|
}
|
|
3452
3482
|
}
|
|
3453
|
-
.group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:border-b-0 {
|
|
3454
|
-
&:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
|
|
3455
|
-
border-bottom-style: var(--tw-border-style);
|
|
3456
|
-
border-bottom-width: 0px;
|
|
3457
|
-
}
|
|
3458
|
-
}
|
|
3459
|
-
.group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:pb-2 {
|
|
3460
|
-
&:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
|
|
3461
|
-
padding-bottom: calc(var(--spacing) * 2);
|
|
3462
|
-
}
|
|
3463
|
-
}
|
|
3464
3483
|
.group-has-\[\>input\]\/input-group\:pt-2 {
|
|
3465
3484
|
&:is(:where(.group\/input-group):has(>input) *) {
|
|
3466
3485
|
padding-top: calc(var(--spacing) * 2);
|
|
@@ -3496,6 +3515,16 @@
|
|
|
3496
3515
|
rotate: 90deg;
|
|
3497
3516
|
}
|
|
3498
3517
|
}
|
|
3518
|
+
.group-aria-invalid\/input-otp\:border-line-danger {
|
|
3519
|
+
&:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
|
|
3520
|
+
border-color: var(--color-line-danger);
|
|
3521
|
+
}
|
|
3522
|
+
}
|
|
3523
|
+
.group-aria-invalid\/input-otp\:text-fg-danger {
|
|
3524
|
+
&:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
|
|
3525
|
+
color: var(--color-fg-danger);
|
|
3526
|
+
}
|
|
3527
|
+
}
|
|
3499
3528
|
.group-data-disabled\/combobox-item\:border-line-subtle {
|
|
3500
3529
|
&:is(:where(.group\/combobox-item)[data-disabled] *) {
|
|
3501
3530
|
border-color: var(--color-line-subtle);
|
|
@@ -3743,6 +3772,16 @@
|
|
|
3743
3772
|
grid-template-columns: minmax(0,1fr) auto;
|
|
3744
3773
|
}
|
|
3745
3774
|
}
|
|
3775
|
+
.group-data-\[nested-dialog-open\]\/dialog-content\:hidden {
|
|
3776
|
+
&:is(:where(.group\/dialog-content)[data-nested-dialog-open] *) {
|
|
3777
|
+
display: none;
|
|
3778
|
+
}
|
|
3779
|
+
}
|
|
3780
|
+
.group-data-\[nested-dialog-open\]\/sheet-content\:hidden {
|
|
3781
|
+
&:is(:where(.group\/sheet-content)[data-nested-dialog-open] *) {
|
|
3782
|
+
display: none;
|
|
3783
|
+
}
|
|
3784
|
+
}
|
|
3746
3785
|
.group-data-\[orientation\=horizontal\]\/tabs\:border-b {
|
|
3747
3786
|
&:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
|
|
3748
3787
|
border-bottom-style: var(--tw-border-style);
|
|
@@ -3825,9 +3864,9 @@
|
|
|
3825
3864
|
color: var(--color-fg-brand);
|
|
3826
3865
|
}
|
|
3827
3866
|
}
|
|
3828
|
-
.group-data-\[side\=bottom\]\/sheet-content\:-top-
|
|
3867
|
+
.group-data-\[side\=bottom\]\/sheet-content\:-top-9 {
|
|
3829
3868
|
&:is(:where(.group\/sheet-content)[data-side="bottom"] *) {
|
|
3830
|
-
top: calc(var(--spacing) * -
|
|
3869
|
+
top: calc(var(--spacing) * -9);
|
|
3831
3870
|
}
|
|
3832
3871
|
}
|
|
3833
3872
|
.group-data-\[side\=bottom\]\/sheet-content\:right-4 {
|
|
@@ -3856,9 +3895,9 @@
|
|
|
3856
3895
|
top: calc(var(--spacing) * 4);
|
|
3857
3896
|
}
|
|
3858
3897
|
}
|
|
3859
|
-
.group-data-\[side\=left\]\/sheet-content\:-right-
|
|
3898
|
+
.group-data-\[side\=left\]\/sheet-content\:-right-9 {
|
|
3860
3899
|
&:is(:where(.group\/sheet-content)[data-side="left"] *) {
|
|
3861
|
-
right: calc(var(--spacing) * -
|
|
3900
|
+
right: calc(var(--spacing) * -9);
|
|
3862
3901
|
}
|
|
3863
3902
|
}
|
|
3864
3903
|
.group-data-\[side\=right\]\:left-0 {
|
|
@@ -3887,9 +3926,9 @@
|
|
|
3887
3926
|
top: calc(var(--spacing) * 4);
|
|
3888
3927
|
}
|
|
3889
3928
|
}
|
|
3890
|
-
.group-data-\[side\=right\]\/sheet-content\:-left-
|
|
3929
|
+
.group-data-\[side\=right\]\/sheet-content\:-left-9 {
|
|
3891
3930
|
&:is(:where(.group\/sheet-content)[data-side="right"] *) {
|
|
3892
|
-
left: calc(var(--spacing) * -
|
|
3931
|
+
left: calc(var(--spacing) * -9);
|
|
3893
3932
|
}
|
|
3894
3933
|
}
|
|
3895
3934
|
.group-data-\[side\=top\]\/sheet-content\:right-4 {
|
|
@@ -3897,9 +3936,9 @@
|
|
|
3897
3936
|
right: calc(var(--spacing) * 4);
|
|
3898
3937
|
}
|
|
3899
3938
|
}
|
|
3900
|
-
.group-data-\[side\=top\]\/sheet-content\:-bottom-
|
|
3939
|
+
.group-data-\[side\=top\]\/sheet-content\:-bottom-9 {
|
|
3901
3940
|
&:is(:where(.group\/sheet-content)[data-side="top"] *) {
|
|
3902
|
-
bottom: calc(var(--spacing) * -
|
|
3941
|
+
bottom: calc(var(--spacing) * -9);
|
|
3903
3942
|
}
|
|
3904
3943
|
}
|
|
3905
3944
|
.group-data-\[size\=fullscreen\]\/sheet-content\:text-gdt-h2 {
|
|
@@ -4140,29 +4179,29 @@
|
|
|
4140
4179
|
line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
|
|
4141
4180
|
}
|
|
4142
4181
|
}
|
|
4143
|
-
.group-data-\[size\=lg\]\/tabs\:h-5 {
|
|
4144
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4182
|
+
.group-data-\[size\=lg\]\/tabs-list\:h-5 {
|
|
4183
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4145
4184
|
height: calc(var(--spacing) * 5);
|
|
4146
4185
|
}
|
|
4147
4186
|
}
|
|
4148
|
-
.group-data-\[size\=lg\]\/tabs\:min-w-5 {
|
|
4149
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4187
|
+
.group-data-\[size\=lg\]\/tabs-list\:min-w-5 {
|
|
4188
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4150
4189
|
min-width: calc(var(--spacing) * 5);
|
|
4151
4190
|
}
|
|
4152
4191
|
}
|
|
4153
|
-
.group-data-\[size\=lg\]\/tabs\:px-1\.5 {
|
|
4154
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4192
|
+
.group-data-\[size\=lg\]\/tabs-list\:px-1\.5 {
|
|
4193
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4155
4194
|
padding-inline: calc(var(--spacing) * 1.5);
|
|
4156
4195
|
}
|
|
4157
4196
|
}
|
|
4158
|
-
.group-data-\[size\=lg\]\/tabs\:text-gdt-md {
|
|
4159
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4197
|
+
.group-data-\[size\=lg\]\/tabs-list\:text-gdt-md {
|
|
4198
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4160
4199
|
font-size: var(--text-gdt-md);
|
|
4161
4200
|
line-height: var(--tw-leading, var(--text-gdt-md--line-height));
|
|
4162
4201
|
}
|
|
4163
4202
|
}
|
|
4164
|
-
.group-data-\[size\=lg\]\/tabs\:text-gdt-xs {
|
|
4165
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4203
|
+
.group-data-\[size\=lg\]\/tabs-list\:text-gdt-xs {
|
|
4204
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4166
4205
|
font-size: var(--text-gdt-xs);
|
|
4167
4206
|
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4168
4207
|
}
|
|
@@ -4398,29 +4437,29 @@
|
|
|
4398
4437
|
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4399
4438
|
}
|
|
4400
4439
|
}
|
|
4401
|
-
.group-data-\[size\=md\]\/tabs\:h-5 {
|
|
4402
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4440
|
+
.group-data-\[size\=md\]\/tabs-list\:h-5 {
|
|
4441
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4403
4442
|
height: calc(var(--spacing) * 5);
|
|
4404
4443
|
}
|
|
4405
4444
|
}
|
|
4406
|
-
.group-data-\[size\=md\]\/tabs\:min-w-5 {
|
|
4407
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4445
|
+
.group-data-\[size\=md\]\/tabs-list\:min-w-5 {
|
|
4446
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4408
4447
|
min-width: calc(var(--spacing) * 5);
|
|
4409
4448
|
}
|
|
4410
4449
|
}
|
|
4411
|
-
.group-data-\[size\=md\]\/tabs\:px-1 {
|
|
4412
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4450
|
+
.group-data-\[size\=md\]\/tabs-list\:px-1 {
|
|
4451
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4413
4452
|
padding-inline: var(--spacing);
|
|
4414
4453
|
}
|
|
4415
4454
|
}
|
|
4416
|
-
.group-data-\[size\=md\]\/tabs\:text-gdt-sm {
|
|
4417
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4455
|
+
.group-data-\[size\=md\]\/tabs-list\:text-gdt-sm {
|
|
4456
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4418
4457
|
font-size: var(--text-gdt-sm);
|
|
4419
4458
|
line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
|
|
4420
4459
|
}
|
|
4421
4460
|
}
|
|
4422
|
-
.group-data-\[size\=md\]\/tabs\:text-\[11px\] {
|
|
4423
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4461
|
+
.group-data-\[size\=md\]\/tabs-list\:text-\[11px\] {
|
|
4462
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4424
4463
|
font-size: 11px;
|
|
4425
4464
|
}
|
|
4426
4465
|
}
|
|
@@ -4591,29 +4630,29 @@
|
|
|
4591
4630
|
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4592
4631
|
}
|
|
4593
4632
|
}
|
|
4594
|
-
.group-data-\[size\=sm\]\/tabs\:h-4 {
|
|
4595
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4633
|
+
.group-data-\[size\=sm\]\/tabs-list\:h-4 {
|
|
4634
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4596
4635
|
height: calc(var(--spacing) * 4);
|
|
4597
4636
|
}
|
|
4598
4637
|
}
|
|
4599
|
-
.group-data-\[size\=sm\]\/tabs\:min-w-4 {
|
|
4600
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4638
|
+
.group-data-\[size\=sm\]\/tabs-list\:min-w-4 {
|
|
4639
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4601
4640
|
min-width: calc(var(--spacing) * 4);
|
|
4602
4641
|
}
|
|
4603
4642
|
}
|
|
4604
|
-
.group-data-\[size\=sm\]\/tabs\:px-1 {
|
|
4605
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4643
|
+
.group-data-\[size\=sm\]\/tabs-list\:px-1 {
|
|
4644
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4606
4645
|
padding-inline: var(--spacing);
|
|
4607
4646
|
}
|
|
4608
4647
|
}
|
|
4609
|
-
.group-data-\[size\=sm\]\/tabs\:text-gdt-xs {
|
|
4610
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4648
|
+
.group-data-\[size\=sm\]\/tabs-list\:text-gdt-xs {
|
|
4649
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4611
4650
|
font-size: var(--text-gdt-xs);
|
|
4612
4651
|
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4613
4652
|
}
|
|
4614
4653
|
}
|
|
4615
|
-
.group-data-\[size\=sm\]\/tabs\:text-\[10px\] {
|
|
4616
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4654
|
+
.group-data-\[size\=sm\]\/tabs-list\:text-\[10px\] {
|
|
4655
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4617
4656
|
font-size: 10px;
|
|
4618
4657
|
}
|
|
4619
4658
|
}
|
|
@@ -4649,6 +4688,21 @@
|
|
|
4649
4688
|
border-bottom-width: 0px;
|
|
4650
4689
|
}
|
|
4651
4690
|
}
|
|
4691
|
+
.group-data-\[state\=complete\]\/file-upload\:text-status-success {
|
|
4692
|
+
&:is(:where(.group\/file-upload)[data-state="complete"] *) {
|
|
4693
|
+
color: var(--color-status-success);
|
|
4694
|
+
}
|
|
4695
|
+
}
|
|
4696
|
+
.group-data-\[state\=error\]\/file-upload\:bg-surface-danger-subtle {
|
|
4697
|
+
&:is(:where(.group\/file-upload)[data-state="error"] *) {
|
|
4698
|
+
background-color: var(--color-surface-danger-subtle);
|
|
4699
|
+
}
|
|
4700
|
+
}
|
|
4701
|
+
.group-data-\[state\=error\]\/file-upload\:text-status-danger {
|
|
4702
|
+
&:is(:where(.group\/file-upload)[data-state="error"] *) {
|
|
4703
|
+
color: var(--color-status-danger);
|
|
4704
|
+
}
|
|
4705
|
+
}
|
|
4652
4706
|
.group-data-\[state\=selected\]\:bg-surface-brand-subtle {
|
|
4653
4707
|
&:is(:where(.group)[data-state="selected"] *) {
|
|
4654
4708
|
background-color: var(--color-surface-brand-subtle);
|
|
@@ -4800,44 +4854,44 @@
|
|
|
4800
4854
|
}
|
|
4801
4855
|
}
|
|
4802
4856
|
}
|
|
4803
|
-
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:px-4 {
|
|
4857
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
|
|
4804
4858
|
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4805
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4859
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4806
4860
|
padding-inline: calc(var(--spacing) * 4);
|
|
4807
4861
|
}
|
|
4808
4862
|
}
|
|
4809
4863
|
}
|
|
4810
|
-
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:py-2 {
|
|
4864
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-2 {
|
|
4811
4865
|
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4812
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4866
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4813
4867
|
padding-block: calc(var(--spacing) * 2);
|
|
4814
4868
|
}
|
|
4815
4869
|
}
|
|
4816
4870
|
}
|
|
4817
|
-
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:px-3\.5 {
|
|
4871
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
|
|
4818
4872
|
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4819
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4873
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4820
4874
|
padding-inline: calc(var(--spacing) * 3.5);
|
|
4821
4875
|
}
|
|
4822
4876
|
}
|
|
4823
4877
|
}
|
|
4824
|
-
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:py-1\.5 {
|
|
4878
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
|
|
4825
4879
|
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4826
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4880
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4827
4881
|
padding-block: calc(var(--spacing) * 1.5);
|
|
4828
4882
|
}
|
|
4829
4883
|
}
|
|
4830
4884
|
}
|
|
4831
|
-
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:px-3 {
|
|
4885
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
|
|
4832
4886
|
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4833
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4887
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4834
4888
|
padding-inline: calc(var(--spacing) * 3);
|
|
4835
4889
|
}
|
|
4836
4890
|
}
|
|
4837
4891
|
}
|
|
4838
|
-
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:py-1 {
|
|
4892
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
|
|
4839
4893
|
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4840
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4894
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4841
4895
|
padding-block: var(--spacing);
|
|
4842
4896
|
}
|
|
4843
4897
|
}
|
|
@@ -4950,44 +5004,44 @@
|
|
|
4950
5004
|
}
|
|
4951
5005
|
}
|
|
4952
5006
|
}
|
|
4953
|
-
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:px-4 {
|
|
5007
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
|
|
4954
5008
|
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
4955
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
5009
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4956
5010
|
padding-inline: calc(var(--spacing) * 4);
|
|
4957
5011
|
}
|
|
4958
5012
|
}
|
|
4959
5013
|
}
|
|
4960
|
-
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs\:py-1\.5 {
|
|
5014
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-1\.5 {
|
|
4961
5015
|
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
4962
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
5016
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4963
5017
|
padding-block: calc(var(--spacing) * 1.5);
|
|
4964
5018
|
}
|
|
4965
5019
|
}
|
|
4966
5020
|
}
|
|
4967
|
-
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:px-3\.5 {
|
|
5021
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
|
|
4968
5022
|
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
4969
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
5023
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4970
5024
|
padding-inline: calc(var(--spacing) * 3.5);
|
|
4971
5025
|
}
|
|
4972
5026
|
}
|
|
4973
5027
|
}
|
|
4974
|
-
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs\:py-1\.5 {
|
|
5028
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
|
|
4975
5029
|
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
4976
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
5030
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4977
5031
|
padding-block: calc(var(--spacing) * 1.5);
|
|
4978
5032
|
}
|
|
4979
5033
|
}
|
|
4980
5034
|
}
|
|
4981
|
-
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:px-3 {
|
|
5035
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
|
|
4982
5036
|
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
4983
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
5037
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4984
5038
|
padding-inline: calc(var(--spacing) * 3);
|
|
4985
5039
|
}
|
|
4986
5040
|
}
|
|
4987
5041
|
}
|
|
4988
|
-
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs\:py-1 {
|
|
5042
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
|
|
4989
5043
|
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
4990
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
5044
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4991
5045
|
padding-block: var(--spacing);
|
|
4992
5046
|
}
|
|
4993
5047
|
}
|
|
@@ -5645,6 +5699,16 @@
|
|
|
5645
5699
|
}
|
|
5646
5700
|
}
|
|
5647
5701
|
}
|
|
5702
|
+
.focus\:z-10 {
|
|
5703
|
+
&:focus {
|
|
5704
|
+
z-index: 10;
|
|
5705
|
+
}
|
|
5706
|
+
}
|
|
5707
|
+
.focus\:border-line-focus {
|
|
5708
|
+
&:focus {
|
|
5709
|
+
border-color: var(--color-line-focus);
|
|
5710
|
+
}
|
|
5711
|
+
}
|
|
5648
5712
|
.focus\:border-transparent {
|
|
5649
5713
|
&:focus {
|
|
5650
5714
|
border-color: transparent;
|
|
@@ -5672,12 +5736,37 @@
|
|
|
5672
5736
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5673
5737
|
}
|
|
5674
5738
|
}
|
|
5739
|
+
.focus\:inset-ring-1 {
|
|
5740
|
+
&:focus {
|
|
5741
|
+
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
|
|
5742
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5743
|
+
}
|
|
5744
|
+
}
|
|
5745
|
+
.focus\:inset-ring-line-focus {
|
|
5746
|
+
&:focus {
|
|
5747
|
+
--tw-inset-ring-color: var(--color-line-focus);
|
|
5748
|
+
}
|
|
5749
|
+
}
|
|
5675
5750
|
.focus\:outline-none {
|
|
5676
5751
|
&:focus {
|
|
5677
5752
|
--tw-outline-style: none;
|
|
5678
5753
|
outline-style: none;
|
|
5679
5754
|
}
|
|
5680
5755
|
}
|
|
5756
|
+
.group-aria-invalid\/input-otp\:focus\:border-line-danger {
|
|
5757
|
+
&:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
|
|
5758
|
+
&:focus {
|
|
5759
|
+
border-color: var(--color-line-danger);
|
|
5760
|
+
}
|
|
5761
|
+
}
|
|
5762
|
+
}
|
|
5763
|
+
.group-aria-invalid\/input-otp\:focus\:inset-ring-line-danger {
|
|
5764
|
+
&:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
|
|
5765
|
+
&:focus {
|
|
5766
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
5767
|
+
}
|
|
5768
|
+
}
|
|
5769
|
+
}
|
|
5681
5770
|
.focus-visible\:border-line-focus {
|
|
5682
5771
|
&:focus-visible {
|
|
5683
5772
|
border-color: var(--color-line-focus);
|
|
@@ -6098,6 +6187,25 @@
|
|
|
6098
6187
|
padding-right: 0;
|
|
6099
6188
|
}
|
|
6100
6189
|
}
|
|
6190
|
+
.has-data-\[slot\=combobox-virtualized\]\:max-h-none {
|
|
6191
|
+
&:has(*[data-slot="combobox-virtualized"]) {
|
|
6192
|
+
max-height: none;
|
|
6193
|
+
}
|
|
6194
|
+
}
|
|
6195
|
+
.has-data-\[slot\=combobox-virtualized\]\:space-y-0 {
|
|
6196
|
+
&:has(*[data-slot="combobox-virtualized"]) {
|
|
6197
|
+
:where(& > :not(:last-child)) {
|
|
6198
|
+
--tw-space-y-reverse: 0;
|
|
6199
|
+
margin-block-start: 0;
|
|
6200
|
+
margin-block-end: 0;
|
|
6201
|
+
}
|
|
6202
|
+
}
|
|
6203
|
+
}
|
|
6204
|
+
.has-data-\[slot\=combobox-virtualized\]\:overflow-hidden {
|
|
6205
|
+
&:has(*[data-slot="combobox-virtualized"]) {
|
|
6206
|
+
overflow: hidden;
|
|
6207
|
+
}
|
|
6208
|
+
}
|
|
6101
6209
|
.has-data-\[slot\=kbd\]\:pr-1\.5 {
|
|
6102
6210
|
&:has(*[data-slot="kbd"]) {
|
|
6103
6211
|
padding-right: calc(var(--spacing) * 1.5);
|
|
@@ -6108,15 +6216,6 @@
|
|
|
6108
6216
|
background-color: var(--color-surface);
|
|
6109
6217
|
}
|
|
6110
6218
|
}
|
|
6111
|
-
.\*\*\:has-data-\[variant\=underline\]\:\*\:px-\(--sheet-padding-x\) {
|
|
6112
|
-
:is(& *) {
|
|
6113
|
-
&:has(*[data-variant="underline"]) {
|
|
6114
|
-
:is(& > *) {
|
|
6115
|
-
padding-inline: var(--sheet-padding-x);
|
|
6116
|
-
}
|
|
6117
|
-
}
|
|
6118
|
-
}
|
|
6119
|
-
}
|
|
6120
6219
|
.has-\[\&_\[data-slot\=popover-footer\]\]\:pb-0 {
|
|
6121
6220
|
&:has(* [data-slot=popover-footer]) {
|
|
6122
6221
|
padding-bottom: 0;
|
|
@@ -6433,6 +6532,20 @@
|
|
|
6433
6532
|
}
|
|
6434
6533
|
}
|
|
6435
6534
|
}
|
|
6535
|
+
.aria-invalid\:focus\:border-line-danger {
|
|
6536
|
+
&[aria-invalid="true"] {
|
|
6537
|
+
&:focus {
|
|
6538
|
+
border-color: var(--color-line-danger);
|
|
6539
|
+
}
|
|
6540
|
+
}
|
|
6541
|
+
}
|
|
6542
|
+
.aria-invalid\:focus\:inset-ring-line-danger {
|
|
6543
|
+
&[aria-invalid="true"] {
|
|
6544
|
+
&:focus {
|
|
6545
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
6546
|
+
}
|
|
6547
|
+
}
|
|
6548
|
+
}
|
|
6436
6549
|
.aria-invalid\:focus-visible\:border-line-danger {
|
|
6437
6550
|
&[aria-invalid="true"] {
|
|
6438
6551
|
&:focus-visible {
|
|
@@ -6639,6 +6752,11 @@
|
|
|
6639
6752
|
opacity: 40%;
|
|
6640
6753
|
}
|
|
6641
6754
|
}
|
|
6755
|
+
.data-disabled\:opacity-50 {
|
|
6756
|
+
&[data-disabled] {
|
|
6757
|
+
opacity: 50%;
|
|
6758
|
+
}
|
|
6759
|
+
}
|
|
6642
6760
|
.data-disabled\:opacity-60 {
|
|
6643
6761
|
&[data-disabled] {
|
|
6644
6762
|
opacity: 60%;
|
|
@@ -6756,6 +6874,30 @@
|
|
|
6756
6874
|
padding-left: calc(var(--spacing) * 8);
|
|
6757
6875
|
}
|
|
6758
6876
|
}
|
|
6877
|
+
.data-invalid\:border-line-danger {
|
|
6878
|
+
&[data-invalid] {
|
|
6879
|
+
border-color: var(--color-line-danger);
|
|
6880
|
+
}
|
|
6881
|
+
}
|
|
6882
|
+
.data-invalid\:text-fg-danger {
|
|
6883
|
+
&[data-invalid] {
|
|
6884
|
+
color: var(--color-fg-danger);
|
|
6885
|
+
}
|
|
6886
|
+
}
|
|
6887
|
+
.data-invalid\:focus\:border-line-danger {
|
|
6888
|
+
&[data-invalid] {
|
|
6889
|
+
&:focus {
|
|
6890
|
+
border-color: var(--color-line-danger);
|
|
6891
|
+
}
|
|
6892
|
+
}
|
|
6893
|
+
}
|
|
6894
|
+
.data-invalid\:focus\:inset-ring-line-danger {
|
|
6895
|
+
&[data-invalid] {
|
|
6896
|
+
&:focus {
|
|
6897
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
6898
|
+
}
|
|
6899
|
+
}
|
|
6900
|
+
}
|
|
6759
6901
|
.data-loading\:animate-pulse {
|
|
6760
6902
|
&[data-loading] {
|
|
6761
6903
|
animation: var(--animate-pulse);
|
|
@@ -7224,6 +7366,11 @@
|
|
|
7224
7366
|
background-color: var(--color-action-primary);
|
|
7225
7367
|
}
|
|
7226
7368
|
}
|
|
7369
|
+
.data-\[nested-dialog-open\]\:scale-\[0\.96\] {
|
|
7370
|
+
&[data-nested-dialog-open] {
|
|
7371
|
+
scale: 0.96;
|
|
7372
|
+
}
|
|
7373
|
+
}
|
|
7227
7374
|
.data-\[orientation\=horizontal\]\:h-\(--slider-thumb-size\) {
|
|
7228
7375
|
&[data-orientation="horizontal"] {
|
|
7229
7376
|
height: var(--slider-thumb-size);
|
|
@@ -7547,6 +7694,22 @@
|
|
|
7547
7694
|
}
|
|
7548
7695
|
}
|
|
7549
7696
|
}
|
|
7697
|
+
.data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
|
|
7698
|
+
&[data-side="bottom"] {
|
|
7699
|
+
&[data-nested-dialog-open] {
|
|
7700
|
+
--tw-translate-y: calc(var(--nested-dialogs) * -1.5rem);
|
|
7701
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7702
|
+
}
|
|
7703
|
+
}
|
|
7704
|
+
}
|
|
7705
|
+
.data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
|
|
7706
|
+
&[data-side="bottom"] {
|
|
7707
|
+
&[data-nested-dialog-open] {
|
|
7708
|
+
--tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
|
|
7709
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
7710
|
+
}
|
|
7711
|
+
}
|
|
7712
|
+
}
|
|
7550
7713
|
.data-\[side\=inline-end\]\:slide-in-from-left-2 {
|
|
7551
7714
|
&[data-side="inline-end"] {
|
|
7552
7715
|
--tw-enter-translate-x: -0.5rem;
|
|
@@ -7611,6 +7774,14 @@
|
|
|
7611
7774
|
}
|
|
7612
7775
|
}
|
|
7613
7776
|
}
|
|
7777
|
+
.data-\[side\=left\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
|
|
7778
|
+
&[data-side="left"] {
|
|
7779
|
+
&[data-nested-dialog-open] {
|
|
7780
|
+
--tw-translate-x: calc(var(--nested-dialogs) * 1.5rem);
|
|
7781
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7782
|
+
}
|
|
7783
|
+
}
|
|
7784
|
+
}
|
|
7614
7785
|
.data-\[side\=right\]\:inset-y-0 {
|
|
7615
7786
|
&[data-side="right"] {
|
|
7616
7787
|
inset-block: 0;
|
|
@@ -7665,6 +7836,14 @@
|
|
|
7665
7836
|
}
|
|
7666
7837
|
}
|
|
7667
7838
|
}
|
|
7839
|
+
.data-\[side\=right\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
|
|
7840
|
+
&[data-side="right"] {
|
|
7841
|
+
&[data-nested-dialog-open] {
|
|
7842
|
+
--tw-translate-x: calc(var(--nested-dialogs) * -1.5rem);
|
|
7843
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7844
|
+
}
|
|
7845
|
+
}
|
|
7846
|
+
}
|
|
7668
7847
|
.data-\[side\=top\]\:inset-x-0 {
|
|
7669
7848
|
&[data-side="top"] {
|
|
7670
7849
|
inset-inline: 0;
|
|
@@ -7717,6 +7896,22 @@
|
|
|
7717
7896
|
}
|
|
7718
7897
|
}
|
|
7719
7898
|
}
|
|
7899
|
+
.data-\[side\=top\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
|
|
7900
|
+
&[data-side="top"] {
|
|
7901
|
+
&[data-nested-dialog-open] {
|
|
7902
|
+
--tw-translate-y: calc(var(--nested-dialogs) * 1.5rem);
|
|
7903
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7904
|
+
}
|
|
7905
|
+
}
|
|
7906
|
+
}
|
|
7907
|
+
.data-\[side\=top\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
|
|
7908
|
+
&[data-side="top"] {
|
|
7909
|
+
&[data-nested-dialog-open] {
|
|
7910
|
+
--tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
|
|
7911
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
7912
|
+
}
|
|
7913
|
+
}
|
|
7914
|
+
}
|
|
7720
7915
|
.data-\[size\=lg\]\:gap-3 {
|
|
7721
7916
|
&[data-size="lg"] {
|
|
7722
7917
|
gap: calc(var(--spacing) * 3);
|
|
@@ -7984,15 +8179,6 @@
|
|
|
7984
8179
|
}
|
|
7985
8180
|
}
|
|
7986
8181
|
}
|
|
7987
|
-
.\*\*\:data-\[slot\=tabs\]\:has-data-\[variant\=underline\]\:-mx-\(--sheet-padding-x\) {
|
|
7988
|
-
:is(& *) {
|
|
7989
|
-
&[data-slot="tabs"] {
|
|
7990
|
-
&:has(*[data-variant="underline"]) {
|
|
7991
|
-
margin-inline: calc(var(--sheet-padding-x) * -1);
|
|
7992
|
-
}
|
|
7993
|
-
}
|
|
7994
|
-
}
|
|
7995
|
-
}
|
|
7996
8182
|
.data-\[starting-style\]\:\[transform\:translateX\(var\(--exit-x\)\)_translateY\(var\(--exit-y\)\)_scale\(var\(--scale\)\)\] {
|
|
7997
8183
|
&[data-starting-style] {
|
|
7998
8184
|
transform: translateX(var(--exit-x)) translateY(var(--exit-y)) scale(var(--scale));
|
|
@@ -8003,6 +8189,16 @@
|
|
|
8003
8189
|
opacity: 0%;
|
|
8004
8190
|
}
|
|
8005
8191
|
}
|
|
8192
|
+
.data-\[state\=error\]\:border-line-danger {
|
|
8193
|
+
&[data-state="error"] {
|
|
8194
|
+
border-color: var(--color-line-danger);
|
|
8195
|
+
}
|
|
8196
|
+
}
|
|
8197
|
+
.data-\[state\=error\]\:bg-surface-danger-subtle {
|
|
8198
|
+
&[data-state="error"] {
|
|
8199
|
+
background-color: var(--color-surface-danger-subtle);
|
|
8200
|
+
}
|
|
8201
|
+
}
|
|
8006
8202
|
.data-\[state\=selected\]\:bg-surface-brand-subtle {
|
|
8007
8203
|
&[data-state="selected"] {
|
|
8008
8204
|
background-color: var(--color-surface-brand-subtle);
|
|
@@ -8954,6 +9150,16 @@
|
|
|
8954
9150
|
}
|
|
8955
9151
|
}
|
|
8956
9152
|
}
|
|
9153
|
+
.\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-danger {
|
|
9154
|
+
& [data-slot=progress-indicator] {
|
|
9155
|
+
background-color: var(--color-status-danger);
|
|
9156
|
+
}
|
|
9157
|
+
}
|
|
9158
|
+
.\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-success {
|
|
9159
|
+
& [data-slot=progress-indicator] {
|
|
9160
|
+
background-color: var(--color-status-success);
|
|
9161
|
+
}
|
|
9162
|
+
}
|
|
8957
9163
|
.\[\&_a\]\:pointer-events-auto {
|
|
8958
9164
|
& a {
|
|
8959
9165
|
pointer-events: auto;
|
|
@@ -8999,6 +9205,29 @@
|
|
|
8999
9205
|
z-index: 3;
|
|
9000
9206
|
}
|
|
9001
9207
|
}
|
|
9208
|
+
.\[\&_circle\:first-child\]\:text-white\/35 {
|
|
9209
|
+
& circle:first-child {
|
|
9210
|
+
color: color-mix(in srgb, #fff 35%, transparent);
|
|
9211
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9212
|
+
color: color-mix(in oklab, var(--color-white) 35%, transparent);
|
|
9213
|
+
}
|
|
9214
|
+
}
|
|
9215
|
+
}
|
|
9216
|
+
.\[\&_circle\:last-child\]\:text-status-danger {
|
|
9217
|
+
& circle:last-child {
|
|
9218
|
+
color: var(--color-status-danger);
|
|
9219
|
+
}
|
|
9220
|
+
}
|
|
9221
|
+
.\[\&_circle\:last-child\]\:text-status-success {
|
|
9222
|
+
& circle:last-child {
|
|
9223
|
+
color: var(--color-status-success);
|
|
9224
|
+
}
|
|
9225
|
+
}
|
|
9226
|
+
.\[\&_circle\:last-child\]\:text-white {
|
|
9227
|
+
& circle:last-child {
|
|
9228
|
+
color: var(--color-white);
|
|
9229
|
+
}
|
|
9230
|
+
}
|
|
9002
9231
|
.\[\&_p\]\:leading-relaxed {
|
|
9003
9232
|
& p {
|
|
9004
9233
|
--tw-leading: var(--leading-relaxed);
|
|
@@ -9134,8 +9363,8 @@
|
|
|
9134
9363
|
}
|
|
9135
9364
|
}
|
|
9136
9365
|
}
|
|
9137
|
-
.group-data-\[size\=lg\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
|
|
9138
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
9366
|
+
.group-data-\[size\=lg\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
|
|
9367
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
9139
9368
|
& svg:not([class*='size-']) {
|
|
9140
9369
|
width: calc(var(--spacing) * 4.5);
|
|
9141
9370
|
height: calc(var(--spacing) * 4.5);
|
|
@@ -9150,8 +9379,8 @@
|
|
|
9150
9379
|
}
|
|
9151
9380
|
}
|
|
9152
9381
|
}
|
|
9153
|
-
.group-data-\[size\=md\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
|
|
9154
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
9382
|
+
.group-data-\[size\=md\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
|
|
9383
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
9155
9384
|
& svg:not([class*='size-']) {
|
|
9156
9385
|
width: calc(var(--spacing) * 4);
|
|
9157
9386
|
height: calc(var(--spacing) * 4);
|
|
@@ -9166,8 +9395,8 @@
|
|
|
9166
9395
|
}
|
|
9167
9396
|
}
|
|
9168
9397
|
}
|
|
9169
|
-
.group-data-\[size\=sm\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
|
|
9170
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
9398
|
+
.group-data-\[size\=sm\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
|
|
9399
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
9171
9400
|
& svg:not([class*='size-']) {
|
|
9172
9401
|
width: calc(var(--spacing) * 3.5);
|
|
9173
9402
|
height: calc(var(--spacing) * 3.5);
|
|
@@ -9422,6 +9651,28 @@
|
|
|
9422
9651
|
}
|
|
9423
9652
|
}
|
|
9424
9653
|
}
|
|
9654
|
+
.\[\&\>\[data-slot\=input-otp-slot\]\]\:rounded-none {
|
|
9655
|
+
&>[data-slot=input-otp-slot] {
|
|
9656
|
+
border-radius: 0;
|
|
9657
|
+
}
|
|
9658
|
+
}
|
|
9659
|
+
.\[\&\>\[data-slot\=input-otp-slot\]\:first-child\]\:rounded-l-full {
|
|
9660
|
+
&>[data-slot=input-otp-slot]:first-child {
|
|
9661
|
+
border-top-left-radius: calc(infinity * 1px);
|
|
9662
|
+
border-bottom-left-radius: calc(infinity * 1px);
|
|
9663
|
+
}
|
|
9664
|
+
}
|
|
9665
|
+
.\[\&\>\[data-slot\=input-otp-slot\]\:last-child\]\:rounded-r-full {
|
|
9666
|
+
&>[data-slot=input-otp-slot]:last-child {
|
|
9667
|
+
border-top-right-radius: calc(infinity * 1px);
|
|
9668
|
+
border-bottom-right-radius: calc(infinity * 1px);
|
|
9669
|
+
}
|
|
9670
|
+
}
|
|
9671
|
+
.\[\&\>\[data-slot\=input-otp-slot\]\:not\(\:first-child\)\]\:-ml-px {
|
|
9672
|
+
&>[data-slot=input-otp-slot]:not(:first-child) {
|
|
9673
|
+
margin-left: -1px;
|
|
9674
|
+
}
|
|
9675
|
+
}
|
|
9425
9676
|
.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg {
|
|
9426
9677
|
&:has(*:is(select[aria-hidden=true]:last-child)) {
|
|
9427
9678
|
&>[data-slot=select-trigger]:last-of-type {
|