@giddaa-housing/ui 1.1.0 → 2.0.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/css/giddaa.css +12 -2
- package/dist/badge.js +1 -1
- package/dist/bullet-chart.d.ts +8 -4
- package/dist/bullet-chart.js +10 -6
- package/dist/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/chart.d.ts +33 -5
- package/dist/chart.js +210 -13
- package/dist/checkbox.js +1 -1
- package/dist/data-table.d.ts +7 -3
- package/dist/data-table.js +8 -5
- 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/funnel-chart.d.ts +11 -7
- package/dist/funnel-chart.js +11 -8
- package/dist/input-group.js +1 -1
- package/dist/input-otp.d.ts +23 -0
- package/dist/input-otp.js +56 -0
- package/dist/input.js +1 -1
- package/dist/line-chart.d.ts +113 -41
- package/dist/line-chart.js +217 -30
- package/dist/list-item.d.ts +22 -0
- package/dist/list-item.js +84 -0
- package/dist/number-input.js +20 -17
- package/dist/pie-chart.d.ts +83 -52
- package/dist/pie-chart.js +85 -43
- package/dist/purchase-option-card.d.ts +79 -0
- package/dist/purchase-option-card.js +176 -0
- package/dist/radio-group.js +1 -1
- package/dist/select.js +1 -1
- package/dist/sheet.d.ts +4 -2
- package/dist/sheet.js +22 -11
- package/dist/sparkline.d.ts +28 -15
- package/dist/sparkline.js +131 -37
- package/dist/styles.css +831 -119
- package/dist/switch.js +1 -1
- package/dist/table.js +6 -2
- package/dist/tabs.d.ts +21 -5
- package/dist/tabs.js +55 -12
- package/dist/textarea.js +1 -1
- package/dist/tree-map.d.ts +14 -14
- package/dist/tree-map.js +14 -15
- package/package.json +17 -1
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
|
}
|
|
@@ -525,6 +531,9 @@
|
|
|
525
531
|
.order-last {
|
|
526
532
|
order: 9999;
|
|
527
533
|
}
|
|
534
|
+
.col-span-2 {
|
|
535
|
+
grid-column: span 2 / span 2;
|
|
536
|
+
}
|
|
528
537
|
.col-start-2 {
|
|
529
538
|
grid-column-start: 2;
|
|
530
539
|
}
|
|
@@ -566,9 +575,6 @@
|
|
|
566
575
|
padding-inline: 40px;
|
|
567
576
|
}
|
|
568
577
|
}
|
|
569
|
-
.-mx-\(--sheet-padding-x\) {
|
|
570
|
-
margin-inline: calc(var(--sheet-padding-x) * -1);
|
|
571
|
-
}
|
|
572
578
|
.mx-0 {
|
|
573
579
|
margin-inline: 0;
|
|
574
580
|
}
|
|
@@ -692,6 +698,9 @@
|
|
|
692
698
|
.inline-grid {
|
|
693
699
|
display: inline-grid;
|
|
694
700
|
}
|
|
701
|
+
.list-item {
|
|
702
|
+
display: list-item;
|
|
703
|
+
}
|
|
695
704
|
.table {
|
|
696
705
|
display: table;
|
|
697
706
|
}
|
|
@@ -910,9 +919,6 @@
|
|
|
910
919
|
.h-\[calc\(--spacing\(5\.25\)\)\] {
|
|
911
920
|
height: calc(calc(var(--spacing) * 5.25));
|
|
912
921
|
}
|
|
913
|
-
.h-\[calc\(100\%-2px\)\] {
|
|
914
|
-
height: calc(100% - 2px);
|
|
915
|
-
}
|
|
916
922
|
.h-\[calc\(100lvh-3\.5rem\)\] {
|
|
917
923
|
height: calc(100lvh - 3.5rem);
|
|
918
924
|
}
|
|
@@ -1300,6 +1306,9 @@
|
|
|
1300
1306
|
.basis-full {
|
|
1301
1307
|
flex-basis: 100%;
|
|
1302
1308
|
}
|
|
1309
|
+
.table-fixed {
|
|
1310
|
+
table-layout: fixed;
|
|
1311
|
+
}
|
|
1303
1312
|
.caption-bottom {
|
|
1304
1313
|
caption-side: bottom;
|
|
1305
1314
|
}
|
|
@@ -1318,6 +1327,9 @@
|
|
|
1318
1327
|
.origin-bottom-right {
|
|
1319
1328
|
transform-origin: 100% 100%;
|
|
1320
1329
|
}
|
|
1330
|
+
.origin-center {
|
|
1331
|
+
transform-origin: center;
|
|
1332
|
+
}
|
|
1321
1333
|
.origin-left {
|
|
1322
1334
|
transform-origin: 0;
|
|
1323
1335
|
}
|
|
@@ -1449,9 +1461,15 @@
|
|
|
1449
1461
|
.\[appearance\:textfield\] {
|
|
1450
1462
|
appearance: textfield;
|
|
1451
1463
|
}
|
|
1464
|
+
.appearance-none {
|
|
1465
|
+
appearance: none;
|
|
1466
|
+
}
|
|
1452
1467
|
.grid-cols-1 {
|
|
1453
1468
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1454
1469
|
}
|
|
1470
|
+
.grid-cols-2 {
|
|
1471
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1472
|
+
}
|
|
1455
1473
|
.grid-cols-3 {
|
|
1456
1474
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1457
1475
|
}
|
|
@@ -1655,6 +1673,9 @@
|
|
|
1655
1673
|
.gap-y-4 {
|
|
1656
1674
|
row-gap: calc(var(--spacing) * 4);
|
|
1657
1675
|
}
|
|
1676
|
+
.gap-y-6 {
|
|
1677
|
+
row-gap: calc(var(--spacing) * 6);
|
|
1678
|
+
}
|
|
1658
1679
|
.gap-y-gdt-xl {
|
|
1659
1680
|
row-gap: var(--spacing-gdt-xl);
|
|
1660
1681
|
}
|
|
@@ -1825,10 +1846,6 @@
|
|
|
1825
1846
|
border-top-style: var(--tw-border-style);
|
|
1826
1847
|
border-top-width: 1px;
|
|
1827
1848
|
}
|
|
1828
|
-
.border-r-2 {
|
|
1829
|
-
border-right-style: var(--tw-border-style);
|
|
1830
|
-
border-right-width: 2px;
|
|
1831
|
-
}
|
|
1832
1849
|
.border-b {
|
|
1833
1850
|
border-bottom-style: var(--tw-border-style);
|
|
1834
1851
|
border-bottom-width: 1px;
|
|
@@ -1837,10 +1854,6 @@
|
|
|
1837
1854
|
border-left-style: var(--tw-border-style);
|
|
1838
1855
|
border-left-width: 1px;
|
|
1839
1856
|
}
|
|
1840
|
-
.border-l-2 {
|
|
1841
|
-
border-left-style: var(--tw-border-style);
|
|
1842
|
-
border-left-width: 2px;
|
|
1843
|
-
}
|
|
1844
1857
|
.border-dashed {
|
|
1845
1858
|
--tw-border-style: dashed;
|
|
1846
1859
|
border-style: dashed;
|
|
@@ -1927,12 +1940,24 @@
|
|
|
1927
1940
|
.bg-action-tertiary {
|
|
1928
1941
|
background-color: var(--color-action-tertiary);
|
|
1929
1942
|
}
|
|
1943
|
+
.bg-black\/25 {
|
|
1944
|
+
background-color: color-mix(in srgb, #000 25%, transparent);
|
|
1945
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1946
|
+
background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
|
|
1947
|
+
}
|
|
1948
|
+
}
|
|
1930
1949
|
.bg-black\/40 {
|
|
1931
1950
|
background-color: color-mix(in srgb, #000 40%, transparent);
|
|
1932
1951
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1933
1952
|
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
|
|
1934
1953
|
}
|
|
1935
1954
|
}
|
|
1955
|
+
.bg-black\/45 {
|
|
1956
|
+
background-color: color-mix(in srgb, #000 45%, transparent);
|
|
1957
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1958
|
+
background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
|
|
1959
|
+
}
|
|
1960
|
+
}
|
|
1936
1961
|
.bg-black\/55 {
|
|
1937
1962
|
background-color: color-mix(in srgb, #000 55%, transparent);
|
|
1938
1963
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2200,6 +2225,9 @@
|
|
|
2200
2225
|
.px-18 {
|
|
2201
2226
|
padding-inline: calc(var(--spacing) * 18);
|
|
2202
2227
|
}
|
|
2228
|
+
.px-\[9px\] {
|
|
2229
|
+
padding-inline: 9px;
|
|
2230
|
+
}
|
|
2203
2231
|
.px-gdt-5xl {
|
|
2204
2232
|
padding-inline: var(--spacing-gdt-5xl);
|
|
2205
2233
|
}
|
|
@@ -2242,6 +2270,9 @@
|
|
|
2242
2270
|
.py-4 {
|
|
2243
2271
|
padding-block: calc(var(--spacing) * 4);
|
|
2244
2272
|
}
|
|
2273
|
+
.py-4\.5 {
|
|
2274
|
+
padding-block: calc(var(--spacing) * 4.5);
|
|
2275
|
+
}
|
|
2245
2276
|
.py-5 {
|
|
2246
2277
|
padding-block: calc(var(--spacing) * 5);
|
|
2247
2278
|
}
|
|
@@ -2293,6 +2324,9 @@
|
|
|
2293
2324
|
.pt-3 {
|
|
2294
2325
|
padding-top: calc(var(--spacing) * 3);
|
|
2295
2326
|
}
|
|
2327
|
+
.pt-3\.5 {
|
|
2328
|
+
padding-top: calc(var(--spacing) * 3.5);
|
|
2329
|
+
}
|
|
2296
2330
|
.pt-4 {
|
|
2297
2331
|
padding-top: calc(var(--spacing) * 4);
|
|
2298
2332
|
}
|
|
@@ -2344,6 +2378,9 @@
|
|
|
2344
2378
|
.pb-3 {
|
|
2345
2379
|
padding-bottom: calc(var(--spacing) * 3);
|
|
2346
2380
|
}
|
|
2381
|
+
.pb-3\.5 {
|
|
2382
|
+
padding-bottom: calc(var(--spacing) * 3.5);
|
|
2383
|
+
}
|
|
2347
2384
|
.pb-4 {
|
|
2348
2385
|
padding-bottom: calc(var(--spacing) * 4);
|
|
2349
2386
|
}
|
|
@@ -2462,6 +2499,15 @@
|
|
|
2462
2499
|
.text-\[1rem\] {
|
|
2463
2500
|
font-size: 1rem;
|
|
2464
2501
|
}
|
|
2502
|
+
.text-\[2\.25rem\] {
|
|
2503
|
+
font-size: 2.25rem;
|
|
2504
|
+
}
|
|
2505
|
+
.text-\[3\.875rem\] {
|
|
2506
|
+
font-size: 3.875rem;
|
|
2507
|
+
}
|
|
2508
|
+
.text-\[3rem\] {
|
|
2509
|
+
font-size: 3rem;
|
|
2510
|
+
}
|
|
2465
2511
|
.text-\[9px\] {
|
|
2466
2512
|
font-size: 9px;
|
|
2467
2513
|
}
|
|
@@ -2471,6 +2517,12 @@
|
|
|
2471
2517
|
.text-\[11px\] {
|
|
2472
2518
|
font-size: 11px;
|
|
2473
2519
|
}
|
|
2520
|
+
.text-\[13px\] {
|
|
2521
|
+
font-size: 13px;
|
|
2522
|
+
}
|
|
2523
|
+
.text-\[15px\] {
|
|
2524
|
+
font-size: 15px;
|
|
2525
|
+
}
|
|
2474
2526
|
.leading-3 {
|
|
2475
2527
|
--tw-leading: calc(var(--spacing) * 3);
|
|
2476
2528
|
line-height: calc(var(--spacing) * 3);
|
|
@@ -2519,6 +2571,10 @@
|
|
|
2519
2571
|
--tw-font-weight: var(--font-weight-semibold);
|
|
2520
2572
|
font-weight: var(--font-weight-semibold);
|
|
2521
2573
|
}
|
|
2574
|
+
.tracking-\[-0\.02em\] {
|
|
2575
|
+
--tw-tracking: -0.02em;
|
|
2576
|
+
letter-spacing: -0.02em;
|
|
2577
|
+
}
|
|
2522
2578
|
.tracking-tight {
|
|
2523
2579
|
--tw-tracking: var(--tracking-tight);
|
|
2524
2580
|
letter-spacing: var(--tracking-tight);
|
|
@@ -2643,6 +2699,9 @@
|
|
|
2643
2699
|
.underline-offset-2 {
|
|
2644
2700
|
text-underline-offset: 2px;
|
|
2645
2701
|
}
|
|
2702
|
+
.caret-fg-primary {
|
|
2703
|
+
caret-color: var(--color-fg-primary);
|
|
2704
|
+
}
|
|
2646
2705
|
.opacity-0 {
|
|
2647
2706
|
opacity: 0%;
|
|
2648
2707
|
}
|
|
@@ -2883,6 +2942,11 @@
|
|
|
2883
2942
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2884
2943
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2885
2944
|
}
|
|
2945
|
+
.transition-\[background-color\,color\,opacity\,box-shadow\] {
|
|
2946
|
+
transition-property: background-color,color,opacity,box-shadow;
|
|
2947
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2948
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2949
|
+
}
|
|
2886
2950
|
.transition-\[background-color\,color\] {
|
|
2887
2951
|
transition-property: background-color,color;
|
|
2888
2952
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -3266,6 +3330,26 @@
|
|
|
3266
3330
|
width: 100%;
|
|
3267
3331
|
}
|
|
3268
3332
|
}
|
|
3333
|
+
.group-focus-within\/input-group\:mr-px {
|
|
3334
|
+
&:is(:where(.group\/input-group):focus-within *) {
|
|
3335
|
+
margin-right: 1px;
|
|
3336
|
+
}
|
|
3337
|
+
}
|
|
3338
|
+
.group-focus-within\/input-group\:ml-px {
|
|
3339
|
+
&:is(:where(.group\/input-group):focus-within *) {
|
|
3340
|
+
margin-left: 1px;
|
|
3341
|
+
}
|
|
3342
|
+
}
|
|
3343
|
+
.group-focus-within\/input-group\:h-\[calc\(100\%\+2px\)\] {
|
|
3344
|
+
&:is(:where(.group\/input-group):focus-within *) {
|
|
3345
|
+
height: calc(100% + 2px);
|
|
3346
|
+
}
|
|
3347
|
+
}
|
|
3348
|
+
.group-focus-within\/input-group\:h-\[calc\(100\%-2px\)\] {
|
|
3349
|
+
&:is(:where(.group\/input-group):focus-within *) {
|
|
3350
|
+
height: calc(100% - 2px);
|
|
3351
|
+
}
|
|
3352
|
+
}
|
|
3269
3353
|
.group-focus-within\/input-group\:bg-line-focus {
|
|
3270
3354
|
&:is(:where(.group\/input-group):focus-within *) {
|
|
3271
3355
|
background-color: var(--color-line-focus);
|
|
@@ -3343,6 +3427,16 @@
|
|
|
3343
3427
|
background-color: var(--color-surface-raised);
|
|
3344
3428
|
}
|
|
3345
3429
|
}
|
|
3430
|
+
.group-disabled\/list-item\:bg-action-tertiary {
|
|
3431
|
+
&:is(:where(.group\/list-item):disabled *) {
|
|
3432
|
+
background-color: var(--color-action-tertiary);
|
|
3433
|
+
}
|
|
3434
|
+
}
|
|
3435
|
+
.group-disabled\/list-item\:text-fg-caption-placeholder {
|
|
3436
|
+
&:is(:where(.group\/list-item):disabled *) {
|
|
3437
|
+
color: var(--color-fg-caption-placeholder);
|
|
3438
|
+
}
|
|
3439
|
+
}
|
|
3346
3440
|
.group-has-disabled\/input-group\:bg-line-subtle {
|
|
3347
3441
|
&:is(:where(.group\/input-group):has(*:disabled) *) {
|
|
3348
3442
|
background-color: var(--color-line-subtle);
|
|
@@ -3380,17 +3474,6 @@
|
|
|
3380
3474
|
background-color: var(--color-line-danger);
|
|
3381
3475
|
}
|
|
3382
3476
|
}
|
|
3383
|
-
.group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:border-b-0 {
|
|
3384
|
-
&:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
|
|
3385
|
-
border-bottom-style: var(--tw-border-style);
|
|
3386
|
-
border-bottom-width: 0px;
|
|
3387
|
-
}
|
|
3388
|
-
}
|
|
3389
|
-
.group-has-\[\[data-slot\=tabs-list\]\[data-variant\=underline\]\]\/sheet-content\:pb-2 {
|
|
3390
|
-
&:is(:where(.group\/sheet-content):has(*:is([data-slot=tabs-list][data-variant=underline])) *) {
|
|
3391
|
-
padding-bottom: calc(var(--spacing) * 2);
|
|
3392
|
-
}
|
|
3393
|
-
}
|
|
3394
3477
|
.group-has-\[\>input\]\/input-group\:pt-2 {
|
|
3395
3478
|
&:is(:where(.group\/input-group):has(>input) *) {
|
|
3396
3479
|
padding-top: calc(var(--spacing) * 2);
|
|
@@ -3411,11 +3494,31 @@
|
|
|
3411
3494
|
display: none;
|
|
3412
3495
|
}
|
|
3413
3496
|
}
|
|
3497
|
+
.group-aria-disabled\/list-item\:bg-action-tertiary {
|
|
3498
|
+
&:is(:where(.group\/list-item)[aria-disabled="true"] *) {
|
|
3499
|
+
background-color: var(--color-action-tertiary);
|
|
3500
|
+
}
|
|
3501
|
+
}
|
|
3502
|
+
.group-aria-disabled\/list-item\:text-fg-caption-placeholder {
|
|
3503
|
+
&:is(:where(.group\/list-item)[aria-disabled="true"] *) {
|
|
3504
|
+
color: var(--color-fg-caption-placeholder);
|
|
3505
|
+
}
|
|
3506
|
+
}
|
|
3414
3507
|
.group-aria-expanded\/accordion-trigger\:rotate-90 {
|
|
3415
3508
|
&:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) {
|
|
3416
3509
|
rotate: 90deg;
|
|
3417
3510
|
}
|
|
3418
3511
|
}
|
|
3512
|
+
.group-aria-invalid\/input-otp\:border-line-danger {
|
|
3513
|
+
&:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
|
|
3514
|
+
border-color: var(--color-line-danger);
|
|
3515
|
+
}
|
|
3516
|
+
}
|
|
3517
|
+
.group-aria-invalid\/input-otp\:text-fg-danger {
|
|
3518
|
+
&:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
|
|
3519
|
+
color: var(--color-fg-danger);
|
|
3520
|
+
}
|
|
3521
|
+
}
|
|
3419
3522
|
.group-data-disabled\/combobox-item\:border-line-subtle {
|
|
3420
3523
|
&:is(:where(.group\/combobox-item)[data-disabled] *) {
|
|
3421
3524
|
border-color: var(--color-line-subtle);
|
|
@@ -3436,6 +3539,11 @@
|
|
|
3436
3539
|
color: var(--color-fg-caption-placeholder);
|
|
3437
3540
|
}
|
|
3438
3541
|
}
|
|
3542
|
+
.group-data-disabled\/purchase-option-card\:text-fg-caption-placeholder {
|
|
3543
|
+
&:is(:where(.group\/purchase-option-card)[data-disabled] *) {
|
|
3544
|
+
color: var(--color-fg-caption-placeholder);
|
|
3545
|
+
}
|
|
3546
|
+
}
|
|
3439
3547
|
.group-data-disabled\/select-item\:border-line-subtle {
|
|
3440
3548
|
&:is(:where(.group\/select-item)[data-disabled] *) {
|
|
3441
3549
|
border-color: var(--color-line-subtle);
|
|
@@ -3658,6 +3766,16 @@
|
|
|
3658
3766
|
grid-template-columns: minmax(0,1fr) auto;
|
|
3659
3767
|
}
|
|
3660
3768
|
}
|
|
3769
|
+
.group-data-\[nested-dialog-open\]\/dialog-content\:hidden {
|
|
3770
|
+
&:is(:where(.group\/dialog-content)[data-nested-dialog-open] *) {
|
|
3771
|
+
display: none;
|
|
3772
|
+
}
|
|
3773
|
+
}
|
|
3774
|
+
.group-data-\[nested-dialog-open\]\/sheet-content\:hidden {
|
|
3775
|
+
&:is(:where(.group\/sheet-content)[data-nested-dialog-open] *) {
|
|
3776
|
+
display: none;
|
|
3777
|
+
}
|
|
3778
|
+
}
|
|
3661
3779
|
.group-data-\[orientation\=horizontal\]\/tabs\:border-b {
|
|
3662
3780
|
&:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
|
|
3663
3781
|
border-bottom-style: var(--tw-border-style);
|
|
@@ -3735,9 +3853,14 @@
|
|
|
3735
3853
|
border-color: var(--color-line-subtle);
|
|
3736
3854
|
}
|
|
3737
3855
|
}
|
|
3738
|
-
.group-data-\[
|
|
3856
|
+
.group-data-\[selected\=true\]\/list-item\:text-fg-brand {
|
|
3857
|
+
&:is(:where(.group\/list-item)[data-selected="true"] *) {
|
|
3858
|
+
color: var(--color-fg-brand);
|
|
3859
|
+
}
|
|
3860
|
+
}
|
|
3861
|
+
.group-data-\[side\=bottom\]\/sheet-content\:-top-9 {
|
|
3739
3862
|
&:is(:where(.group\/sheet-content)[data-side="bottom"] *) {
|
|
3740
|
-
top: calc(var(--spacing) * -
|
|
3863
|
+
top: calc(var(--spacing) * -9);
|
|
3741
3864
|
}
|
|
3742
3865
|
}
|
|
3743
3866
|
.group-data-\[side\=bottom\]\/sheet-content\:right-4 {
|
|
@@ -3766,9 +3889,9 @@
|
|
|
3766
3889
|
top: calc(var(--spacing) * 4);
|
|
3767
3890
|
}
|
|
3768
3891
|
}
|
|
3769
|
-
.group-data-\[side\=left\]\/sheet-content\:-right-
|
|
3892
|
+
.group-data-\[side\=left\]\/sheet-content\:-right-9 {
|
|
3770
3893
|
&:is(:where(.group\/sheet-content)[data-side="left"] *) {
|
|
3771
|
-
right: calc(var(--spacing) * -
|
|
3894
|
+
right: calc(var(--spacing) * -9);
|
|
3772
3895
|
}
|
|
3773
3896
|
}
|
|
3774
3897
|
.group-data-\[side\=right\]\:left-0 {
|
|
@@ -3797,9 +3920,9 @@
|
|
|
3797
3920
|
top: calc(var(--spacing) * 4);
|
|
3798
3921
|
}
|
|
3799
3922
|
}
|
|
3800
|
-
.group-data-\[side\=right\]\/sheet-content\:-left-
|
|
3923
|
+
.group-data-\[side\=right\]\/sheet-content\:-left-9 {
|
|
3801
3924
|
&:is(:where(.group\/sheet-content)[data-side="right"] *) {
|
|
3802
|
-
left: calc(var(--spacing) * -
|
|
3925
|
+
left: calc(var(--spacing) * -9);
|
|
3803
3926
|
}
|
|
3804
3927
|
}
|
|
3805
3928
|
.group-data-\[side\=top\]\/sheet-content\:right-4 {
|
|
@@ -3807,9 +3930,9 @@
|
|
|
3807
3930
|
right: calc(var(--spacing) * 4);
|
|
3808
3931
|
}
|
|
3809
3932
|
}
|
|
3810
|
-
.group-data-\[side\=top\]\/sheet-content\:-bottom-
|
|
3933
|
+
.group-data-\[side\=top\]\/sheet-content\:-bottom-9 {
|
|
3811
3934
|
&:is(:where(.group\/sheet-content)[data-side="top"] *) {
|
|
3812
|
-
bottom: calc(var(--spacing) * -
|
|
3935
|
+
bottom: calc(var(--spacing) * -9);
|
|
3813
3936
|
}
|
|
3814
3937
|
}
|
|
3815
3938
|
.group-data-\[size\=fullscreen\]\/sheet-content\:text-gdt-h2 {
|
|
@@ -3973,6 +4096,35 @@
|
|
|
3973
4096
|
padding-left: calc(var(--spacing) * 4);
|
|
3974
4097
|
}
|
|
3975
4098
|
}
|
|
4099
|
+
.group-data-\[size\=lg\]\/list-item\:size-6 {
|
|
4100
|
+
&:is(:where(.group\/list-item)[data-size="lg"] *) {
|
|
4101
|
+
width: calc(var(--spacing) * 6);
|
|
4102
|
+
height: calc(var(--spacing) * 6);
|
|
4103
|
+
}
|
|
4104
|
+
}
|
|
4105
|
+
.group-data-\[size\=lg\]\/list-item\:size-10 {
|
|
4106
|
+
&:is(:where(.group\/list-item)[data-size="lg"] *) {
|
|
4107
|
+
width: calc(var(--spacing) * 10);
|
|
4108
|
+
height: calc(var(--spacing) * 10);
|
|
4109
|
+
}
|
|
4110
|
+
}
|
|
4111
|
+
.group-data-\[size\=lg\]\/list-item\:min-h-6 {
|
|
4112
|
+
&:is(:where(.group\/list-item)[data-size="lg"] *) {
|
|
4113
|
+
min-height: calc(var(--spacing) * 6);
|
|
4114
|
+
}
|
|
4115
|
+
}
|
|
4116
|
+
.group-data-\[size\=lg\]\/list-item\:text-gdt-md {
|
|
4117
|
+
&:is(:where(.group\/list-item)[data-size="lg"] *) {
|
|
4118
|
+
font-size: var(--text-gdt-md);
|
|
4119
|
+
line-height: var(--tw-leading, var(--text-gdt-md--line-height));
|
|
4120
|
+
}
|
|
4121
|
+
}
|
|
4122
|
+
.group-data-\[size\=lg\]\/list-item\:text-gdt-sm {
|
|
4123
|
+
&:is(:where(.group\/list-item)[data-size="lg"] *) {
|
|
4124
|
+
font-size: var(--text-gdt-sm);
|
|
4125
|
+
line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
|
|
4126
|
+
}
|
|
4127
|
+
}
|
|
3976
4128
|
.group-data-\[size\=lg\]\/progress\:h-2 {
|
|
3977
4129
|
&:is(:where(.group\/progress)[data-size="lg"] *) {
|
|
3978
4130
|
height: calc(var(--spacing) * 2);
|
|
@@ -4021,39 +4173,29 @@
|
|
|
4021
4173
|
line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
|
|
4022
4174
|
}
|
|
4023
4175
|
}
|
|
4024
|
-
.group-data-\[size\=lg\]\/tabs\:h-5 {
|
|
4025
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4176
|
+
.group-data-\[size\=lg\]\/tabs-list\:h-5 {
|
|
4177
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4026
4178
|
height: calc(var(--spacing) * 5);
|
|
4027
4179
|
}
|
|
4028
4180
|
}
|
|
4029
|
-
.group-data-\[size\=lg\]\/tabs\:min-w-5 {
|
|
4030
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4181
|
+
.group-data-\[size\=lg\]\/tabs-list\:min-w-5 {
|
|
4182
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4031
4183
|
min-width: calc(var(--spacing) * 5);
|
|
4032
4184
|
}
|
|
4033
4185
|
}
|
|
4034
|
-
.group-data-\[size\=lg\]\/tabs\:px-1\.5 {
|
|
4035
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4186
|
+
.group-data-\[size\=lg\]\/tabs-list\:px-1\.5 {
|
|
4187
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4036
4188
|
padding-inline: calc(var(--spacing) * 1.5);
|
|
4037
4189
|
}
|
|
4038
4190
|
}
|
|
4039
|
-
.group-data-\[size\=lg\]\/tabs\:
|
|
4040
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4041
|
-
padding-inline: calc(var(--spacing) * 5);
|
|
4042
|
-
}
|
|
4043
|
-
}
|
|
4044
|
-
.group-data-\[size\=lg\]\/tabs\:py-3 {
|
|
4045
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4046
|
-
padding-block: calc(var(--spacing) * 3);
|
|
4047
|
-
}
|
|
4048
|
-
}
|
|
4049
|
-
.group-data-\[size\=lg\]\/tabs\:text-gdt-md {
|
|
4050
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4191
|
+
.group-data-\[size\=lg\]\/tabs-list\:text-gdt-md {
|
|
4192
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4051
4193
|
font-size: var(--text-gdt-md);
|
|
4052
4194
|
line-height: var(--tw-leading, var(--text-gdt-md--line-height));
|
|
4053
4195
|
}
|
|
4054
4196
|
}
|
|
4055
|
-
.group-data-\[size\=lg\]\/tabs\:text-gdt-xs {
|
|
4056
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
4197
|
+
.group-data-\[size\=lg\]\/tabs-list\:text-gdt-xs {
|
|
4198
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4057
4199
|
font-size: var(--text-gdt-xs);
|
|
4058
4200
|
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4059
4201
|
}
|
|
@@ -4218,6 +4360,35 @@
|
|
|
4218
4360
|
padding-left: calc(var(--spacing) * 3.5);
|
|
4219
4361
|
}
|
|
4220
4362
|
}
|
|
4363
|
+
.group-data-\[size\=md\]\/list-item\:size-5 {
|
|
4364
|
+
&:is(:where(.group\/list-item)[data-size="md"] *) {
|
|
4365
|
+
width: calc(var(--spacing) * 5);
|
|
4366
|
+
height: calc(var(--spacing) * 5);
|
|
4367
|
+
}
|
|
4368
|
+
}
|
|
4369
|
+
.group-data-\[size\=md\]\/list-item\:size-8 {
|
|
4370
|
+
&:is(:where(.group\/list-item)[data-size="md"] *) {
|
|
4371
|
+
width: calc(var(--spacing) * 8);
|
|
4372
|
+
height: calc(var(--spacing) * 8);
|
|
4373
|
+
}
|
|
4374
|
+
}
|
|
4375
|
+
.group-data-\[size\=md\]\/list-item\:min-h-5\.5 {
|
|
4376
|
+
&:is(:where(.group\/list-item)[data-size="md"] *) {
|
|
4377
|
+
min-height: calc(var(--spacing) * 5.5);
|
|
4378
|
+
}
|
|
4379
|
+
}
|
|
4380
|
+
.group-data-\[size\=md\]\/list-item\:text-gdt-sm {
|
|
4381
|
+
&:is(:where(.group\/list-item)[data-size="md"] *) {
|
|
4382
|
+
font-size: var(--text-gdt-sm);
|
|
4383
|
+
line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
|
|
4384
|
+
}
|
|
4385
|
+
}
|
|
4386
|
+
.group-data-\[size\=md\]\/list-item\:text-gdt-xs {
|
|
4387
|
+
&:is(:where(.group\/list-item)[data-size="md"] *) {
|
|
4388
|
+
font-size: var(--text-gdt-xs);
|
|
4389
|
+
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4390
|
+
}
|
|
4391
|
+
}
|
|
4221
4392
|
.group-data-\[size\=md\]\/progress\:h-1\.5 {
|
|
4222
4393
|
&:is(:where(.group\/progress)[data-size="md"] *) {
|
|
4223
4394
|
height: calc(var(--spacing) * 1.5);
|
|
@@ -4260,39 +4431,29 @@
|
|
|
4260
4431
|
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4261
4432
|
}
|
|
4262
4433
|
}
|
|
4263
|
-
.group-data-\[size\=md\]\/tabs\:h-5 {
|
|
4264
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4434
|
+
.group-data-\[size\=md\]\/tabs-list\:h-5 {
|
|
4435
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4265
4436
|
height: calc(var(--spacing) * 5);
|
|
4266
4437
|
}
|
|
4267
4438
|
}
|
|
4268
|
-
.group-data-\[size\=md\]\/tabs\:min-w-5 {
|
|
4269
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4439
|
+
.group-data-\[size\=md\]\/tabs-list\:min-w-5 {
|
|
4440
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4270
4441
|
min-width: calc(var(--spacing) * 5);
|
|
4271
4442
|
}
|
|
4272
4443
|
}
|
|
4273
|
-
.group-data-\[size\=md\]\/tabs\:px-1 {
|
|
4274
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4444
|
+
.group-data-\[size\=md\]\/tabs-list\:px-1 {
|
|
4445
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4275
4446
|
padding-inline: var(--spacing);
|
|
4276
4447
|
}
|
|
4277
4448
|
}
|
|
4278
|
-
.group-data-\[size\=md\]\/tabs\:
|
|
4279
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4280
|
-
padding-inline: calc(var(--spacing) * 4);
|
|
4281
|
-
}
|
|
4282
|
-
}
|
|
4283
|
-
.group-data-\[size\=md\]\/tabs\:py-2\.5 {
|
|
4284
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4285
|
-
padding-block: calc(var(--spacing) * 2.5);
|
|
4286
|
-
}
|
|
4287
|
-
}
|
|
4288
|
-
.group-data-\[size\=md\]\/tabs\:text-gdt-sm {
|
|
4289
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4449
|
+
.group-data-\[size\=md\]\/tabs-list\:text-gdt-sm {
|
|
4450
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4290
4451
|
font-size: var(--text-gdt-sm);
|
|
4291
4452
|
line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
|
|
4292
4453
|
}
|
|
4293
4454
|
}
|
|
4294
|
-
.group-data-\[size\=md\]\/tabs\:text-\[11px\] {
|
|
4295
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
4455
|
+
.group-data-\[size\=md\]\/tabs-list\:text-\[11px\] {
|
|
4456
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4296
4457
|
font-size: 11px;
|
|
4297
4458
|
}
|
|
4298
4459
|
}
|
|
@@ -4463,39 +4624,29 @@
|
|
|
4463
4624
|
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4464
4625
|
}
|
|
4465
4626
|
}
|
|
4466
|
-
.group-data-\[size\=sm\]\/tabs\:h-4 {
|
|
4467
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4627
|
+
.group-data-\[size\=sm\]\/tabs-list\:h-4 {
|
|
4628
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4468
4629
|
height: calc(var(--spacing) * 4);
|
|
4469
4630
|
}
|
|
4470
4631
|
}
|
|
4471
|
-
.group-data-\[size\=sm\]\/tabs\:min-w-4 {
|
|
4472
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4632
|
+
.group-data-\[size\=sm\]\/tabs-list\:min-w-4 {
|
|
4633
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4473
4634
|
min-width: calc(var(--spacing) * 4);
|
|
4474
4635
|
}
|
|
4475
4636
|
}
|
|
4476
|
-
.group-data-\[size\=sm\]\/tabs\:px-1 {
|
|
4477
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4637
|
+
.group-data-\[size\=sm\]\/tabs-list\:px-1 {
|
|
4638
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4478
4639
|
padding-inline: var(--spacing);
|
|
4479
4640
|
}
|
|
4480
4641
|
}
|
|
4481
|
-
.group-data-\[size\=sm\]\/tabs\:
|
|
4482
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4483
|
-
padding-inline: calc(var(--spacing) * 3);
|
|
4484
|
-
}
|
|
4485
|
-
}
|
|
4486
|
-
.group-data-\[size\=sm\]\/tabs\:py-2 {
|
|
4487
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4488
|
-
padding-block: calc(var(--spacing) * 2);
|
|
4489
|
-
}
|
|
4490
|
-
}
|
|
4491
|
-
.group-data-\[size\=sm\]\/tabs\:text-gdt-xs {
|
|
4492
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4642
|
+
.group-data-\[size\=sm\]\/tabs-list\:text-gdt-xs {
|
|
4643
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4493
4644
|
font-size: var(--text-gdt-xs);
|
|
4494
4645
|
line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
|
|
4495
4646
|
}
|
|
4496
4647
|
}
|
|
4497
|
-
.group-data-\[size\=sm\]\/tabs\:text-\[10px\] {
|
|
4498
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
4648
|
+
.group-data-\[size\=sm\]\/tabs-list\:text-\[10px\] {
|
|
4649
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4499
4650
|
font-size: 10px;
|
|
4500
4651
|
}
|
|
4501
4652
|
}
|
|
@@ -4531,6 +4682,21 @@
|
|
|
4531
4682
|
border-bottom-width: 0px;
|
|
4532
4683
|
}
|
|
4533
4684
|
}
|
|
4685
|
+
.group-data-\[state\=complete\]\/file-upload\:text-status-success {
|
|
4686
|
+
&:is(:where(.group\/file-upload)[data-state="complete"] *) {
|
|
4687
|
+
color: var(--color-status-success);
|
|
4688
|
+
}
|
|
4689
|
+
}
|
|
4690
|
+
.group-data-\[state\=error\]\/file-upload\:bg-surface-danger-subtle {
|
|
4691
|
+
&:is(:where(.group\/file-upload)[data-state="error"] *) {
|
|
4692
|
+
background-color: var(--color-surface-danger-subtle);
|
|
4693
|
+
}
|
|
4694
|
+
}
|
|
4695
|
+
.group-data-\[state\=error\]\/file-upload\:text-status-danger {
|
|
4696
|
+
&:is(:where(.group\/file-upload)[data-state="error"] *) {
|
|
4697
|
+
color: var(--color-status-danger);
|
|
4698
|
+
}
|
|
4699
|
+
}
|
|
4534
4700
|
.group-data-\[state\=selected\]\:bg-surface-brand-subtle {
|
|
4535
4701
|
&:is(:where(.group)[data-state="selected"] *) {
|
|
4536
4702
|
background-color: var(--color-surface-brand-subtle);
|
|
@@ -4682,6 +4848,48 @@
|
|
|
4682
4848
|
}
|
|
4683
4849
|
}
|
|
4684
4850
|
}
|
|
4851
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
|
|
4852
|
+
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4853
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4854
|
+
padding-inline: calc(var(--spacing) * 4);
|
|
4855
|
+
}
|
|
4856
|
+
}
|
|
4857
|
+
}
|
|
4858
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-2 {
|
|
4859
|
+
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4860
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
4861
|
+
padding-block: calc(var(--spacing) * 2);
|
|
4862
|
+
}
|
|
4863
|
+
}
|
|
4864
|
+
}
|
|
4865
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
|
|
4866
|
+
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4867
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4868
|
+
padding-inline: calc(var(--spacing) * 3.5);
|
|
4869
|
+
}
|
|
4870
|
+
}
|
|
4871
|
+
}
|
|
4872
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
|
|
4873
|
+
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4874
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
4875
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
4876
|
+
}
|
|
4877
|
+
}
|
|
4878
|
+
}
|
|
4879
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
|
|
4880
|
+
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4881
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4882
|
+
padding-inline: calc(var(--spacing) * 3);
|
|
4883
|
+
}
|
|
4884
|
+
}
|
|
4885
|
+
}
|
|
4886
|
+
.group-data-\[variant\=secondary\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
|
|
4887
|
+
&:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
|
|
4888
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
4889
|
+
padding-block: var(--spacing);
|
|
4890
|
+
}
|
|
4891
|
+
}
|
|
4892
|
+
}
|
|
4685
4893
|
.group-data-\[variant\=surface\]\/accordion\:bg-surface {
|
|
4686
4894
|
&:is(:where(.group\/accordion)[data-variant="surface"] *) {
|
|
4687
4895
|
background-color: var(--color-surface);
|
|
@@ -4790,6 +4998,48 @@
|
|
|
4790
4998
|
}
|
|
4791
4999
|
}
|
|
4792
5000
|
}
|
|
5001
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:px-4 {
|
|
5002
|
+
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
5003
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
5004
|
+
padding-inline: calc(var(--spacing) * 4);
|
|
5005
|
+
}
|
|
5006
|
+
}
|
|
5007
|
+
}
|
|
5008
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=lg\]\/tabs-list\:py-1\.5 {
|
|
5009
|
+
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
5010
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
5011
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
5012
|
+
}
|
|
5013
|
+
}
|
|
5014
|
+
}
|
|
5015
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:px-3\.5 {
|
|
5016
|
+
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
5017
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
5018
|
+
padding-inline: calc(var(--spacing) * 3.5);
|
|
5019
|
+
}
|
|
5020
|
+
}
|
|
5021
|
+
}
|
|
5022
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=md\]\/tabs-list\:py-1\.5 {
|
|
5023
|
+
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
5024
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
5025
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
5026
|
+
}
|
|
5027
|
+
}
|
|
5028
|
+
}
|
|
5029
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:px-3 {
|
|
5030
|
+
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
5031
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
5032
|
+
padding-inline: calc(var(--spacing) * 3);
|
|
5033
|
+
}
|
|
5034
|
+
}
|
|
5035
|
+
}
|
|
5036
|
+
.group-data-\[variant\=underline\]\/tabs-list\:group-data-\[size\=sm\]\/tabs-list\:py-1 {
|
|
5037
|
+
&:is(:where(.group\/tabs-list)[data-variant="underline"] *) {
|
|
5038
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
5039
|
+
padding-block: var(--spacing);
|
|
5040
|
+
}
|
|
5041
|
+
}
|
|
5042
|
+
}
|
|
4793
5043
|
.group-\[\[data-icons\=false\]\[data-orientation\=vertical\]\]\/details-card-body\:col-start-1 {
|
|
4794
5044
|
&:is(:where(.group\/details-card-body):is([data-icons=false][data-orientation=vertical]) *) {
|
|
4795
5045
|
grid-column-start: 1;
|
|
@@ -4987,6 +5237,12 @@
|
|
|
4987
5237
|
pointer-events: auto;
|
|
4988
5238
|
}
|
|
4989
5239
|
}
|
|
5240
|
+
.after\:pointer-events-none {
|
|
5241
|
+
&::after {
|
|
5242
|
+
content: var(--tw-content);
|
|
5243
|
+
pointer-events: none;
|
|
5244
|
+
}
|
|
5245
|
+
}
|
|
4990
5246
|
.after\:absolute {
|
|
4991
5247
|
&::after {
|
|
4992
5248
|
content: var(--tw-content);
|
|
@@ -5035,6 +5291,12 @@
|
|
|
5035
5291
|
top: 100%;
|
|
5036
5292
|
}
|
|
5037
5293
|
}
|
|
5294
|
+
.after\:right-0 {
|
|
5295
|
+
&::after {
|
|
5296
|
+
content: var(--tw-content);
|
|
5297
|
+
right: 0;
|
|
5298
|
+
}
|
|
5299
|
+
}
|
|
5038
5300
|
.after\:bottom-full {
|
|
5039
5301
|
&::after {
|
|
5040
5302
|
content: var(--tw-content);
|
|
@@ -5047,12 +5309,24 @@
|
|
|
5047
5309
|
left: 0;
|
|
5048
5310
|
}
|
|
5049
5311
|
}
|
|
5312
|
+
.after\:z-10 {
|
|
5313
|
+
&::after {
|
|
5314
|
+
content: var(--tw-content);
|
|
5315
|
+
z-index: 10;
|
|
5316
|
+
}
|
|
5317
|
+
}
|
|
5050
5318
|
.after\:h-\[calc\(var\(--gap\)\+1px\)\] {
|
|
5051
5319
|
&::after {
|
|
5052
5320
|
content: var(--tw-content);
|
|
5053
5321
|
height: calc(var(--gap) + 1px);
|
|
5054
5322
|
}
|
|
5055
5323
|
}
|
|
5324
|
+
.after\:w-0\.5 {
|
|
5325
|
+
&::after {
|
|
5326
|
+
content: var(--tw-content);
|
|
5327
|
+
width: calc(var(--spacing) * 0.5);
|
|
5328
|
+
}
|
|
5329
|
+
}
|
|
5056
5330
|
.after\:w-\[2px\] {
|
|
5057
5331
|
&::after {
|
|
5058
5332
|
content: var(--tw-content);
|
|
@@ -5065,6 +5339,12 @@
|
|
|
5065
5339
|
width: 100%;
|
|
5066
5340
|
}
|
|
5067
5341
|
}
|
|
5342
|
+
.after\:bg-line {
|
|
5343
|
+
&::after {
|
|
5344
|
+
content: var(--tw-content);
|
|
5345
|
+
background-color: var(--color-line);
|
|
5346
|
+
}
|
|
5347
|
+
}
|
|
5068
5348
|
.after\:\[background-image\:radial-gradient\(currentColor_0\.7px\,transparent_0\.7px\)\] {
|
|
5069
5349
|
&::after {
|
|
5070
5350
|
content: var(--tw-content);
|
|
@@ -5190,6 +5470,13 @@
|
|
|
5190
5470
|
}
|
|
5191
5471
|
}
|
|
5192
5472
|
}
|
|
5473
|
+
.hover\:border-line {
|
|
5474
|
+
&:hover {
|
|
5475
|
+
@media (hover: hover) {
|
|
5476
|
+
border-color: var(--color-line);
|
|
5477
|
+
}
|
|
5478
|
+
}
|
|
5479
|
+
}
|
|
5193
5480
|
.hover\:border-line-strong {
|
|
5194
5481
|
&:hover {
|
|
5195
5482
|
@media (hover: hover) {
|
|
@@ -5197,6 +5484,13 @@
|
|
|
5197
5484
|
}
|
|
5198
5485
|
}
|
|
5199
5486
|
}
|
|
5487
|
+
.hover\:border-line-subtle {
|
|
5488
|
+
&:hover {
|
|
5489
|
+
@media (hover: hover) {
|
|
5490
|
+
border-color: var(--color-line-subtle);
|
|
5491
|
+
}
|
|
5492
|
+
}
|
|
5493
|
+
}
|
|
5200
5494
|
.hover\:border-transparent {
|
|
5201
5495
|
&:hover {
|
|
5202
5496
|
@media (hover: hover) {
|
|
@@ -5319,6 +5613,14 @@
|
|
|
5319
5613
|
}
|
|
5320
5614
|
}
|
|
5321
5615
|
}
|
|
5616
|
+
.hover\:shadow-none {
|
|
5617
|
+
&:hover {
|
|
5618
|
+
@media (hover: hover) {
|
|
5619
|
+
--tw-shadow: 0 0 #0000;
|
|
5620
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5621
|
+
}
|
|
5622
|
+
}
|
|
5623
|
+
}
|
|
5322
5624
|
.hover\:brightness-95 {
|
|
5323
5625
|
&:hover {
|
|
5324
5626
|
@media (hover: hover) {
|
|
@@ -5391,6 +5693,16 @@
|
|
|
5391
5693
|
}
|
|
5392
5694
|
}
|
|
5393
5695
|
}
|
|
5696
|
+
.focus\:z-10 {
|
|
5697
|
+
&:focus {
|
|
5698
|
+
z-index: 10;
|
|
5699
|
+
}
|
|
5700
|
+
}
|
|
5701
|
+
.focus\:border-line-focus {
|
|
5702
|
+
&:focus {
|
|
5703
|
+
border-color: var(--color-line-focus);
|
|
5704
|
+
}
|
|
5705
|
+
}
|
|
5394
5706
|
.focus\:border-transparent {
|
|
5395
5707
|
&:focus {
|
|
5396
5708
|
border-color: transparent;
|
|
@@ -5418,12 +5730,37 @@
|
|
|
5418
5730
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5419
5731
|
}
|
|
5420
5732
|
}
|
|
5733
|
+
.focus\:inset-ring-1 {
|
|
5734
|
+
&:focus {
|
|
5735
|
+
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
|
|
5736
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5737
|
+
}
|
|
5738
|
+
}
|
|
5739
|
+
.focus\:inset-ring-line-focus {
|
|
5740
|
+
&:focus {
|
|
5741
|
+
--tw-inset-ring-color: var(--color-line-focus);
|
|
5742
|
+
}
|
|
5743
|
+
}
|
|
5421
5744
|
.focus\:outline-none {
|
|
5422
5745
|
&:focus {
|
|
5423
5746
|
--tw-outline-style: none;
|
|
5424
5747
|
outline-style: none;
|
|
5425
5748
|
}
|
|
5426
5749
|
}
|
|
5750
|
+
.group-aria-invalid\/input-otp\:focus\:border-line-danger {
|
|
5751
|
+
&:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
|
|
5752
|
+
&:focus {
|
|
5753
|
+
border-color: var(--color-line-danger);
|
|
5754
|
+
}
|
|
5755
|
+
}
|
|
5756
|
+
}
|
|
5757
|
+
.group-aria-invalid\/input-otp\:focus\:inset-ring-line-danger {
|
|
5758
|
+
&:is(:where(.group\/input-otp)[aria-invalid="true"] *) {
|
|
5759
|
+
&:focus {
|
|
5760
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
5761
|
+
}
|
|
5762
|
+
}
|
|
5763
|
+
}
|
|
5427
5764
|
.focus-visible\:border-line-focus {
|
|
5428
5765
|
&:focus-visible {
|
|
5429
5766
|
border-color: var(--color-line-focus);
|
|
@@ -5854,15 +6191,6 @@
|
|
|
5854
6191
|
background-color: var(--color-surface);
|
|
5855
6192
|
}
|
|
5856
6193
|
}
|
|
5857
|
-
.\*\*\:has-data-\[variant\=underline\]\:\*\:px-\(--sheet-padding-x\) {
|
|
5858
|
-
:is(& *) {
|
|
5859
|
-
&:has(*[data-variant="underline"]) {
|
|
5860
|
-
:is(& > *) {
|
|
5861
|
-
padding-inline: var(--sheet-padding-x);
|
|
5862
|
-
}
|
|
5863
|
-
}
|
|
5864
|
-
}
|
|
5865
|
-
}
|
|
5866
6194
|
.has-\[\&_\[data-slot\=popover-footer\]\]\:pb-0 {
|
|
5867
6195
|
&:has(* [data-slot=popover-footer]) {
|
|
5868
6196
|
padding-bottom: 0;
|
|
@@ -5916,9 +6244,15 @@
|
|
|
5916
6244
|
border-color: var(--color-line-focus);
|
|
5917
6245
|
}
|
|
5918
6246
|
}
|
|
5919
|
-
.has-\[\[data-slot\=card-action\]\:focus-visible\]\:ring-
|
|
6247
|
+
.has-\[\[data-slot\=card-action\]\:focus-visible\]\:inset-ring-1 {
|
|
5920
6248
|
&:has(*:is([data-slot=card-action]:focus-visible)) {
|
|
5921
|
-
--tw-ring-
|
|
6249
|
+
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
|
|
6250
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6251
|
+
}
|
|
6252
|
+
}
|
|
6253
|
+
.has-\[\[data-slot\=card-action\]\:focus-visible\]\:inset-ring-line-focus {
|
|
6254
|
+
&:has(*:is([data-slot=card-action]:focus-visible)) {
|
|
6255
|
+
--tw-inset-ring-color: var(--color-line-focus);
|
|
5922
6256
|
}
|
|
5923
6257
|
}
|
|
5924
6258
|
.has-\[\[data-slot\=card-action\]\:hover\]\:border-line-focus {
|
|
@@ -5969,6 +6303,20 @@
|
|
|
5969
6303
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5970
6304
|
}
|
|
5971
6305
|
}
|
|
6306
|
+
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:focus-within\:border-line-danger {
|
|
6307
|
+
&:has(*:is([data-slot][aria-invalid=true])) {
|
|
6308
|
+
&:focus-within {
|
|
6309
|
+
border-color: var(--color-line-danger);
|
|
6310
|
+
}
|
|
6311
|
+
}
|
|
6312
|
+
}
|
|
6313
|
+
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:focus-within\:inset-ring-line-danger {
|
|
6314
|
+
&:has(*:is([data-slot][aria-invalid=true])) {
|
|
6315
|
+
&:focus-within {
|
|
6316
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
6317
|
+
}
|
|
6318
|
+
}
|
|
6319
|
+
}
|
|
5972
6320
|
.has-\[\[role\=checkbox\]\]\:pr-0 {
|
|
5973
6321
|
&:has(*:is([role=checkbox])) {
|
|
5974
6322
|
padding-right: 0;
|
|
@@ -6144,6 +6492,14 @@
|
|
|
6144
6492
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6145
6493
|
}
|
|
6146
6494
|
}
|
|
6495
|
+
.aria-invalid\:ring-line-danger\/20 {
|
|
6496
|
+
&[aria-invalid="true"] {
|
|
6497
|
+
--tw-ring-color: color-mix(in srgb, #ef4444 20%, transparent);
|
|
6498
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6499
|
+
--tw-ring-color: color-mix(in oklab, var(--color-line-danger) 20%, transparent);
|
|
6500
|
+
}
|
|
6501
|
+
}
|
|
6502
|
+
}
|
|
6147
6503
|
.aria-invalid\:placeholder\:text-fg-danger {
|
|
6148
6504
|
&[aria-invalid="true"] {
|
|
6149
6505
|
&::placeholder {
|
|
@@ -6151,6 +6507,42 @@
|
|
|
6151
6507
|
}
|
|
6152
6508
|
}
|
|
6153
6509
|
}
|
|
6510
|
+
.aria-invalid\:focus\:border-line-danger {
|
|
6511
|
+
&[aria-invalid="true"] {
|
|
6512
|
+
&:focus {
|
|
6513
|
+
border-color: var(--color-line-danger);
|
|
6514
|
+
}
|
|
6515
|
+
}
|
|
6516
|
+
}
|
|
6517
|
+
.aria-invalid\:focus\:inset-ring-line-danger {
|
|
6518
|
+
&[aria-invalid="true"] {
|
|
6519
|
+
&:focus {
|
|
6520
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
6521
|
+
}
|
|
6522
|
+
}
|
|
6523
|
+
}
|
|
6524
|
+
.aria-invalid\:focus-visible\:border-line-danger {
|
|
6525
|
+
&[aria-invalid="true"] {
|
|
6526
|
+
&:focus-visible {
|
|
6527
|
+
border-color: var(--color-line-danger);
|
|
6528
|
+
}
|
|
6529
|
+
}
|
|
6530
|
+
}
|
|
6531
|
+
.aria-invalid\:focus-visible\:shadow-\[0px_0px_0px_2px_var\(--color-line-danger\)\] {
|
|
6532
|
+
&[aria-invalid="true"] {
|
|
6533
|
+
&:focus-visible {
|
|
6534
|
+
--tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, var(--color-line-danger));
|
|
6535
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
6536
|
+
}
|
|
6537
|
+
}
|
|
6538
|
+
}
|
|
6539
|
+
.aria-invalid\:focus-visible\:inset-ring-line-danger {
|
|
6540
|
+
&[aria-invalid="true"] {
|
|
6541
|
+
&:focus-visible {
|
|
6542
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
6543
|
+
}
|
|
6544
|
+
}
|
|
6545
|
+
}
|
|
6154
6546
|
.aria-pressed\:bg-surface-brand {
|
|
6155
6547
|
&[aria-pressed="true"] {
|
|
6156
6548
|
background-color: var(--color-surface-brand);
|
|
@@ -6335,6 +6727,11 @@
|
|
|
6335
6727
|
opacity: 40%;
|
|
6336
6728
|
}
|
|
6337
6729
|
}
|
|
6730
|
+
.data-disabled\:opacity-50 {
|
|
6731
|
+
&[data-disabled] {
|
|
6732
|
+
opacity: 50%;
|
|
6733
|
+
}
|
|
6734
|
+
}
|
|
6338
6735
|
.data-disabled\:opacity-60 {
|
|
6339
6736
|
&[data-disabled] {
|
|
6340
6737
|
opacity: 60%;
|
|
@@ -6452,6 +6849,35 @@
|
|
|
6452
6849
|
padding-left: calc(var(--spacing) * 8);
|
|
6453
6850
|
}
|
|
6454
6851
|
}
|
|
6852
|
+
.data-invalid\:border-line-danger {
|
|
6853
|
+
&[data-invalid] {
|
|
6854
|
+
border-color: var(--color-line-danger);
|
|
6855
|
+
}
|
|
6856
|
+
}
|
|
6857
|
+
.data-invalid\:text-fg-danger {
|
|
6858
|
+
&[data-invalid] {
|
|
6859
|
+
color: var(--color-fg-danger);
|
|
6860
|
+
}
|
|
6861
|
+
}
|
|
6862
|
+
.data-invalid\:focus\:border-line-danger {
|
|
6863
|
+
&[data-invalid] {
|
|
6864
|
+
&:focus {
|
|
6865
|
+
border-color: var(--color-line-danger);
|
|
6866
|
+
}
|
|
6867
|
+
}
|
|
6868
|
+
}
|
|
6869
|
+
.data-invalid\:focus\:inset-ring-line-danger {
|
|
6870
|
+
&[data-invalid] {
|
|
6871
|
+
&:focus {
|
|
6872
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
6873
|
+
}
|
|
6874
|
+
}
|
|
6875
|
+
}
|
|
6876
|
+
.data-loading\:animate-pulse {
|
|
6877
|
+
&[data-loading] {
|
|
6878
|
+
animation: var(--animate-pulse);
|
|
6879
|
+
}
|
|
6880
|
+
}
|
|
6455
6881
|
.data-open\:bg-surface {
|
|
6456
6882
|
&[data-open] {
|
|
6457
6883
|
background-color: var(--color-surface);
|
|
@@ -6858,6 +7284,48 @@
|
|
|
6858
7284
|
color: var(--color-fg-danger);
|
|
6859
7285
|
}
|
|
6860
7286
|
}
|
|
7287
|
+
.data-\[invalid\=true\]\:focus-visible\:border-line-danger {
|
|
7288
|
+
&[data-invalid="true"] {
|
|
7289
|
+
&:focus-visible {
|
|
7290
|
+
border-color: var(--color-line-danger);
|
|
7291
|
+
}
|
|
7292
|
+
}
|
|
7293
|
+
}
|
|
7294
|
+
.data-\[invalid\=true\]\:focus-visible\:inset-ring-line-danger {
|
|
7295
|
+
&[data-invalid="true"] {
|
|
7296
|
+
&:focus-visible {
|
|
7297
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
7298
|
+
}
|
|
7299
|
+
}
|
|
7300
|
+
}
|
|
7301
|
+
.data-\[invalid\=true\]\:data-focused\:border-line-danger {
|
|
7302
|
+
&[data-invalid="true"] {
|
|
7303
|
+
&[data-focused] {
|
|
7304
|
+
border-color: var(--color-line-danger);
|
|
7305
|
+
}
|
|
7306
|
+
}
|
|
7307
|
+
}
|
|
7308
|
+
.data-\[invalid\=true\]\:data-focused\:inset-ring-line-danger {
|
|
7309
|
+
&[data-invalid="true"] {
|
|
7310
|
+
&[data-focused] {
|
|
7311
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
7312
|
+
}
|
|
7313
|
+
}
|
|
7314
|
+
}
|
|
7315
|
+
.data-\[invalid\=true\]\:data-popup-open\:border-line-danger {
|
|
7316
|
+
&[data-invalid="true"] {
|
|
7317
|
+
&[data-popup-open] {
|
|
7318
|
+
border-color: var(--color-line-danger);
|
|
7319
|
+
}
|
|
7320
|
+
}
|
|
7321
|
+
}
|
|
7322
|
+
.data-\[invalid\=true\]\:data-popup-open\:inset-ring-line-danger {
|
|
7323
|
+
&[data-invalid="true"] {
|
|
7324
|
+
&[data-popup-open] {
|
|
7325
|
+
--tw-inset-ring-color: var(--color-line-danger);
|
|
7326
|
+
}
|
|
7327
|
+
}
|
|
7328
|
+
}
|
|
6861
7329
|
.data-\[limited\]\:opacity-0 {
|
|
6862
7330
|
&[data-limited] {
|
|
6863
7331
|
opacity: 0%;
|
|
@@ -6873,6 +7341,11 @@
|
|
|
6873
7341
|
background-color: var(--color-action-primary);
|
|
6874
7342
|
}
|
|
6875
7343
|
}
|
|
7344
|
+
.data-\[nested-dialog-open\]\:scale-\[0\.96\] {
|
|
7345
|
+
&[data-nested-dialog-open] {
|
|
7346
|
+
scale: 0.96;
|
|
7347
|
+
}
|
|
7348
|
+
}
|
|
6876
7349
|
.data-\[orientation\=horizontal\]\:h-\(--slider-thumb-size\) {
|
|
6877
7350
|
&[data-orientation="horizontal"] {
|
|
6878
7351
|
height: var(--slider-thumb-size);
|
|
@@ -7139,6 +7612,11 @@
|
|
|
7139
7612
|
}
|
|
7140
7613
|
}
|
|
7141
7614
|
}
|
|
7615
|
+
.data-\[selected\=true\]\:bg-surface-brand-subtle {
|
|
7616
|
+
&[data-selected="true"] {
|
|
7617
|
+
background-color: var(--color-surface-brand-subtle);
|
|
7618
|
+
}
|
|
7619
|
+
}
|
|
7142
7620
|
.data-\[shape\=full\]\:rounded-4xl {
|
|
7143
7621
|
&[data-shape="full"] {
|
|
7144
7622
|
border-radius: var(--radius-4xl);
|
|
@@ -7191,6 +7669,22 @@
|
|
|
7191
7669
|
}
|
|
7192
7670
|
}
|
|
7193
7671
|
}
|
|
7672
|
+
.data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
|
|
7673
|
+
&[data-side="bottom"] {
|
|
7674
|
+
&[data-nested-dialog-open] {
|
|
7675
|
+
--tw-translate-y: calc(var(--nested-dialogs) * -1.5rem);
|
|
7676
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7677
|
+
}
|
|
7678
|
+
}
|
|
7679
|
+
}
|
|
7680
|
+
.data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
|
|
7681
|
+
&[data-side="bottom"] {
|
|
7682
|
+
&[data-nested-dialog-open] {
|
|
7683
|
+
--tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
|
|
7684
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
7685
|
+
}
|
|
7686
|
+
}
|
|
7687
|
+
}
|
|
7194
7688
|
.data-\[side\=inline-end\]\:slide-in-from-left-2 {
|
|
7195
7689
|
&[data-side="inline-end"] {
|
|
7196
7690
|
--tw-enter-translate-x: -0.5rem;
|
|
@@ -7255,6 +7749,14 @@
|
|
|
7255
7749
|
}
|
|
7256
7750
|
}
|
|
7257
7751
|
}
|
|
7752
|
+
.data-\[side\=left\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
|
|
7753
|
+
&[data-side="left"] {
|
|
7754
|
+
&[data-nested-dialog-open] {
|
|
7755
|
+
--tw-translate-x: calc(var(--nested-dialogs) * 1.5rem);
|
|
7756
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7757
|
+
}
|
|
7758
|
+
}
|
|
7759
|
+
}
|
|
7258
7760
|
.data-\[side\=right\]\:inset-y-0 {
|
|
7259
7761
|
&[data-side="right"] {
|
|
7260
7762
|
inset-block: 0;
|
|
@@ -7309,6 +7811,14 @@
|
|
|
7309
7811
|
}
|
|
7310
7812
|
}
|
|
7311
7813
|
}
|
|
7814
|
+
.data-\[side\=right\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
|
|
7815
|
+
&[data-side="right"] {
|
|
7816
|
+
&[data-nested-dialog-open] {
|
|
7817
|
+
--tw-translate-x: calc(var(--nested-dialogs) * -1.5rem);
|
|
7818
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7819
|
+
}
|
|
7820
|
+
}
|
|
7821
|
+
}
|
|
7312
7822
|
.data-\[side\=top\]\:inset-x-0 {
|
|
7313
7823
|
&[data-side="top"] {
|
|
7314
7824
|
inset-inline: 0;
|
|
@@ -7361,6 +7871,22 @@
|
|
|
7361
7871
|
}
|
|
7362
7872
|
}
|
|
7363
7873
|
}
|
|
7874
|
+
.data-\[side\=top\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
|
|
7875
|
+
&[data-side="top"] {
|
|
7876
|
+
&[data-nested-dialog-open] {
|
|
7877
|
+
--tw-translate-y: calc(var(--nested-dialogs) * 1.5rem);
|
|
7878
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
7879
|
+
}
|
|
7880
|
+
}
|
|
7881
|
+
}
|
|
7882
|
+
.data-\[side\=top\]\:data-\[nested-dialog-open\]\:scale-x-\[calc\(1_-_var\(--nested-dialogs\)\*0\.05\)\] {
|
|
7883
|
+
&[data-side="top"] {
|
|
7884
|
+
&[data-nested-dialog-open] {
|
|
7885
|
+
--tw-scale-x: calc(1 - var(--nested-dialogs) * 0.05);
|
|
7886
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
7887
|
+
}
|
|
7888
|
+
}
|
|
7889
|
+
}
|
|
7364
7890
|
.data-\[size\=lg\]\:gap-3 {
|
|
7365
7891
|
&[data-size="lg"] {
|
|
7366
7892
|
gap: calc(var(--spacing) * 3);
|
|
@@ -7445,6 +7971,38 @@
|
|
|
7445
7971
|
}
|
|
7446
7972
|
}
|
|
7447
7973
|
}
|
|
7974
|
+
.\*\*\:data-\[slot\=avatar-fallback\]\:bg-action-tertiary {
|
|
7975
|
+
:is(& *) {
|
|
7976
|
+
&[data-slot="avatar-fallback"] {
|
|
7977
|
+
background-color: var(--color-action-tertiary);
|
|
7978
|
+
}
|
|
7979
|
+
}
|
|
7980
|
+
}
|
|
7981
|
+
.\*\*\:data-\[slot\=avatar-fallback\]\:text-fg-primary {
|
|
7982
|
+
:is(& *) {
|
|
7983
|
+
&[data-slot="avatar-fallback"] {
|
|
7984
|
+
color: var(--color-fg-primary);
|
|
7985
|
+
}
|
|
7986
|
+
}
|
|
7987
|
+
}
|
|
7988
|
+
.group-data-\[selected\=true\]\/list-item\:\*\*\:data-\[slot\=avatar-fallback\]\:bg-surface-brand {
|
|
7989
|
+
&:is(:where(.group\/list-item)[data-selected="true"] *) {
|
|
7990
|
+
:is(& *) {
|
|
7991
|
+
&[data-slot="avatar-fallback"] {
|
|
7992
|
+
background-color: var(--color-surface-brand);
|
|
7993
|
+
}
|
|
7994
|
+
}
|
|
7995
|
+
}
|
|
7996
|
+
}
|
|
7997
|
+
.group-data-\[selected\=true\]\/list-item\:\*\*\:data-\[slot\=avatar-fallback\]\:text-fg-on-brand {
|
|
7998
|
+
&:is(:where(.group\/list-item)[data-selected="true"] *) {
|
|
7999
|
+
:is(& *) {
|
|
8000
|
+
&[data-slot="avatar-fallback"] {
|
|
8001
|
+
color: var(--color-fg-on-brand);
|
|
8002
|
+
}
|
|
8003
|
+
}
|
|
8004
|
+
}
|
|
8005
|
+
}
|
|
7448
8006
|
.\*\*\:data-\[slot\=button\]\:w-full {
|
|
7449
8007
|
:is(& *) {
|
|
7450
8008
|
&[data-slot="button"] {
|
|
@@ -7596,15 +8154,6 @@
|
|
|
7596
8154
|
}
|
|
7597
8155
|
}
|
|
7598
8156
|
}
|
|
7599
|
-
.\*\*\:data-\[slot\=tabs\]\:has-data-\[variant\=underline\]\:-mx-\(--sheet-padding-x\) {
|
|
7600
|
-
:is(& *) {
|
|
7601
|
-
&[data-slot="tabs"] {
|
|
7602
|
-
&:has(*[data-variant="underline"]) {
|
|
7603
|
-
margin-inline: calc(var(--sheet-padding-x) * -1);
|
|
7604
|
-
}
|
|
7605
|
-
}
|
|
7606
|
-
}
|
|
7607
|
-
}
|
|
7608
8157
|
.data-\[starting-style\]\:\[transform\:translateX\(var\(--exit-x\)\)_translateY\(var\(--exit-y\)\)_scale\(var\(--scale\)\)\] {
|
|
7609
8158
|
&[data-starting-style] {
|
|
7610
8159
|
transform: translateX(var(--exit-x)) translateY(var(--exit-y)) scale(var(--scale));
|
|
@@ -7615,6 +8164,16 @@
|
|
|
7615
8164
|
opacity: 0%;
|
|
7616
8165
|
}
|
|
7617
8166
|
}
|
|
8167
|
+
.data-\[state\=error\]\:border-line-danger {
|
|
8168
|
+
&[data-state="error"] {
|
|
8169
|
+
border-color: var(--color-line-danger);
|
|
8170
|
+
}
|
|
8171
|
+
}
|
|
8172
|
+
.data-\[state\=error\]\:bg-surface-danger-subtle {
|
|
8173
|
+
&[data-state="error"] {
|
|
8174
|
+
background-color: var(--color-surface-danger-subtle);
|
|
8175
|
+
}
|
|
8176
|
+
}
|
|
7618
8177
|
.data-\[state\=selected\]\:bg-surface-brand-subtle {
|
|
7619
8178
|
&[data-state="selected"] {
|
|
7620
8179
|
background-color: var(--color-surface-brand-subtle);
|
|
@@ -8479,6 +9038,21 @@
|
|
|
8479
9038
|
}
|
|
8480
9039
|
}
|
|
8481
9040
|
}
|
|
9041
|
+
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-fg-caption-placeholder {
|
|
9042
|
+
& .recharts-cartesian-axis-tick text {
|
|
9043
|
+
fill: var(--color-fg-caption-placeholder);
|
|
9044
|
+
}
|
|
9045
|
+
}
|
|
9046
|
+
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-line {
|
|
9047
|
+
& .recharts-cartesian-grid line[stroke='#ccc'] {
|
|
9048
|
+
stroke: var(--color-line);
|
|
9049
|
+
}
|
|
9050
|
+
}
|
|
9051
|
+
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-line {
|
|
9052
|
+
& .recharts-curve.recharts-tooltip-cursor {
|
|
9053
|
+
stroke: var(--color-line);
|
|
9054
|
+
}
|
|
9055
|
+
}
|
|
8482
9056
|
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
|
|
8483
9057
|
& .recharts-dot[stroke='#fff'] {
|
|
8484
9058
|
stroke: transparent;
|
|
@@ -8494,6 +9068,26 @@
|
|
|
8494
9068
|
}
|
|
8495
9069
|
}
|
|
8496
9070
|
}
|
|
9071
|
+
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-line {
|
|
9072
|
+
& .recharts-polar-grid [stroke='#ccc'] {
|
|
9073
|
+
stroke: var(--color-line);
|
|
9074
|
+
}
|
|
9075
|
+
}
|
|
9076
|
+
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-surface-raised {
|
|
9077
|
+
& .recharts-radial-bar-background-sector {
|
|
9078
|
+
fill: var(--color-surface-raised);
|
|
9079
|
+
}
|
|
9080
|
+
}
|
|
9081
|
+
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-surface-raised {
|
|
9082
|
+
& .recharts-rectangle.recharts-tooltip-cursor {
|
|
9083
|
+
fill: var(--color-surface-raised);
|
|
9084
|
+
}
|
|
9085
|
+
}
|
|
9086
|
+
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-line {
|
|
9087
|
+
& .recharts-reference-line [stroke='#ccc'] {
|
|
9088
|
+
stroke: var(--color-line);
|
|
9089
|
+
}
|
|
9090
|
+
}
|
|
8497
9091
|
.\[\&_\.recharts-sector\]\:outline-hidden {
|
|
8498
9092
|
& .recharts-sector {
|
|
8499
9093
|
--tw-outline-style: none;
|
|
@@ -8531,6 +9125,16 @@
|
|
|
8531
9125
|
}
|
|
8532
9126
|
}
|
|
8533
9127
|
}
|
|
9128
|
+
.\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-danger {
|
|
9129
|
+
& [data-slot=progress-indicator] {
|
|
9130
|
+
background-color: var(--color-status-danger);
|
|
9131
|
+
}
|
|
9132
|
+
}
|
|
9133
|
+
.\[\&_\[data-slot\=progress-indicator\]\]\:bg-status-success {
|
|
9134
|
+
& [data-slot=progress-indicator] {
|
|
9135
|
+
background-color: var(--color-status-success);
|
|
9136
|
+
}
|
|
9137
|
+
}
|
|
8534
9138
|
.\[\&_a\]\:pointer-events-auto {
|
|
8535
9139
|
& a {
|
|
8536
9140
|
pointer-events: auto;
|
|
@@ -8576,6 +9180,29 @@
|
|
|
8576
9180
|
z-index: 3;
|
|
8577
9181
|
}
|
|
8578
9182
|
}
|
|
9183
|
+
.\[\&_circle\:first-child\]\:text-white\/35 {
|
|
9184
|
+
& circle:first-child {
|
|
9185
|
+
color: color-mix(in srgb, #fff 35%, transparent);
|
|
9186
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9187
|
+
color: color-mix(in oklab, var(--color-white) 35%, transparent);
|
|
9188
|
+
}
|
|
9189
|
+
}
|
|
9190
|
+
}
|
|
9191
|
+
.\[\&_circle\:last-child\]\:text-status-danger {
|
|
9192
|
+
& circle:last-child {
|
|
9193
|
+
color: var(--color-status-danger);
|
|
9194
|
+
}
|
|
9195
|
+
}
|
|
9196
|
+
.\[\&_circle\:last-child\]\:text-status-success {
|
|
9197
|
+
& circle:last-child {
|
|
9198
|
+
color: var(--color-status-success);
|
|
9199
|
+
}
|
|
9200
|
+
}
|
|
9201
|
+
.\[\&_circle\:last-child\]\:text-white {
|
|
9202
|
+
& circle:last-child {
|
|
9203
|
+
color: var(--color-white);
|
|
9204
|
+
}
|
|
9205
|
+
}
|
|
8579
9206
|
.\[\&_p\]\:leading-relaxed {
|
|
8580
9207
|
& p {
|
|
8581
9208
|
--tw-leading: var(--leading-relaxed);
|
|
@@ -8711,8 +9338,8 @@
|
|
|
8711
9338
|
}
|
|
8712
9339
|
}
|
|
8713
9340
|
}
|
|
8714
|
-
.group-data-\[size\=lg\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
|
|
8715
|
-
&:is(:where(.group\/tabs)[data-size="lg"] *) {
|
|
9341
|
+
.group-data-\[size\=lg\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
|
|
9342
|
+
&:is(:where(.group\/tabs-list)[data-size="lg"] *) {
|
|
8716
9343
|
& svg:not([class*='size-']) {
|
|
8717
9344
|
width: calc(var(--spacing) * 4.5);
|
|
8718
9345
|
height: calc(var(--spacing) * 4.5);
|
|
@@ -8727,8 +9354,8 @@
|
|
|
8727
9354
|
}
|
|
8728
9355
|
}
|
|
8729
9356
|
}
|
|
8730
|
-
.group-data-\[size\=md\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
|
|
8731
|
-
&:is(:where(.group\/tabs)[data-size="md"] *) {
|
|
9357
|
+
.group-data-\[size\=md\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
|
|
9358
|
+
&:is(:where(.group\/tabs-list)[data-size="md"] *) {
|
|
8732
9359
|
& svg:not([class*='size-']) {
|
|
8733
9360
|
width: calc(var(--spacing) * 4);
|
|
8734
9361
|
height: calc(var(--spacing) * 4);
|
|
@@ -8743,8 +9370,8 @@
|
|
|
8743
9370
|
}
|
|
8744
9371
|
}
|
|
8745
9372
|
}
|
|
8746
|
-
.group-data-\[size\=sm\]\/tabs\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
|
|
8747
|
-
&:is(:where(.group\/tabs)[data-size="sm"] *) {
|
|
9373
|
+
.group-data-\[size\=sm\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
|
|
9374
|
+
&:is(:where(.group\/tabs-list)[data-size="sm"] *) {
|
|
8748
9375
|
& svg:not([class*='size-']) {
|
|
8749
9376
|
width: calc(var(--spacing) * 3.5);
|
|
8750
9377
|
height: calc(var(--spacing) * 3.5);
|
|
@@ -8848,6 +9475,53 @@
|
|
|
8848
9475
|
}
|
|
8849
9476
|
}
|
|
8850
9477
|
}
|
|
9478
|
+
.\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:cursor-pointer {
|
|
9479
|
+
&:is(button,a,[role=button],[role=link]) {
|
|
9480
|
+
cursor: pointer;
|
|
9481
|
+
}
|
|
9482
|
+
}
|
|
9483
|
+
.\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:select-none {
|
|
9484
|
+
&:is(button,a,[role=button],[role=link]) {
|
|
9485
|
+
-webkit-user-select: none;
|
|
9486
|
+
user-select: none;
|
|
9487
|
+
}
|
|
9488
|
+
}
|
|
9489
|
+
.\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:hover\:bg-surface-raised {
|
|
9490
|
+
&:is(button,a,[role=button],[role=link]) {
|
|
9491
|
+
&:hover {
|
|
9492
|
+
@media (hover: hover) {
|
|
9493
|
+
background-color: var(--color-surface-raised);
|
|
9494
|
+
}
|
|
9495
|
+
}
|
|
9496
|
+
}
|
|
9497
|
+
}
|
|
9498
|
+
.\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:active\:bg-surface-raised {
|
|
9499
|
+
&:is(button,a,[role=button],[role=link]) {
|
|
9500
|
+
&:active {
|
|
9501
|
+
background-color: var(--color-surface-raised);
|
|
9502
|
+
}
|
|
9503
|
+
}
|
|
9504
|
+
}
|
|
9505
|
+
.data-\[selected\=true\]\:\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:hover\:bg-surface-brand-subtle {
|
|
9506
|
+
&[data-selected="true"] {
|
|
9507
|
+
&:is(button,a,[role=button],[role=link]) {
|
|
9508
|
+
&:hover {
|
|
9509
|
+
@media (hover: hover) {
|
|
9510
|
+
background-color: var(--color-surface-brand-subtle);
|
|
9511
|
+
}
|
|
9512
|
+
}
|
|
9513
|
+
}
|
|
9514
|
+
}
|
|
9515
|
+
}
|
|
9516
|
+
.data-\[selected\=true\]\:\[button\,a\,\[role\=button\]\,\[role\=link\]\]\:active\:bg-surface-brand-subtle {
|
|
9517
|
+
&[data-selected="true"] {
|
|
9518
|
+
&:is(button,a,[role=button],[role=link]) {
|
|
9519
|
+
&:active {
|
|
9520
|
+
background-color: var(--color-surface-brand-subtle);
|
|
9521
|
+
}
|
|
9522
|
+
}
|
|
9523
|
+
}
|
|
9524
|
+
}
|
|
8851
9525
|
.\*\:\[span\]\:last\:flex {
|
|
8852
9526
|
:is(& > *) {
|
|
8853
9527
|
&:is(span) {
|
|
@@ -8952,6 +9626,28 @@
|
|
|
8952
9626
|
}
|
|
8953
9627
|
}
|
|
8954
9628
|
}
|
|
9629
|
+
.\[\&\>\[data-slot\=input-otp-slot\]\]\:rounded-none {
|
|
9630
|
+
&>[data-slot=input-otp-slot] {
|
|
9631
|
+
border-radius: 0;
|
|
9632
|
+
}
|
|
9633
|
+
}
|
|
9634
|
+
.\[\&\>\[data-slot\=input-otp-slot\]\:first-child\]\:rounded-l-full {
|
|
9635
|
+
&>[data-slot=input-otp-slot]:first-child {
|
|
9636
|
+
border-top-left-radius: calc(infinity * 1px);
|
|
9637
|
+
border-bottom-left-radius: calc(infinity * 1px);
|
|
9638
|
+
}
|
|
9639
|
+
}
|
|
9640
|
+
.\[\&\>\[data-slot\=input-otp-slot\]\:last-child\]\:rounded-r-full {
|
|
9641
|
+
&>[data-slot=input-otp-slot]:last-child {
|
|
9642
|
+
border-top-right-radius: calc(infinity * 1px);
|
|
9643
|
+
border-bottom-right-radius: calc(infinity * 1px);
|
|
9644
|
+
}
|
|
9645
|
+
}
|
|
9646
|
+
.\[\&\>\[data-slot\=input-otp-slot\]\:not\(\:first-child\)\]\:-ml-px {
|
|
9647
|
+
&>[data-slot=input-otp-slot]:not(:first-child) {
|
|
9648
|
+
margin-left: -1px;
|
|
9649
|
+
}
|
|
9650
|
+
}
|
|
8955
9651
|
.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg {
|
|
8956
9652
|
&:has(*:is(select[aria-hidden=true]:last-child)) {
|
|
8957
9653
|
&>[data-slot=select-trigger]:last-of-type {
|
|
@@ -9277,6 +9973,14 @@
|
|
|
9277
9973
|
}
|
|
9278
9974
|
}
|
|
9279
9975
|
}
|
|
9976
|
+
.group-data-\[size\=lg\]\/list-item\:\[\&\>svg\]\:size-6 {
|
|
9977
|
+
&:is(:where(.group\/list-item)[data-size="lg"] *) {
|
|
9978
|
+
&>svg {
|
|
9979
|
+
width: calc(var(--spacing) * 6);
|
|
9980
|
+
height: calc(var(--spacing) * 6);
|
|
9981
|
+
}
|
|
9982
|
+
}
|
|
9983
|
+
}
|
|
9280
9984
|
.group-data-\[size\=lg\]\/testimonial-block\:\[\&\>svg\]\:size-6 {
|
|
9281
9985
|
&:is(:where(.group\/testimonial-block)[data-size="lg"] *) {
|
|
9282
9986
|
&>svg {
|
|
@@ -9293,6 +9997,14 @@
|
|
|
9293
9997
|
}
|
|
9294
9998
|
}
|
|
9295
9999
|
}
|
|
10000
|
+
.group-data-\[size\=md\]\/list-item\:\[\&\>svg\]\:size-5 {
|
|
10001
|
+
&:is(:where(.group\/list-item)[data-size="md"] *) {
|
|
10002
|
+
&>svg {
|
|
10003
|
+
width: calc(var(--spacing) * 5);
|
|
10004
|
+
height: calc(var(--spacing) * 5);
|
|
10005
|
+
}
|
|
10006
|
+
}
|
|
10007
|
+
}
|
|
9296
10008
|
.group-data-\[size\=md\]\/testimonial-block\:\[\&\>svg\]\:size-5 {
|
|
9297
10009
|
&:is(:where(.group\/testimonial-block)[data-size="md"] *) {
|
|
9298
10010
|
&>svg {
|