@mila_studios/mycelia-design-system 0.1.1 → 1.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/mycelia-ui.css +635 -48
- package/package.json +4 -4
- package/packages/ui/dist/components/account-menu.d.mts +46 -0
- package/packages/ui/dist/components/account-menu.js +134 -0
- package/packages/ui/dist/components/account-menu.js.map +1 -0
- package/packages/ui/dist/components/badge.d.mts +1 -1
- package/packages/ui/dist/components/badge.js +8 -1
- package/packages/ui/dist/components/badge.js.map +1 -1
- package/packages/ui/dist/components/button.d.mts +14 -1
- package/packages/ui/dist/components/button.js +59 -33
- package/packages/ui/dist/components/button.js.map +1 -1
- package/packages/ui/dist/components/command-menu.js +18 -15
- package/packages/ui/dist/components/command-menu.js.map +1 -1
- package/packages/ui/dist/components/data-table.d.mts +11 -3
- package/packages/ui/dist/components/data-table.js +50 -20
- package/packages/ui/dist/components/data-table.js.map +1 -1
- package/packages/ui/dist/components/dialog.d.mts +15 -2
- package/packages/ui/dist/components/dialog.js +18 -15
- package/packages/ui/dist/components/dialog.js.map +1 -1
- package/packages/ui/dist/components/input-file.d.mts +5 -1
- package/packages/ui/dist/components/input-file.js +127 -40
- package/packages/ui/dist/components/input-file.js.map +1 -1
- package/packages/ui/dist/components/input.d.mts +7 -1
- package/packages/ui/dist/components/input.js +98 -38
- package/packages/ui/dist/components/input.js.map +1 -1
- package/packages/ui/dist/components/sheet.d.mts +18 -5
- package/packages/ui/dist/components/sheet.js +22 -18
- package/packages/ui/dist/components/sheet.js.map +1 -1
- package/packages/ui/dist/components/status-alert.d.mts +36 -0
- package/packages/ui/dist/components/status-alert.js +267 -0
- package/packages/ui/dist/components/status-alert.js.map +1 -0
- package/packages/ui/dist/components/table.d.mts +9 -2
- package/packages/ui/dist/components/table.js +32 -11
- package/packages/ui/dist/components/table.js.map +1 -1
- package/packages/ui/dist/components/textarea.d.mts +14 -3
- package/packages/ui/dist/components/textarea.js +109 -10
- package/packages/ui/dist/components/textarea.js.map +1 -1
- package/packages/ui/dist/mycelia-ui.css +635 -48
- package/packages/ui/src/styles/globals.css +114 -8
package/mycelia-ui.css
CHANGED
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
--font-weight-normal: 400;
|
|
28
28
|
--font-weight-medium: 500;
|
|
29
29
|
--font-weight-semibold: 600;
|
|
30
|
+
--font-weight-bold: 700;
|
|
30
31
|
--leading-snug: 1.375;
|
|
31
32
|
--leading-normal: 1.5;
|
|
32
33
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
@@ -225,6 +226,12 @@
|
|
|
225
226
|
.relative {
|
|
226
227
|
position: relative;
|
|
227
228
|
}
|
|
229
|
+
.static {
|
|
230
|
+
position: static;
|
|
231
|
+
}
|
|
232
|
+
.sticky {
|
|
233
|
+
position: sticky;
|
|
234
|
+
}
|
|
228
235
|
.inset-0 {
|
|
229
236
|
inset: calc(var(--spacing) * 0);
|
|
230
237
|
}
|
|
@@ -327,6 +334,9 @@
|
|
|
327
334
|
.col-span-full {
|
|
328
335
|
grid-column: 1 / -1;
|
|
329
336
|
}
|
|
337
|
+
.m-0 {
|
|
338
|
+
margin: calc(var(--spacing) * 0);
|
|
339
|
+
}
|
|
330
340
|
.-mx-1 {
|
|
331
341
|
margin-inline: calc(var(--spacing) * -1);
|
|
332
342
|
}
|
|
@@ -363,6 +373,9 @@
|
|
|
363
373
|
.mt-2 {
|
|
364
374
|
margin-top: calc(var(--spacing) * 2);
|
|
365
375
|
}
|
|
376
|
+
.mt-3 {
|
|
377
|
+
margin-top: calc(var(--spacing) * 3);
|
|
378
|
+
}
|
|
366
379
|
.mt-4 {
|
|
367
380
|
margin-top: calc(var(--spacing) * 4);
|
|
368
381
|
}
|
|
@@ -372,6 +385,9 @@
|
|
|
372
385
|
.-mr-2 {
|
|
373
386
|
margin-right: calc(var(--spacing) * -2);
|
|
374
387
|
}
|
|
388
|
+
.mb-2 {
|
|
389
|
+
margin-bottom: calc(var(--spacing) * 2);
|
|
390
|
+
}
|
|
375
391
|
.mb-3 {
|
|
376
392
|
margin-bottom: calc(var(--spacing) * 3);
|
|
377
393
|
}
|
|
@@ -478,6 +494,10 @@
|
|
|
478
494
|
width: 13.25px;
|
|
479
495
|
height: 13.25px;
|
|
480
496
|
}
|
|
497
|
+
.size-\[13px\] {
|
|
498
|
+
width: 13px;
|
|
499
|
+
height: 13px;
|
|
500
|
+
}
|
|
481
501
|
.size-\[14px\] {
|
|
482
502
|
width: 14px;
|
|
483
503
|
height: 14px;
|
|
@@ -518,8 +538,8 @@
|
|
|
518
538
|
.h-9 {
|
|
519
539
|
height: calc(var(--spacing) * 9);
|
|
520
540
|
}
|
|
521
|
-
.h-
|
|
522
|
-
height: calc(var(--spacing) *
|
|
541
|
+
.h-10 {
|
|
542
|
+
height: calc(var(--spacing) * 10);
|
|
523
543
|
}
|
|
524
544
|
.h-\[3px\] {
|
|
525
545
|
height: 3px;
|
|
@@ -533,9 +553,6 @@
|
|
|
533
553
|
.h-\[21px\] {
|
|
534
554
|
height: 21px;
|
|
535
555
|
}
|
|
536
|
-
.h-\[38px\] {
|
|
537
|
-
height: 38px;
|
|
538
|
-
}
|
|
539
556
|
.h-\[59px\] {
|
|
540
557
|
height: 59px;
|
|
541
558
|
}
|
|
@@ -578,6 +595,9 @@
|
|
|
578
595
|
.max-h-\[120px\] {
|
|
579
596
|
max-height: 120px;
|
|
580
597
|
}
|
|
598
|
+
.max-h-\[min\(50vh\,280px\)\] {
|
|
599
|
+
max-height: min(50vh, 280px);
|
|
600
|
+
}
|
|
581
601
|
.max-h-\[min\(100\%\,90dvh\)\] {
|
|
582
602
|
max-height: min(100%, 90dvh);
|
|
583
603
|
}
|
|
@@ -686,6 +706,9 @@
|
|
|
686
706
|
.w-9 {
|
|
687
707
|
width: calc(var(--spacing) * 9);
|
|
688
708
|
}
|
|
709
|
+
.w-10 {
|
|
710
|
+
width: calc(var(--spacing) * 10);
|
|
711
|
+
}
|
|
689
712
|
.w-16 {
|
|
690
713
|
width: calc(var(--spacing) * 16);
|
|
691
714
|
}
|
|
@@ -719,9 +742,15 @@
|
|
|
719
742
|
.w-\[52px\] {
|
|
720
743
|
width: 52px;
|
|
721
744
|
}
|
|
745
|
+
.w-\[110px\] {
|
|
746
|
+
width: 110px;
|
|
747
|
+
}
|
|
722
748
|
.w-\[133px\] {
|
|
723
749
|
width: 133px;
|
|
724
750
|
}
|
|
751
|
+
.w-\[150px\] {
|
|
752
|
+
width: 150px;
|
|
753
|
+
}
|
|
725
754
|
.w-\[238px\] {
|
|
726
755
|
width: 238px;
|
|
727
756
|
}
|
|
@@ -782,6 +811,9 @@
|
|
|
782
811
|
.max-w-\[200px\] {
|
|
783
812
|
max-width: 200px;
|
|
784
813
|
}
|
|
814
|
+
.max-w-\[239px\] {
|
|
815
|
+
max-width: 239px;
|
|
816
|
+
}
|
|
785
817
|
.max-w-\[240px\] {
|
|
786
818
|
max-width: 240px;
|
|
787
819
|
}
|
|
@@ -999,6 +1031,9 @@
|
|
|
999
1031
|
.grid-cols-1 {
|
|
1000
1032
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1001
1033
|
}
|
|
1034
|
+
.grid-cols-2 {
|
|
1035
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1036
|
+
}
|
|
1002
1037
|
.flex-col {
|
|
1003
1038
|
flex-direction: column;
|
|
1004
1039
|
}
|
|
@@ -1112,9 +1147,21 @@
|
|
|
1112
1147
|
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
|
|
1113
1148
|
}
|
|
1114
1149
|
}
|
|
1150
|
+
.gap-x-4 {
|
|
1151
|
+
column-gap: calc(var(--spacing) * 4);
|
|
1152
|
+
}
|
|
1153
|
+
.gap-x-6 {
|
|
1154
|
+
column-gap: calc(var(--spacing) * 6);
|
|
1155
|
+
}
|
|
1156
|
+
.gap-x-8 {
|
|
1157
|
+
column-gap: calc(var(--spacing) * 8);
|
|
1158
|
+
}
|
|
1115
1159
|
.gap-x-10 {
|
|
1116
1160
|
column-gap: calc(var(--spacing) * 10);
|
|
1117
1161
|
}
|
|
1162
|
+
.gap-y-5 {
|
|
1163
|
+
row-gap: calc(var(--spacing) * 5);
|
|
1164
|
+
}
|
|
1118
1165
|
.gap-y-6 {
|
|
1119
1166
|
row-gap: calc(var(--spacing) * 6);
|
|
1120
1167
|
}
|
|
@@ -1135,6 +1182,9 @@
|
|
|
1135
1182
|
text-overflow: ellipsis;
|
|
1136
1183
|
white-space: nowrap;
|
|
1137
1184
|
}
|
|
1185
|
+
.overflow-clip {
|
|
1186
|
+
overflow: clip;
|
|
1187
|
+
}
|
|
1138
1188
|
.overflow-hidden {
|
|
1139
1189
|
overflow: hidden;
|
|
1140
1190
|
}
|
|
@@ -1150,6 +1200,9 @@
|
|
|
1150
1200
|
.overscroll-contain {
|
|
1151
1201
|
overscroll-behavior: contain;
|
|
1152
1202
|
}
|
|
1203
|
+
.\!rounded-none {
|
|
1204
|
+
border-radius: 0 !important;
|
|
1205
|
+
}
|
|
1153
1206
|
.rounded {
|
|
1154
1207
|
border-radius: 0.25rem;
|
|
1155
1208
|
}
|
|
@@ -1189,6 +1242,9 @@
|
|
|
1189
1242
|
.rounded-\[inherit\] {
|
|
1190
1243
|
border-radius: inherit;
|
|
1191
1244
|
}
|
|
1245
|
+
.rounded-\[length\:var\(--mila-data-table-radius\)\] {
|
|
1246
|
+
border-radius: var(--mila-data-table-radius);
|
|
1247
|
+
}
|
|
1192
1248
|
.rounded-full {
|
|
1193
1249
|
border-radius: calc(infinity * 1px);
|
|
1194
1250
|
}
|
|
@@ -1208,18 +1264,6 @@
|
|
|
1208
1264
|
border-top-left-radius: 10px;
|
|
1209
1265
|
border-top-right-radius: 10px;
|
|
1210
1266
|
}
|
|
1211
|
-
.rounded-l-\[10px\] {
|
|
1212
|
-
border-top-left-radius: 10px;
|
|
1213
|
-
border-bottom-left-radius: 10px;
|
|
1214
|
-
}
|
|
1215
|
-
.rounded-r-\[10px\] {
|
|
1216
|
-
border-top-right-radius: 10px;
|
|
1217
|
-
border-bottom-right-radius: 10px;
|
|
1218
|
-
}
|
|
1219
|
-
.rounded-b-\[10px\] {
|
|
1220
|
-
border-bottom-right-radius: 10px;
|
|
1221
|
-
border-bottom-left-radius: 10px;
|
|
1222
|
-
}
|
|
1223
1267
|
.border {
|
|
1224
1268
|
border-style: var(--tw-border-style);
|
|
1225
1269
|
border-width: 1px;
|
|
@@ -1263,18 +1307,27 @@
|
|
|
1263
1307
|
.border-\[color\:var\(--mila-accordion-border\)\] {
|
|
1264
1308
|
border-color: var(--mila-accordion-border);
|
|
1265
1309
|
}
|
|
1310
|
+
.border-\[color\:var\(--mila-account-menu-balance-border\)\] {
|
|
1311
|
+
border-color: var(--mila-account-menu-balance-border);
|
|
1312
|
+
}
|
|
1266
1313
|
.border-\[color\:var\(--mila-alert-border\)\] {
|
|
1267
1314
|
border-color: var(--mila-alert-border);
|
|
1268
1315
|
}
|
|
1269
1316
|
.border-\[color\:var\(--mila-alert-dialog-border\)\] {
|
|
1270
1317
|
border-color: var(--mila-alert-dialog-border);
|
|
1271
1318
|
}
|
|
1272
|
-
.border-\[color\:var\(--mila-badge-error-
|
|
1273
|
-
border-color: var(--mila-badge-error-
|
|
1319
|
+
.border-\[color\:var\(--mila-badge-error-border\)\] {
|
|
1320
|
+
border-color: var(--mila-badge-error-border);
|
|
1274
1321
|
}
|
|
1275
1322
|
.border-\[color\:var\(--mila-badge-outline-border\)\] {
|
|
1276
1323
|
border-color: var(--mila-badge-outline-border);
|
|
1277
1324
|
}
|
|
1325
|
+
.border-\[color\:var\(--mila-badge-partial-border\)\] {
|
|
1326
|
+
border-color: var(--mila-badge-partial-border);
|
|
1327
|
+
}
|
|
1328
|
+
.border-\[color\:var\(--mila-badge-success-light-border\)\] {
|
|
1329
|
+
border-color: var(--mila-badge-success-light-border);
|
|
1330
|
+
}
|
|
1278
1331
|
.border-\[color\:var\(--mila-button-outline-border\)\] {
|
|
1279
1332
|
border-color: var(--mila-button-outline-border);
|
|
1280
1333
|
}
|
|
@@ -1299,6 +1352,12 @@
|
|
|
1299
1352
|
.border-\[color\:var\(--mila-command-menu-border\)\] {
|
|
1300
1353
|
border-color: var(--mila-command-menu-border);
|
|
1301
1354
|
}
|
|
1355
|
+
.border-\[color\:var\(--mila-data-table-contour-border\)\] {
|
|
1356
|
+
border-color: var(--mila-data-table-contour-border);
|
|
1357
|
+
}
|
|
1358
|
+
.border-\[color\:var\(--mila-dialog-footer-border\)\] {
|
|
1359
|
+
border-color: var(--mila-dialog-footer-border);
|
|
1360
|
+
}
|
|
1302
1361
|
.border-\[color\:var\(--mila-hover-card-border\)\] {
|
|
1303
1362
|
border-color: var(--mila-hover-card-border);
|
|
1304
1363
|
}
|
|
@@ -1338,9 +1397,6 @@
|
|
|
1338
1397
|
.border-\[color\:var\(--mila-scroll-area-border\)\] {
|
|
1339
1398
|
border-color: var(--mila-scroll-area-border);
|
|
1340
1399
|
}
|
|
1341
|
-
.border-\[color\:var\(--mila-separator\)\] {
|
|
1342
|
-
border-color: var(--mila-separator);
|
|
1343
|
-
}
|
|
1344
1400
|
.border-\[color\:var\(--mila-sidebar-workspace-border\)\] {
|
|
1345
1401
|
border-color: var(--mila-sidebar-workspace-border);
|
|
1346
1402
|
}
|
|
@@ -1359,9 +1415,21 @@
|
|
|
1359
1415
|
.border-\[color\:var\(--mila-sonner-close-border\)\] {
|
|
1360
1416
|
border-color: var(--mila-sonner-close-border);
|
|
1361
1417
|
}
|
|
1418
|
+
.border-\[color\:var\(--mila-status-alert-error-border\)\] {
|
|
1419
|
+
border-color: var(--mila-status-alert-error-border);
|
|
1420
|
+
}
|
|
1421
|
+
.border-\[color\:var\(--mila-status-alert-progress-border\)\] {
|
|
1422
|
+
border-color: var(--mila-status-alert-progress-border);
|
|
1423
|
+
}
|
|
1424
|
+
.border-\[color\:var\(--mila-status-alert-warning-border\)\] {
|
|
1425
|
+
border-color: var(--mila-status-alert-warning-border);
|
|
1426
|
+
}
|
|
1362
1427
|
.border-\[color\:var\(--mila-table-border\)\] {
|
|
1363
1428
|
border-color: var(--mila-table-border);
|
|
1364
1429
|
}
|
|
1430
|
+
.border-\[color\:var\(--mila-textarea-readonly-links-border\)\] {
|
|
1431
|
+
border-color: var(--mila-textarea-readonly-links-border);
|
|
1432
|
+
}
|
|
1365
1433
|
.border-background {
|
|
1366
1434
|
border-color: var(--background);
|
|
1367
1435
|
}
|
|
@@ -1395,6 +1463,15 @@
|
|
|
1395
1463
|
.bg-\[\#f97316\] {
|
|
1396
1464
|
background-color: #f97316;
|
|
1397
1465
|
}
|
|
1466
|
+
.bg-\[color\:var\(--mila-account-menu-balance-bg\)\] {
|
|
1467
|
+
background-color: var(--mila-account-menu-balance-bg);
|
|
1468
|
+
}
|
|
1469
|
+
.bg-\[color\:var\(--mila-account-menu-disabled-bg\)\] {
|
|
1470
|
+
background-color: var(--mila-account-menu-disabled-bg);
|
|
1471
|
+
}
|
|
1472
|
+
.bg-\[color\:var\(--mila-account-menu-hover-bg\)\] {
|
|
1473
|
+
background-color: var(--mila-account-menu-hover-bg);
|
|
1474
|
+
}
|
|
1398
1475
|
.bg-\[color\:var\(--mila-alert-dialog-bg\)\] {
|
|
1399
1476
|
background-color: var(--mila-alert-dialog-bg);
|
|
1400
1477
|
}
|
|
@@ -1404,18 +1481,27 @@
|
|
|
1404
1481
|
.bg-\[color\:var\(--mila-badge-destructive-bg\)\] {
|
|
1405
1482
|
background-color: var(--mila-badge-destructive-bg);
|
|
1406
1483
|
}
|
|
1407
|
-
.bg-\[color\:var\(--mila-badge-error-
|
|
1408
|
-
background-color: var(--mila-badge-error-
|
|
1484
|
+
.bg-\[color\:var\(--mila-badge-error-bg\)\] {
|
|
1485
|
+
background-color: var(--mila-badge-error-bg);
|
|
1409
1486
|
}
|
|
1410
1487
|
.bg-\[color\:var\(--mila-badge-info-bg\)\] {
|
|
1411
1488
|
background-color: var(--mila-badge-info-bg);
|
|
1412
1489
|
}
|
|
1490
|
+
.bg-\[color\:var\(--mila-badge-partial-bg\)\] {
|
|
1491
|
+
background-color: var(--mila-badge-partial-bg);
|
|
1492
|
+
}
|
|
1413
1493
|
.bg-\[color\:var\(--mila-badge-primary-bg\)\] {
|
|
1414
1494
|
background-color: var(--mila-badge-primary-bg);
|
|
1415
1495
|
}
|
|
1416
1496
|
.bg-\[color\:var\(--mila-badge-secondary-bg\)\] {
|
|
1417
1497
|
background-color: var(--mila-badge-secondary-bg);
|
|
1418
1498
|
}
|
|
1499
|
+
.bg-\[color\:var\(--mila-badge-success-dark-bg\)\] {
|
|
1500
|
+
background-color: var(--mila-badge-success-dark-bg);
|
|
1501
|
+
}
|
|
1502
|
+
.bg-\[color\:var\(--mila-badge-success-light-bg\)\] {
|
|
1503
|
+
background-color: var(--mila-badge-success-light-bg);
|
|
1504
|
+
}
|
|
1419
1505
|
.bg-\[color\:var\(--mila-button-destructive-bg\)\] {
|
|
1420
1506
|
background-color: var(--mila-button-destructive-bg);
|
|
1421
1507
|
}
|
|
@@ -1443,6 +1529,9 @@
|
|
|
1443
1529
|
.bg-\[color\:var\(--mila-command-separator\)\] {
|
|
1444
1530
|
background-color: var(--mila-command-separator);
|
|
1445
1531
|
}
|
|
1532
|
+
.bg-\[color\:var\(--mila-data-table-empty-placeholder-bg\)\] {
|
|
1533
|
+
background-color: var(--mila-data-table-empty-placeholder-bg);
|
|
1534
|
+
}
|
|
1446
1535
|
.bg-\[color\:var\(--mila-dialog-bg\)\] {
|
|
1447
1536
|
background-color: var(--mila-dialog-bg);
|
|
1448
1537
|
}
|
|
@@ -1521,6 +1610,15 @@
|
|
|
1521
1610
|
.bg-\[color\:var\(--mila-sonner-close-bg\)\] {
|
|
1522
1611
|
background-color: var(--mila-sonner-close-bg);
|
|
1523
1612
|
}
|
|
1613
|
+
.bg-\[color\:var\(--mila-status-alert-error-bg\)\] {
|
|
1614
|
+
background-color: var(--mila-status-alert-error-bg);
|
|
1615
|
+
}
|
|
1616
|
+
.bg-\[color\:var\(--mila-status-alert-progress-bg\)\] {
|
|
1617
|
+
background-color: var(--mila-status-alert-progress-bg);
|
|
1618
|
+
}
|
|
1619
|
+
.bg-\[color\:var\(--mila-status-alert-warning-bg\)\] {
|
|
1620
|
+
background-color: var(--mila-status-alert-warning-bg);
|
|
1621
|
+
}
|
|
1524
1622
|
.bg-\[color\:var\(--mila-switch-thumb\)\] {
|
|
1525
1623
|
background-color: var(--mila-switch-thumb);
|
|
1526
1624
|
}
|
|
@@ -1536,8 +1634,8 @@
|
|
|
1536
1634
|
.bg-\[color\:var\(--mila-tabs-list-bg\)\] {
|
|
1537
1635
|
background-color: var(--mila-tabs-list-bg);
|
|
1538
1636
|
}
|
|
1539
|
-
.bg-\[color\:var\(--mila-textarea-
|
|
1540
|
-
background-color: var(--mila-textarea-
|
|
1637
|
+
.bg-\[color\:var\(--mila-textarea-readonly-links-bg\)\] {
|
|
1638
|
+
background-color: var(--mila-textarea-readonly-links-bg);
|
|
1541
1639
|
}
|
|
1542
1640
|
.bg-\[color\:var\(--mila-tooltip-bg\)\] {
|
|
1543
1641
|
background-color: var(--mila-tooltip-bg);
|
|
@@ -1692,6 +1790,9 @@
|
|
|
1692
1790
|
.pt-0\.5 {
|
|
1693
1791
|
padding-top: calc(var(--spacing) * 0.5);
|
|
1694
1792
|
}
|
|
1793
|
+
.pt-1 {
|
|
1794
|
+
padding-top: calc(var(--spacing) * 1);
|
|
1795
|
+
}
|
|
1695
1796
|
.pt-1\.5 {
|
|
1696
1797
|
padding-top: calc(var(--spacing) * 1.5);
|
|
1697
1798
|
}
|
|
@@ -1710,6 +1811,9 @@
|
|
|
1710
1811
|
.pt-\[3px\] {
|
|
1711
1812
|
padding-top: 3px;
|
|
1712
1813
|
}
|
|
1814
|
+
.pt-\[7px\] {
|
|
1815
|
+
padding-top: 7px;
|
|
1816
|
+
}
|
|
1713
1817
|
.pt-px {
|
|
1714
1818
|
padding-top: 1px;
|
|
1715
1819
|
}
|
|
@@ -1728,6 +1832,9 @@
|
|
|
1728
1832
|
.pr-12 {
|
|
1729
1833
|
padding-right: calc(var(--spacing) * 12);
|
|
1730
1834
|
}
|
|
1835
|
+
.pr-\[17px\] {
|
|
1836
|
+
padding-right: 17px;
|
|
1837
|
+
}
|
|
1731
1838
|
.pb-0 {
|
|
1732
1839
|
padding-bottom: calc(var(--spacing) * 0);
|
|
1733
1840
|
}
|
|
@@ -1746,12 +1853,18 @@
|
|
|
1746
1853
|
.pb-6 {
|
|
1747
1854
|
padding-bottom: calc(var(--spacing) * 6);
|
|
1748
1855
|
}
|
|
1856
|
+
.pb-\[5px\] {
|
|
1857
|
+
padding-bottom: 5px;
|
|
1858
|
+
}
|
|
1749
1859
|
.pl-4 {
|
|
1750
1860
|
padding-left: calc(var(--spacing) * 4);
|
|
1751
1861
|
}
|
|
1752
1862
|
.pl-8 {
|
|
1753
1863
|
padding-left: calc(var(--spacing) * 8);
|
|
1754
1864
|
}
|
|
1865
|
+
.pl-\[9px\] {
|
|
1866
|
+
padding-left: 9px;
|
|
1867
|
+
}
|
|
1755
1868
|
.text-center {
|
|
1756
1869
|
text-align: center;
|
|
1757
1870
|
}
|
|
@@ -1767,6 +1880,12 @@
|
|
|
1767
1880
|
.align-middle {
|
|
1768
1881
|
vertical-align: middle;
|
|
1769
1882
|
}
|
|
1883
|
+
.align-top {
|
|
1884
|
+
vertical-align: top;
|
|
1885
|
+
}
|
|
1886
|
+
.font-mono {
|
|
1887
|
+
font-family: var(--font-mono);
|
|
1888
|
+
}
|
|
1770
1889
|
.font-sans {
|
|
1771
1890
|
font-family: var(--font-sans);
|
|
1772
1891
|
}
|
|
@@ -1815,6 +1934,10 @@
|
|
|
1815
1934
|
--tw-leading: var(--leading-snug);
|
|
1816
1935
|
line-height: var(--leading-snug);
|
|
1817
1936
|
}
|
|
1937
|
+
.font-bold {
|
|
1938
|
+
--tw-font-weight: var(--font-weight-bold);
|
|
1939
|
+
font-weight: var(--font-weight-bold);
|
|
1940
|
+
}
|
|
1818
1941
|
.font-medium {
|
|
1819
1942
|
--tw-font-weight: var(--font-weight-medium);
|
|
1820
1943
|
font-weight: var(--font-weight-medium);
|
|
@@ -1857,6 +1980,15 @@
|
|
|
1857
1980
|
.text-\[color\:var\(--mila-accordion-trigger-fg\)\] {
|
|
1858
1981
|
color: var(--mila-accordion-trigger-fg);
|
|
1859
1982
|
}
|
|
1983
|
+
.text-\[color\:var\(--mila-account-menu-balance-fg\)\] {
|
|
1984
|
+
color: var(--mila-account-menu-balance-fg);
|
|
1985
|
+
}
|
|
1986
|
+
.text-\[color\:var\(--mila-account-menu-name-disabled-fg\)\] {
|
|
1987
|
+
color: var(--mila-account-menu-name-disabled-fg);
|
|
1988
|
+
}
|
|
1989
|
+
.text-\[color\:var\(--mila-account-menu-name-fg\)\] {
|
|
1990
|
+
color: var(--mila-account-menu-name-fg);
|
|
1991
|
+
}
|
|
1860
1992
|
.text-\[color\:var\(--mila-alert-dialog-description-fg\)\] {
|
|
1861
1993
|
color: var(--mila-alert-dialog-description-fg);
|
|
1862
1994
|
}
|
|
@@ -1878,18 +2010,27 @@
|
|
|
1878
2010
|
.text-\[color\:var\(--mila-badge-destructive-fg\)\] {
|
|
1879
2011
|
color: var(--mila-badge-destructive-fg);
|
|
1880
2012
|
}
|
|
1881
|
-
.text-\[color\:var\(--mila-badge-error-
|
|
1882
|
-
color: var(--mila-badge-error-
|
|
2013
|
+
.text-\[color\:var\(--mila-badge-error-fg\)\] {
|
|
2014
|
+
color: var(--mila-badge-error-fg);
|
|
1883
2015
|
}
|
|
1884
2016
|
.text-\[color\:var\(--mila-badge-info-fg\)\] {
|
|
1885
2017
|
color: var(--mila-badge-info-fg);
|
|
1886
2018
|
}
|
|
2019
|
+
.text-\[color\:var\(--mila-badge-partial-fg\)\] {
|
|
2020
|
+
color: var(--mila-badge-partial-fg);
|
|
2021
|
+
}
|
|
1887
2022
|
.text-\[color\:var\(--mila-badge-primary-fg\)\] {
|
|
1888
2023
|
color: var(--mila-badge-primary-fg);
|
|
1889
2024
|
}
|
|
1890
2025
|
.text-\[color\:var\(--mila-badge-secondary-fg\)\] {
|
|
1891
2026
|
color: var(--mila-badge-secondary-fg);
|
|
1892
2027
|
}
|
|
2028
|
+
.text-\[color\:var\(--mila-badge-success-dark-fg\)\] {
|
|
2029
|
+
color: var(--mila-badge-success-dark-fg);
|
|
2030
|
+
}
|
|
2031
|
+
.text-\[color\:var\(--mila-badge-success-light-fg\)\] {
|
|
2032
|
+
color: var(--mila-badge-success-light-fg);
|
|
2033
|
+
}
|
|
1893
2034
|
.text-\[color\:var\(--mila-breadcrumb-current-fg\)\] {
|
|
1894
2035
|
color: var(--mila-breadcrumb-current-fg);
|
|
1895
2036
|
}
|
|
@@ -1905,6 +2046,9 @@
|
|
|
1905
2046
|
.text-\[color\:var\(--mila-button-ghost-fg\)\] {
|
|
1906
2047
|
color: var(--mila-button-ghost-fg);
|
|
1907
2048
|
}
|
|
2049
|
+
.text-\[color\:var\(--mila-button-helper-fg\)\] {
|
|
2050
|
+
color: var(--mila-button-helper-fg);
|
|
2051
|
+
}
|
|
1908
2052
|
.text-\[color\:var\(--mila-button-outline-fg\)\] {
|
|
1909
2053
|
color: var(--mila-button-outline-fg);
|
|
1910
2054
|
}
|
|
@@ -1953,6 +2097,9 @@
|
|
|
1953
2097
|
.text-\[color\:var\(--mila-command-item-text\)\] {
|
|
1954
2098
|
color: var(--mila-command-item-text);
|
|
1955
2099
|
}
|
|
2100
|
+
.text-\[color\:var\(--mila-data-table-empty-fg\)\] {
|
|
2101
|
+
color: var(--mila-data-table-empty-fg);
|
|
2102
|
+
}
|
|
1956
2103
|
.text-\[color\:var\(--mila-dialog-close-fg\)\] {
|
|
1957
2104
|
color: var(--mila-dialog-close-fg);
|
|
1958
2105
|
}
|
|
@@ -1980,6 +2127,9 @@
|
|
|
1980
2127
|
.text-\[color\:var\(--mila-icon-button-secondary-fg\)\] {
|
|
1981
2128
|
color: var(--mila-icon-button-secondary-fg);
|
|
1982
2129
|
}
|
|
2130
|
+
.text-\[color\:var\(--mila-input-error-message-fg\)\] {
|
|
2131
|
+
color: var(--mila-input-error-message-fg);
|
|
2132
|
+
}
|
|
1983
2133
|
.text-\[color\:var\(--mila-input-placeholder\)\] {
|
|
1984
2134
|
color: var(--mila-input-placeholder);
|
|
1985
2135
|
}
|
|
@@ -2049,6 +2199,18 @@
|
|
|
2049
2199
|
.text-\[color\:var\(--mila-sonner-title-fg\)\] {
|
|
2050
2200
|
color: var(--mila-sonner-title-fg);
|
|
2051
2201
|
}
|
|
2202
|
+
.text-\[color\:var\(--mila-status-alert-error-fg\)\] {
|
|
2203
|
+
color: var(--mila-status-alert-error-fg);
|
|
2204
|
+
}
|
|
2205
|
+
.text-\[color\:var\(--mila-status-alert-progress-fg\)\] {
|
|
2206
|
+
color: var(--mila-status-alert-progress-fg);
|
|
2207
|
+
}
|
|
2208
|
+
.text-\[color\:var\(--mila-status-alert-warning-fg\)\] {
|
|
2209
|
+
color: var(--mila-status-alert-warning-fg);
|
|
2210
|
+
}
|
|
2211
|
+
.text-\[color\:var\(--mila-status-alert-warning-title-fg\)\] {
|
|
2212
|
+
color: var(--mila-status-alert-warning-title-fg);
|
|
2213
|
+
}
|
|
2052
2214
|
.text-\[color\:var\(--mila-table-cell-fg\)\] {
|
|
2053
2215
|
color: var(--mila-table-cell-fg);
|
|
2054
2216
|
}
|
|
@@ -2061,8 +2223,11 @@
|
|
|
2061
2223
|
.text-\[color\:var\(--mila-tabs-trigger-fg\)\] {
|
|
2062
2224
|
color: var(--mila-tabs-trigger-fg);
|
|
2063
2225
|
}
|
|
2064
|
-
.text-\[color\:var\(--mila-textarea-
|
|
2065
|
-
color: var(--mila-textarea-
|
|
2226
|
+
.text-\[color\:var\(--mila-textarea-helper-fg\)\] {
|
|
2227
|
+
color: var(--mila-textarea-helper-fg);
|
|
2228
|
+
}
|
|
2229
|
+
.text-\[color\:var\(--mila-textarea-readonly-links-fg\)\] {
|
|
2230
|
+
color: var(--mila-textarea-readonly-links-fg);
|
|
2066
2231
|
}
|
|
2067
2232
|
.text-\[color\:var\(--mila-tooltip-fg\)\] {
|
|
2068
2233
|
color: var(--mila-tooltip-fg);
|
|
@@ -2079,6 +2244,9 @@
|
|
|
2079
2244
|
.text-sidebar-foreground {
|
|
2080
2245
|
color: var(--sidebar-foreground);
|
|
2081
2246
|
}
|
|
2247
|
+
.italic {
|
|
2248
|
+
font-style: italic;
|
|
2249
|
+
}
|
|
2082
2250
|
.tabular-nums {
|
|
2083
2251
|
--tw-numeric-spacing: tabular-nums;
|
|
2084
2252
|
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
|
|
@@ -2126,6 +2294,10 @@
|
|
|
2126
2294
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
2127
2295
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2128
2296
|
}
|
|
2297
|
+
.shadow-\[0_0_0_3px_var\(--mila-account-menu-focus-ring\)\] {
|
|
2298
|
+
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--mila-account-menu-focus-ring));
|
|
2299
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2300
|
+
}
|
|
2129
2301
|
.shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\] {
|
|
2130
2302
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
|
|
2131
2303
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -2170,6 +2342,10 @@
|
|
|
2170
2342
|
--tw-shadow: var(--mila-command-menu-shadow);
|
|
2171
2343
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2172
2344
|
}
|
|
2345
|
+
.shadow-\[var\(--mila-dialog-footer-sticky-shadow\)\] {
|
|
2346
|
+
--tw-shadow: var(--mila-dialog-footer-sticky-shadow);
|
|
2347
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2348
|
+
}
|
|
2173
2349
|
.shadow-\[var\(--mila-dialog-shadow\)\] {
|
|
2174
2350
|
--tw-shadow: var(--mila-dialog-shadow);
|
|
2175
2351
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -2248,6 +2424,11 @@
|
|
|
2248
2424
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2249
2425
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2250
2426
|
}
|
|
2427
|
+
.transition-\[background-color\,box-shadow\,color\] {
|
|
2428
|
+
transition-property: background-color,box-shadow,color;
|
|
2429
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2430
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2431
|
+
}
|
|
2251
2432
|
.transition-\[background-color\,color\,opacity\] {
|
|
2252
2433
|
transition-property: background-color,color,opacity;
|
|
2253
2434
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -2350,6 +2531,21 @@
|
|
|
2350
2531
|
.\[scrollbar-width\:thin\] {
|
|
2351
2532
|
scrollbar-width: thin;
|
|
2352
2533
|
}
|
|
2534
|
+
.group-disabled\:border-\[color\:var\(--mila-account-menu-balance-border-disabled\)\] {
|
|
2535
|
+
&:is(:where(.group):disabled *) {
|
|
2536
|
+
border-color: var(--mila-account-menu-balance-border-disabled);
|
|
2537
|
+
}
|
|
2538
|
+
}
|
|
2539
|
+
.group-disabled\:bg-\[color\:var\(--mila-account-menu-balance-bg-disabled\)\] {
|
|
2540
|
+
&:is(:where(.group):disabled *) {
|
|
2541
|
+
background-color: var(--mila-account-menu-balance-bg-disabled);
|
|
2542
|
+
}
|
|
2543
|
+
}
|
|
2544
|
+
.group-disabled\:text-\[color\:var\(--mila-account-menu-balance-fg-disabled\)\] {
|
|
2545
|
+
&:is(:where(.group):disabled *) {
|
|
2546
|
+
color: var(--mila-account-menu-balance-fg-disabled);
|
|
2547
|
+
}
|
|
2548
|
+
}
|
|
2353
2549
|
.group-data-\[panel-group-direction\=vertical\]\:h-3 {
|
|
2354
2550
|
&:is(:where(.group)[data-panel-group-direction="vertical"] *) {
|
|
2355
2551
|
height: calc(var(--spacing) * 3);
|
|
@@ -2487,12 +2683,31 @@
|
|
|
2487
2683
|
inset-block: calc(var(--spacing) * 0);
|
|
2488
2684
|
}
|
|
2489
2685
|
}
|
|
2686
|
+
.after\:right-\[5px\] {
|
|
2687
|
+
&::after {
|
|
2688
|
+
content: var(--tw-content);
|
|
2689
|
+
right: 5px;
|
|
2690
|
+
}
|
|
2691
|
+
}
|
|
2692
|
+
.after\:bottom-\[5px\] {
|
|
2693
|
+
&::after {
|
|
2694
|
+
content: var(--tw-content);
|
|
2695
|
+
bottom: 5px;
|
|
2696
|
+
}
|
|
2697
|
+
}
|
|
2490
2698
|
.after\:left-1\/2 {
|
|
2491
2699
|
&::after {
|
|
2492
2700
|
content: var(--tw-content);
|
|
2493
2701
|
left: calc(1 / 2 * 100%);
|
|
2494
2702
|
}
|
|
2495
2703
|
}
|
|
2704
|
+
.after\:size-\[7px\] {
|
|
2705
|
+
&::after {
|
|
2706
|
+
content: var(--tw-content);
|
|
2707
|
+
width: 7px;
|
|
2708
|
+
height: 7px;
|
|
2709
|
+
}
|
|
2710
|
+
}
|
|
2496
2711
|
.after\:w-px {
|
|
2497
2712
|
&::after {
|
|
2498
2713
|
content: var(--tw-content);
|
|
@@ -2512,6 +2727,18 @@
|
|
|
2512
2727
|
background-color: var(--mila-resizable-divider);
|
|
2513
2728
|
}
|
|
2514
2729
|
}
|
|
2730
|
+
.after\:opacity-50 {
|
|
2731
|
+
&::after {
|
|
2732
|
+
content: var(--tw-content);
|
|
2733
|
+
opacity: 50%;
|
|
2734
|
+
}
|
|
2735
|
+
}
|
|
2736
|
+
.after\:\[background\:repeating-linear-gradient\(135deg\,transparent_0_2px\,var\(--mila-textarea-scrollbar-thumb\)_2px_3px\,transparent_3px_5px\)\] {
|
|
2737
|
+
&::after {
|
|
2738
|
+
content: var(--tw-content);
|
|
2739
|
+
background: repeating-linear-gradient(135deg,transparent 0 2px,var(--mila-textarea-scrollbar-thumb) 2px 3px,transparent 3px 5px);
|
|
2740
|
+
}
|
|
2741
|
+
}
|
|
2515
2742
|
.last\:mb-0 {
|
|
2516
2743
|
&:last-child {
|
|
2517
2744
|
margin-bottom: calc(var(--spacing) * 0);
|
|
@@ -2553,6 +2780,13 @@
|
|
|
2553
2780
|
}
|
|
2554
2781
|
}
|
|
2555
2782
|
}
|
|
2783
|
+
.hover\:bg-\[color\:var\(--mila-account-menu-hover-bg\)\] {
|
|
2784
|
+
&:hover {
|
|
2785
|
+
@media (hover: hover) {
|
|
2786
|
+
background-color: var(--mila-account-menu-hover-bg);
|
|
2787
|
+
}
|
|
2788
|
+
}
|
|
2789
|
+
}
|
|
2556
2790
|
.hover\:bg-\[color\:var\(--mila-button-destructive-hover\)\] {
|
|
2557
2791
|
&:hover {
|
|
2558
2792
|
@media (hover: hover) {
|
|
@@ -2817,9 +3051,14 @@
|
|
|
2817
3051
|
background-color: var(--mila-icon-button-primary-bg);
|
|
2818
3052
|
}
|
|
2819
3053
|
}
|
|
2820
|
-
.focus-visible\:
|
|
3054
|
+
.focus-visible\:bg-transparent {
|
|
3055
|
+
&:focus-visible {
|
|
3056
|
+
background-color: transparent;
|
|
3057
|
+
}
|
|
3058
|
+
}
|
|
3059
|
+
.focus-visible\:text-\[color\:var\(--mila-badge-error-fg-focus\)\] {
|
|
2821
3060
|
&:focus-visible {
|
|
2822
|
-
color: var(--mila-badge-error-
|
|
3061
|
+
color: var(--mila-badge-error-fg-focus);
|
|
2823
3062
|
}
|
|
2824
3063
|
}
|
|
2825
3064
|
.focus-visible\:text-\[color\:var\(--mila-input-text-focus\)\] {
|
|
@@ -2832,6 +3071,18 @@
|
|
|
2832
3071
|
text-decoration-line: none;
|
|
2833
3072
|
}
|
|
2834
3073
|
}
|
|
3074
|
+
.focus-visible\:shadow-\[0_0_0_3px_var\(--mila-account-menu-focus-ring\)\] {
|
|
3075
|
+
&:focus-visible {
|
|
3076
|
+
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--mila-account-menu-focus-ring));
|
|
3077
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3078
|
+
}
|
|
3079
|
+
}
|
|
3080
|
+
.focus-visible\:shadow-\[0_0_0_3px_var\(--mila-badge-focus-ring\)\] {
|
|
3081
|
+
&:focus-visible {
|
|
3082
|
+
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--mila-badge-focus-ring));
|
|
3083
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3084
|
+
}
|
|
3085
|
+
}
|
|
2835
3086
|
.focus-visible\:shadow-\[0_0_0_3px_var\(--mila-nav-menu-trigger-focus-ring\)\] {
|
|
2836
3087
|
&:focus-visible {
|
|
2837
3088
|
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--mila-nav-menu-trigger-focus-ring));
|
|
@@ -3010,6 +3261,16 @@
|
|
|
3010
3261
|
text-decoration-line: underline;
|
|
3011
3262
|
}
|
|
3012
3263
|
}
|
|
3264
|
+
.enabled\:bg-\[color\:var\(--mila-textarea-terms-bg\)\] {
|
|
3265
|
+
&:enabled {
|
|
3266
|
+
background-color: var(--mila-textarea-terms-bg);
|
|
3267
|
+
}
|
|
3268
|
+
}
|
|
3269
|
+
.enabled\:text-\[color\:var\(--mila-textarea-terms-fg\)\] {
|
|
3270
|
+
&:enabled {
|
|
3271
|
+
color: var(--mila-textarea-terms-fg);
|
|
3272
|
+
}
|
|
3273
|
+
}
|
|
3013
3274
|
.enabled\:not-placeholder-shown\:border-\[color\:var\(--mila-input-border\)\] {
|
|
3014
3275
|
&:enabled {
|
|
3015
3276
|
&:not(*:placeholder-shown) {
|
|
@@ -3034,6 +3295,11 @@
|
|
|
3034
3295
|
cursor: not-allowed;
|
|
3035
3296
|
}
|
|
3036
3297
|
}
|
|
3298
|
+
.disabled\:resize-none {
|
|
3299
|
+
&:disabled {
|
|
3300
|
+
resize: none;
|
|
3301
|
+
}
|
|
3302
|
+
}
|
|
3037
3303
|
.disabled\:border-\[color\:var\(--mila-button-outline-disabled-border\)\] {
|
|
3038
3304
|
&:disabled {
|
|
3039
3305
|
border-color: var(--mila-button-outline-disabled-border);
|
|
@@ -3059,6 +3325,16 @@
|
|
|
3059
3325
|
border-color: var(--mila-radio-border-disabled);
|
|
3060
3326
|
}
|
|
3061
3327
|
}
|
|
3328
|
+
.disabled\:border-\[color\:var\(--mila-textarea-disabled-border\)\] {
|
|
3329
|
+
&:disabled {
|
|
3330
|
+
border-color: var(--mila-textarea-disabled-border);
|
|
3331
|
+
}
|
|
3332
|
+
}
|
|
3333
|
+
.disabled\:bg-\[color\:var\(--mila-account-menu-disabled-bg\)\] {
|
|
3334
|
+
&:disabled {
|
|
3335
|
+
background-color: var(--mila-account-menu-disabled-bg);
|
|
3336
|
+
}
|
|
3337
|
+
}
|
|
3062
3338
|
.disabled\:bg-\[color\:var\(--mila-button-disabled-bg\)\] {
|
|
3063
3339
|
&:disabled {
|
|
3064
3340
|
background-color: var(--mila-button-disabled-bg);
|
|
@@ -3079,11 +3355,21 @@
|
|
|
3079
3355
|
background-color: var(--mila-input-bg-disabled);
|
|
3080
3356
|
}
|
|
3081
3357
|
}
|
|
3358
|
+
.disabled\:bg-\[color\:var\(--mila-textarea-disabled-bg\)\] {
|
|
3359
|
+
&:disabled {
|
|
3360
|
+
background-color: var(--mila-textarea-disabled-bg);
|
|
3361
|
+
}
|
|
3362
|
+
}
|
|
3082
3363
|
.disabled\:bg-transparent {
|
|
3083
3364
|
&:disabled {
|
|
3084
3365
|
background-color: transparent;
|
|
3085
3366
|
}
|
|
3086
3367
|
}
|
|
3368
|
+
.disabled\:text-\[color\:var\(--mila-account-menu-name-disabled-fg\)\] {
|
|
3369
|
+
&:disabled {
|
|
3370
|
+
color: var(--mila-account-menu-name-disabled-fg);
|
|
3371
|
+
}
|
|
3372
|
+
}
|
|
3087
3373
|
.disabled\:text-\[color\:var\(--mila-button-disabled-fg\)\] {
|
|
3088
3374
|
&:disabled {
|
|
3089
3375
|
color: var(--mila-button-disabled-fg);
|
|
@@ -3099,6 +3385,11 @@
|
|
|
3099
3385
|
color: var(--mila-input-text-disabled);
|
|
3100
3386
|
}
|
|
3101
3387
|
}
|
|
3388
|
+
.disabled\:text-\[color\:var\(--mila-textarea-disabled-fg\)\] {
|
|
3389
|
+
&:disabled {
|
|
3390
|
+
color: var(--mila-textarea-disabled-fg);
|
|
3391
|
+
}
|
|
3392
|
+
}
|
|
3102
3393
|
.disabled\:opacity-50 {
|
|
3103
3394
|
&:disabled {
|
|
3104
3395
|
opacity: 50%;
|
|
@@ -3201,6 +3492,33 @@
|
|
|
3201
3492
|
border-color: var(--mila-input-border-error);
|
|
3202
3493
|
}
|
|
3203
3494
|
}
|
|
3495
|
+
.has-\[input\[aria-invalid\]\]\:border-\[color\:var\(--mila-input-file-border-error\)\] {
|
|
3496
|
+
&:has(*:is(input[aria-invalid])) {
|
|
3497
|
+
border-color: var(--mila-input-file-border-error);
|
|
3498
|
+
}
|
|
3499
|
+
}
|
|
3500
|
+
.has-\[input\[aria-invalid\]\]\:focus-within\:border-\[color\:var\(--mila-input-border-error\)\] {
|
|
3501
|
+
&:has(*:is(input[aria-invalid])) {
|
|
3502
|
+
&:focus-within {
|
|
3503
|
+
border-color: var(--mila-input-border-error);
|
|
3504
|
+
}
|
|
3505
|
+
}
|
|
3506
|
+
}
|
|
3507
|
+
.has-\[input\[aria-invalid\]\]\:focus-within\:border-\[color\:var\(--mila-input-file-border-error\)\] {
|
|
3508
|
+
&:has(*:is(input[aria-invalid])) {
|
|
3509
|
+
&:focus-within {
|
|
3510
|
+
border-color: var(--mila-input-file-border-error);
|
|
3511
|
+
}
|
|
3512
|
+
}
|
|
3513
|
+
}
|
|
3514
|
+
.has-\[input\[aria-invalid\]\]\:focus-within\:ring-\[3px\] {
|
|
3515
|
+
&:has(*:is(input[aria-invalid])) {
|
|
3516
|
+
&:focus-within {
|
|
3517
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
3518
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3519
|
+
}
|
|
3520
|
+
}
|
|
3521
|
+
}
|
|
3204
3522
|
.has-\[input\[aria-invalid\]\]\:focus-within\:ring-\[color\:var\(--mila-input-ring-error\)\] {
|
|
3205
3523
|
&:has(*:is(input[aria-invalid])) {
|
|
3206
3524
|
&:focus-within {
|
|
@@ -3228,6 +3546,11 @@
|
|
|
3228
3546
|
border-color: var(--mila-input-border-error);
|
|
3229
3547
|
}
|
|
3230
3548
|
}
|
|
3549
|
+
.aria-invalid\:border-\[color\:var\(--mila-textarea-border-error\)\] {
|
|
3550
|
+
&[aria-invalid="true"] {
|
|
3551
|
+
border-color: var(--mila-textarea-border-error);
|
|
3552
|
+
}
|
|
3553
|
+
}
|
|
3231
3554
|
.aria-invalid\:text-\[color\:var\(--mila-input-border-error\)\] {
|
|
3232
3555
|
&[aria-invalid="true"] {
|
|
3233
3556
|
color: var(--mila-input-border-error);
|
|
@@ -3238,6 +3561,20 @@
|
|
|
3238
3561
|
color: var(--mila-input-text-error);
|
|
3239
3562
|
}
|
|
3240
3563
|
}
|
|
3564
|
+
.aria-invalid\:focus-visible\:border-\[color\:var\(--mila-input-border-error\)\] {
|
|
3565
|
+
&[aria-invalid="true"] {
|
|
3566
|
+
&:focus-visible {
|
|
3567
|
+
border-color: var(--mila-input-border-error);
|
|
3568
|
+
}
|
|
3569
|
+
}
|
|
3570
|
+
}
|
|
3571
|
+
.aria-invalid\:focus-visible\:border-\[color\:var\(--mila-textarea-border-error\)\] {
|
|
3572
|
+
&[aria-invalid="true"] {
|
|
3573
|
+
&:focus-visible {
|
|
3574
|
+
border-color: var(--mila-textarea-border-error);
|
|
3575
|
+
}
|
|
3576
|
+
}
|
|
3577
|
+
}
|
|
3241
3578
|
.aria-invalid\:focus-visible\:text-\[color\:var\(--mila-input-text-error\)\] {
|
|
3242
3579
|
&[aria-invalid="true"] {
|
|
3243
3580
|
&:focus-visible {
|
|
@@ -3260,6 +3597,24 @@
|
|
|
3260
3597
|
}
|
|
3261
3598
|
}
|
|
3262
3599
|
}
|
|
3600
|
+
.aria-invalid\:enabled\:not-placeholder-shown\:border-\[color\:var\(--mila-input-border-error\)\] {
|
|
3601
|
+
&[aria-invalid="true"] {
|
|
3602
|
+
&:enabled {
|
|
3603
|
+
&:not(*:placeholder-shown) {
|
|
3604
|
+
border-color: var(--mila-input-border-error);
|
|
3605
|
+
}
|
|
3606
|
+
}
|
|
3607
|
+
}
|
|
3608
|
+
}
|
|
3609
|
+
.aria-invalid\:enabled\:not-placeholder-shown\:border-\[color\:var\(--mila-textarea-border-error\)\] {
|
|
3610
|
+
&[aria-invalid="true"] {
|
|
3611
|
+
&:enabled {
|
|
3612
|
+
&:not(*:placeholder-shown) {
|
|
3613
|
+
border-color: var(--mila-textarea-border-error);
|
|
3614
|
+
}
|
|
3615
|
+
}
|
|
3616
|
+
}
|
|
3617
|
+
}
|
|
3263
3618
|
.data-\[disabled\]\:pointer-events-none {
|
|
3264
3619
|
&[data-disabled] {
|
|
3265
3620
|
pointer-events: none;
|
|
@@ -3725,6 +4080,11 @@
|
|
|
3725
4080
|
animation: mila-accordion-down 0.2s ease-out;
|
|
3726
4081
|
}
|
|
3727
4082
|
}
|
|
4083
|
+
.data-\[state\=open\]\:bg-\[color\:var\(--mila-account-menu-hover-bg\)\] {
|
|
4084
|
+
&[data-state="open"] {
|
|
4085
|
+
background-color: var(--mila-account-menu-hover-bg);
|
|
4086
|
+
}
|
|
4087
|
+
}
|
|
3728
4088
|
.data-\[state\=open\]\:text-\[color\:var\(--mila-nav-menu-trigger-fg-open\)\] {
|
|
3729
4089
|
&[data-state="open"] {
|
|
3730
4090
|
color: var(--mila-nav-menu-trigger-fg-open);
|
|
@@ -3736,6 +4096,12 @@
|
|
|
3736
4096
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3737
4097
|
}
|
|
3738
4098
|
}
|
|
4099
|
+
.data-\[state\=open\]\:shadow-none {
|
|
4100
|
+
&[data-state="open"] {
|
|
4101
|
+
--tw-shadow: 0 0 #0000;
|
|
4102
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4103
|
+
}
|
|
4104
|
+
}
|
|
3739
4105
|
.data-\[state\=open\]\:duration-200 {
|
|
3740
4106
|
&[data-state="open"] {
|
|
3741
4107
|
--tw-duration: 200ms;
|
|
@@ -3830,6 +4196,11 @@
|
|
|
3830
4196
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3831
4197
|
}
|
|
3832
4198
|
}
|
|
4199
|
+
.sm\:grid-cols-4 {
|
|
4200
|
+
@media (width >= 40rem) {
|
|
4201
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
4202
|
+
}
|
|
4203
|
+
}
|
|
3833
4204
|
.sm\:flex-row {
|
|
3834
4205
|
@media (width >= 40rem) {
|
|
3835
4206
|
flex-direction: row;
|
|
@@ -4077,6 +4448,28 @@
|
|
|
4077
4448
|
color: var(--mila-command-group-heading);
|
|
4078
4449
|
}
|
|
4079
4450
|
}
|
|
4451
|
+
.data-\[state\=open\]\:\[\&_\[data-slot\=account-menu-chevron\]\]\:rotate-180 {
|
|
4452
|
+
&[data-state="open"] {
|
|
4453
|
+
& [data-slot=account-menu-chevron] {
|
|
4454
|
+
rotate: 180deg;
|
|
4455
|
+
}
|
|
4456
|
+
}
|
|
4457
|
+
}
|
|
4458
|
+
.\[\&_\[data-slot\=alert-icon\]\]\:text-\[color\:var\(--mila-status-alert-error-fg\)\] {
|
|
4459
|
+
& [data-slot=alert-icon] {
|
|
4460
|
+
color: var(--mila-status-alert-error-fg);
|
|
4461
|
+
}
|
|
4462
|
+
}
|
|
4463
|
+
.\[\&_\[data-slot\=alert-icon\]\]\:text-\[color\:var\(--mila-status-alert-progress-fg\)\] {
|
|
4464
|
+
& [data-slot=alert-icon] {
|
|
4465
|
+
color: var(--mila-status-alert-progress-fg);
|
|
4466
|
+
}
|
|
4467
|
+
}
|
|
4468
|
+
.\[\&_\[data-slot\=alert-icon\]\]\:text-\[color\:var\(--mila-status-alert-warning-fg\)\] {
|
|
4469
|
+
& [data-slot=alert-icon] {
|
|
4470
|
+
color: var(--mila-status-alert-warning-fg);
|
|
4471
|
+
}
|
|
4472
|
+
}
|
|
4080
4473
|
.\[\&_\[data-slot\=input-otp-slot\]\]\:-ml-px {
|
|
4081
4474
|
& [data-slot=input-otp-slot] {
|
|
4082
4475
|
margin-left: -1px;
|
|
@@ -4104,6 +4497,49 @@
|
|
|
4104
4497
|
border-bottom-right-radius: var(--radius);
|
|
4105
4498
|
}
|
|
4106
4499
|
}
|
|
4500
|
+
.\[\&_a\]\:cursor-pointer {
|
|
4501
|
+
& a {
|
|
4502
|
+
cursor: pointer;
|
|
4503
|
+
}
|
|
4504
|
+
}
|
|
4505
|
+
.\[\&_a\]\:text-\[color\:var\(--mila-textarea-readonly-links-fg\)\] {
|
|
4506
|
+
& a {
|
|
4507
|
+
color: var(--mila-textarea-readonly-links-fg);
|
|
4508
|
+
}
|
|
4509
|
+
}
|
|
4510
|
+
.\[\&_a\]\:underline {
|
|
4511
|
+
& a {
|
|
4512
|
+
text-decoration-line: underline;
|
|
4513
|
+
}
|
|
4514
|
+
}
|
|
4515
|
+
.\[\&_a\]\:outline-offset-2 {
|
|
4516
|
+
& a {
|
|
4517
|
+
outline-offset: 2px;
|
|
4518
|
+
}
|
|
4519
|
+
}
|
|
4520
|
+
.\[\&_a\]\:focus-visible\:outline {
|
|
4521
|
+
& a {
|
|
4522
|
+
&:focus-visible {
|
|
4523
|
+
outline-style: var(--tw-outline-style);
|
|
4524
|
+
outline-width: 1px;
|
|
4525
|
+
}
|
|
4526
|
+
}
|
|
4527
|
+
}
|
|
4528
|
+
.\[\&_a\]\:focus-visible\:outline-2 {
|
|
4529
|
+
& a {
|
|
4530
|
+
&:focus-visible {
|
|
4531
|
+
outline-style: var(--tw-outline-style);
|
|
4532
|
+
outline-width: 2px;
|
|
4533
|
+
}
|
|
4534
|
+
}
|
|
4535
|
+
}
|
|
4536
|
+
.\[\&_a\]\:focus-visible\:outline-\[color\:var\(--mila-input-ring-focus\)\] {
|
|
4537
|
+
& a {
|
|
4538
|
+
&:focus-visible {
|
|
4539
|
+
outline-color: var(--mila-input-ring-focus);
|
|
4540
|
+
}
|
|
4541
|
+
}
|
|
4542
|
+
}
|
|
4107
4543
|
.\[\&_img\]\:block {
|
|
4108
4544
|
& img {
|
|
4109
4545
|
display: block;
|
|
@@ -4195,8 +4631,62 @@
|
|
|
4195
4631
|
flex-shrink: 0;
|
|
4196
4632
|
}
|
|
4197
4633
|
}
|
|
4198
|
-
.\[\&
|
|
4199
|
-
& tr:
|
|
4634
|
+
.\[\&_tbody_tr\:last-child\:not\(\[data-empty-state\]\)_td\:first-child\]\:rounded-bl-\[length\:var\(--mila-data-table-radius\)\] {
|
|
4635
|
+
& tbody tr:last-child:not([data-empty-state]) td:first-child {
|
|
4636
|
+
border-bottom-left-radius: var(--mila-data-table-radius);
|
|
4637
|
+
}
|
|
4638
|
+
}
|
|
4639
|
+
.\[\&_tbody_tr\:last-child\:not\(\[data-empty-state\]\)_td\:last-child\]\:rounded-br-\[length\:var\(--mila-data-table-radius\)\] {
|
|
4640
|
+
& tbody tr:last-child:not([data-empty-state]) td:last-child {
|
|
4641
|
+
border-bottom-right-radius: var(--mila-data-table-radius);
|
|
4642
|
+
}
|
|
4643
|
+
}
|
|
4644
|
+
.\[\&_tbody_tr\[data-empty-state\]_td\]\:rounded-b-\[length\:var\(--mila-data-table-radius\)\] {
|
|
4645
|
+
& tbody tr[data-empty-state] td {
|
|
4646
|
+
border-bottom-right-radius: var(--mila-data-table-radius);
|
|
4647
|
+
border-bottom-left-radius: var(--mila-data-table-radius);
|
|
4648
|
+
}
|
|
4649
|
+
}
|
|
4650
|
+
.\[\&_td\]\:border-\[color\:var\(--mila-data-table-contour-border\)\] {
|
|
4651
|
+
& td {
|
|
4652
|
+
border-color: var(--mila-data-table-contour-border);
|
|
4653
|
+
}
|
|
4654
|
+
}
|
|
4655
|
+
.\[\&_th\]\:border-\[color\:var\(--mila-data-table-contour-border\)\] {
|
|
4656
|
+
& th {
|
|
4657
|
+
border-color: var(--mila-data-table-contour-border);
|
|
4658
|
+
}
|
|
4659
|
+
}
|
|
4660
|
+
.\[\&_th\]\:text-sm {
|
|
4661
|
+
& th {
|
|
4662
|
+
font-size: var(--text-sm);
|
|
4663
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
4664
|
+
}
|
|
4665
|
+
}
|
|
4666
|
+
.\[\&_th\]\:font-medium {
|
|
4667
|
+
& th {
|
|
4668
|
+
--tw-font-weight: var(--font-weight-medium);
|
|
4669
|
+
font-weight: var(--font-weight-medium);
|
|
4670
|
+
}
|
|
4671
|
+
}
|
|
4672
|
+
.\[\&_th\]\:tracking-\[0\.07px\] {
|
|
4673
|
+
& th {
|
|
4674
|
+
--tw-tracking: 0.07px;
|
|
4675
|
+
letter-spacing: 0.07px;
|
|
4676
|
+
}
|
|
4677
|
+
}
|
|
4678
|
+
.\[\&_thead_tr\:first-child_th\:first-child\]\:rounded-tl-\[length\:var\(--mila-data-table-radius\)\] {
|
|
4679
|
+
& thead tr:first-child th:first-child {
|
|
4680
|
+
border-top-left-radius: var(--mila-data-table-radius);
|
|
4681
|
+
}
|
|
4682
|
+
}
|
|
4683
|
+
.\[\&_thead_tr\:first-child_th\:last-child\]\:rounded-tr-\[length\:var\(--mila-data-table-radius\)\] {
|
|
4684
|
+
& thead tr:first-child th:last-child {
|
|
4685
|
+
border-top-right-radius: var(--mila-data-table-radius);
|
|
4686
|
+
}
|
|
4687
|
+
}
|
|
4688
|
+
.\[\&_tr\:hover\:not\(\[data-state\=selected\]\)\:not\(\[data-empty-state\]\)_td\]\:bg-\[color\:var\(--mila-data-table-row-hover-bg\)\] {
|
|
4689
|
+
& tr:hover:not([data-state=selected]):not([data-empty-state]) td {
|
|
4200
4690
|
background-color: var(--mila-data-table-row-hover-bg);
|
|
4201
4691
|
}
|
|
4202
4692
|
}
|
|
@@ -4205,8 +4695,8 @@
|
|
|
4205
4695
|
background-color: var(--mila-table-row-even-bg);
|
|
4206
4696
|
}
|
|
4207
4697
|
}
|
|
4208
|
-
.\[\&_tr\:nth-child\(even\)\:not\(\[data-state\=selected\]\)_td\]\:bg-\[color\:var\(--mila-table-row-even-bg\)\] {
|
|
4209
|
-
& tr:nth-child(even):not([data-state=selected]) td {
|
|
4698
|
+
.\[\&_tr\:nth-child\(even\)\:not\(\[data-state\=selected\]\)\:not\(\[data-empty-state\]\)_td\]\:bg-\[color\:var\(--mila-table-row-even-bg\)\] {
|
|
4699
|
+
& tr:nth-child(even):not([data-state=selected]):not([data-empty-state]) td {
|
|
4210
4700
|
background-color: var(--mila-table-row-even-bg);
|
|
4211
4701
|
}
|
|
4212
4702
|
}
|
|
@@ -4215,13 +4705,13 @@
|
|
|
4215
4705
|
background-color: var(--mila-table-row-odd-bg);
|
|
4216
4706
|
}
|
|
4217
4707
|
}
|
|
4218
|
-
.\[\&_tr\:nth-child\(odd\)\:not\(\[data-state\=selected\]\)_td\]\:bg-\[color\:var\(--mila-table-row-odd-bg\)\] {
|
|
4219
|
-
& tr:nth-child(odd):not([data-state=selected]) td {
|
|
4708
|
+
.\[\&_tr\:nth-child\(odd\)\:not\(\[data-state\=selected\]\)\:not\(\[data-empty-state\]\)_td\]\:bg-\[color\:var\(--mila-table-row-odd-bg\)\] {
|
|
4709
|
+
& tr:nth-child(odd):not([data-state=selected]):not([data-empty-state]) td {
|
|
4220
4710
|
background-color: var(--mila-table-row-odd-bg);
|
|
4221
4711
|
}
|
|
4222
4712
|
}
|
|
4223
|
-
.\[\&_tr\[data-state\=selected\]_td\]\:bg-\[color\:var\(--mila-data-table-row-selected-bg\)\] {
|
|
4224
|
-
& tr[data-state=selected] td {
|
|
4713
|
+
.\[\&_tr\[data-state\=selected\]\:not\(\[data-empty-state\]\)_td\]\:bg-\[color\:var\(--mila-data-table-row-selected-bg\)\] {
|
|
4714
|
+
& tr[data-state=selected]:not([data-empty-state]) td {
|
|
4225
4715
|
background-color: var(--mila-data-table-row-selected-bg);
|
|
4226
4716
|
}
|
|
4227
4717
|
}
|
|
@@ -4793,7 +5283,9 @@
|
|
|
4793
5283
|
--mila-input-border-focus: #662e7d;
|
|
4794
5284
|
--mila-input-ring-focus: #e0cee4;
|
|
4795
5285
|
--mila-input-border-error: #cf0c0d;
|
|
5286
|
+
--mila-input-file-border-error: #ef1314;
|
|
4796
5287
|
--mila-input-ring-error: #ff9c9d;
|
|
5288
|
+
--mila-input-error-message-fg: #b91c1c;
|
|
4797
5289
|
--mila-input-bg-disabled: #dde3e8;
|
|
4798
5290
|
--mila-input-placeholder: #50565f;
|
|
4799
5291
|
--mila-input-text-value: #662e7d;
|
|
@@ -4852,6 +5344,8 @@
|
|
|
4852
5344
|
--mila-dialog-close-fg: #171717;
|
|
4853
5345
|
--mila-dialog-close-focus-ring: #e0cee4;
|
|
4854
5346
|
--mila-dialog-content-focus-ring: #e0cee4;
|
|
5347
|
+
--mila-dialog-footer-border: #e5e5e5;
|
|
5348
|
+
--mila-dialog-footer-sticky-shadow: 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 -2px 4px -2px rgb(0 0 0 / 0.1);
|
|
4855
5349
|
--mila-drawer-handle-bg: #f5f5f5;
|
|
4856
5350
|
--mila-alert-dialog-bg: #ffffff;
|
|
4857
5351
|
--mila-alert-dialog-border: #e5e5e5;
|
|
@@ -4901,9 +5395,21 @@
|
|
|
4901
5395
|
--mila-data-table-header-hover-bg: #f5f5f5;
|
|
4902
5396
|
--mila-data-table-row-hover-bg: #f5f5f5;
|
|
4903
5397
|
--mila-data-table-row-selected-bg: #e5e5e5;
|
|
5398
|
+
--mila-data-table-empty-placeholder-bg: #eef1f4;
|
|
5399
|
+
--mila-data-table-empty-fg: #8690a5;
|
|
5400
|
+
--mila-data-table-contour-border: #cbcdc8;
|
|
5401
|
+
--mila-data-table-radius: 10px;
|
|
4904
5402
|
--mila-textarea-terms-bg: #edf0f2;
|
|
4905
5403
|
--mila-textarea-terms-fg: #191a1e;
|
|
4906
5404
|
--mila-textarea-scrollbar-thumb: #777f92;
|
|
5405
|
+
--mila-textarea-helper-fg: #6a6a64;
|
|
5406
|
+
--mila-textarea-border-error: #ef1314;
|
|
5407
|
+
--mila-textarea-disabled-bg: #edf0f2;
|
|
5408
|
+
--mila-textarea-disabled-border: #8690a5;
|
|
5409
|
+
--mila-textarea-disabled-fg: #191a1e;
|
|
5410
|
+
--mila-textarea-readonly-links-bg: #faf6fd;
|
|
5411
|
+
--mila-textarea-readonly-links-border: #ead8f6;
|
|
5412
|
+
--mila-textarea-readonly-links-fg: #662e7d;
|
|
4907
5413
|
--mila-otp-slot-border: #d4d4d4;
|
|
4908
5414
|
--mila-otp-fg: #171717;
|
|
4909
5415
|
--mila-otp-separator-bar: #171717;
|
|
@@ -4934,12 +5440,21 @@
|
|
|
4934
5440
|
--mila-badge-outline-border: #e5e5e5;
|
|
4935
5441
|
--mila-badge-destructive-bg: #ef4444;
|
|
4936
5442
|
--mila-badge-destructive-fg: #ffffff;
|
|
4937
|
-
--mila-badge-error-
|
|
4938
|
-
--mila-badge-error-
|
|
4939
|
-
--mila-badge-error-
|
|
4940
|
-
--mila-badge-error-
|
|
5443
|
+
--mila-badge-error-bg: #ffdfdf;
|
|
5444
|
+
--mila-badge-error-border: #ffc5c5;
|
|
5445
|
+
--mila-badge-error-fg: #891314;
|
|
5446
|
+
--mila-badge-error-fg-focus: #a60e0f;
|
|
4941
5447
|
--mila-badge-info-bg: #3b82f6;
|
|
4942
5448
|
--mila-badge-info-fg: #ffffff;
|
|
5449
|
+
--mila-badge-focus-ring: var(--mila-input-ring-focus);
|
|
5450
|
+
--mila-badge-success-light-bg: #c2fcdb;
|
|
5451
|
+
--mila-badge-success-light-border: #95fac4;
|
|
5452
|
+
--mila-badge-success-light-fg: #174e35;
|
|
5453
|
+
--mila-badge-success-dark-bg: #1b6142;
|
|
5454
|
+
--mila-badge-success-dark-fg: #ffffff;
|
|
5455
|
+
--mila-badge-partial-bg: #ffdea9;
|
|
5456
|
+
--mila-badge-partial-border: #fea239;
|
|
5457
|
+
--mila-badge-partial-fg: #7e3510;
|
|
4943
5458
|
--mila-button-primary-bg: #783596;
|
|
4944
5459
|
--mila-button-primary-hover: #3b1849;
|
|
4945
5460
|
--mila-button-primary-fg: #ffffff;
|
|
@@ -4965,6 +5480,7 @@
|
|
|
4965
5480
|
--mila-button-ghost-hover-fg: #3b1849;
|
|
4966
5481
|
--mila-button-disabled-bg: #dde3e8;
|
|
4967
5482
|
--mila-button-disabled-fg: #50565f;
|
|
5483
|
+
--mila-button-helper-fg: #737373;
|
|
4968
5484
|
--mila-link-button-fg: #171717;
|
|
4969
5485
|
--mila-tooltip-bg: #171717;
|
|
4970
5486
|
--mila-tooltip-fg: #ffffff;
|
|
@@ -5012,6 +5528,27 @@
|
|
|
5012
5528
|
--mila-alert-neutral-title: #171717;
|
|
5013
5529
|
--mila-alert-neutral-description: #737373;
|
|
5014
5530
|
--mila-alert-error-fg: #ef4444;
|
|
5531
|
+
--mila-status-alert-warning-bg: #fff8ed;
|
|
5532
|
+
--mila-status-alert-warning-border: #c54f09;
|
|
5533
|
+
--mila-status-alert-warning-fg: #c54f09;
|
|
5534
|
+
--mila-status-alert-warning-title-fg: #9c3e10;
|
|
5535
|
+
--mila-status-alert-error-bg: #fff1f1;
|
|
5536
|
+
--mila-status-alert-error-border: #cf0c0d;
|
|
5537
|
+
--mila-status-alert-error-fg: #cf0c0d;
|
|
5538
|
+
--mila-status-alert-progress-bg: #fbf8fc;
|
|
5539
|
+
--mila-status-alert-progress-border: #b286ba;
|
|
5540
|
+
--mila-status-alert-progress-fg: #662e7d;
|
|
5541
|
+
--mila-account-menu-name-fg: #662e7d;
|
|
5542
|
+
--mila-account-menu-hover-bg: #ead8f6;
|
|
5543
|
+
--mila-account-menu-focus-ring: #e0cee4;
|
|
5544
|
+
--mila-account-menu-disabled-bg: #dde3e8;
|
|
5545
|
+
--mila-account-menu-name-disabled-fg: #777f92;
|
|
5546
|
+
--mila-account-menu-balance-bg: #ffffff;
|
|
5547
|
+
--mila-account-menu-balance-border: #783596;
|
|
5548
|
+
--mila-account-menu-balance-fg: #662e7d;
|
|
5549
|
+
--mila-account-menu-balance-bg-disabled: #dde3e8;
|
|
5550
|
+
--mila-account-menu-balance-border-disabled: #9ca7b8;
|
|
5551
|
+
--mila-account-menu-balance-fg-disabled: #5f6674;
|
|
5015
5552
|
--mila-icon-button-primary-bg: #171717;
|
|
5016
5553
|
--mila-icon-button-primary-hover: #404040;
|
|
5017
5554
|
--mila-icon-button-primary-fg: #ffffff;
|
|
@@ -5069,7 +5606,9 @@
|
|
|
5069
5606
|
--mila-input-border-focus: oklch(0.62 0.14 300);
|
|
5070
5607
|
--mila-input-ring-focus: oklch(0.45 0.08 300 / 0.45);
|
|
5071
5608
|
--mila-input-border-error: oklch(0.55 0.22 25);
|
|
5609
|
+
--mila-input-file-border-error: oklch(0.58 0.22 25);
|
|
5072
5610
|
--mila-input-ring-error: oklch(0.5 0.2 25 / 0.4);
|
|
5611
|
+
--mila-input-error-message-fg: oklch(0.55 0.2 25);
|
|
5073
5612
|
--mila-input-bg-disabled: oklch(0.22 0.02 260);
|
|
5074
5613
|
--mila-input-placeholder: oklch(0.65 0.02 260);
|
|
5075
5614
|
--mila-input-text-value: oklch(0.75 0.12 300);
|
|
@@ -5077,6 +5616,14 @@
|
|
|
5077
5616
|
--mila-input-text-error: oklch(0.88 0.05 300);
|
|
5078
5617
|
--mila-input-text-disabled: oklch(0.55 0.02 260);
|
|
5079
5618
|
--mila-input-border-with-value: oklch(0.45 0.02 260);
|
|
5619
|
+
--mila-textarea-helper-fg: oklch(0.62 0.02 260);
|
|
5620
|
+
--mila-textarea-border-error: oklch(0.58 0.22 25);
|
|
5621
|
+
--mila-textarea-disabled-bg: oklch(0.25 0.02 260);
|
|
5622
|
+
--mila-textarea-disabled-border: oklch(0.5 0.02 260);
|
|
5623
|
+
--mila-textarea-disabled-fg: oklch(0.88 0.02 260);
|
|
5624
|
+
--mila-textarea-readonly-links-bg: oklch(0.28 0.04 310);
|
|
5625
|
+
--mila-textarea-readonly-links-border: oklch(0.42 0.08 300);
|
|
5626
|
+
--mila-textarea-readonly-links-fg: oklch(0.78 0.12 300);
|
|
5080
5627
|
--mila-label-fg: oklch(0.95 0.02 310);
|
|
5081
5628
|
--mila-accordion-border: oklch(1 0 0 / 12%);
|
|
5082
5629
|
--mila-accordion-trigger-fg: oklch(0.95 0 0);
|
|
@@ -5128,6 +5675,8 @@
|
|
|
5128
5675
|
--mila-dialog-close-fg: oklch(0.985 0 0);
|
|
5129
5676
|
--mila-dialog-close-focus-ring: oklch(0.45 0.08 300 / 0.45);
|
|
5130
5677
|
--mila-dialog-content-focus-ring: oklch(0.45 0.08 300 / 0.45);
|
|
5678
|
+
--mila-dialog-footer-border: oklch(1 0 0 / 14%);
|
|
5679
|
+
--mila-dialog-footer-sticky-shadow: 0 -4px 6px -1px rgb(0 0 0 / 0.35), 0 -2px 4px -2px rgb(0 0 0 / 0.2);
|
|
5131
5680
|
--mila-drawer-handle-bg: oklch(0.28 0.01 260);
|
|
5132
5681
|
--mila-alert-dialog-bg: oklch(0.205 0 0);
|
|
5133
5682
|
--mila-alert-dialog-border: oklch(1 0 0 / 12%);
|
|
@@ -5188,6 +5737,10 @@
|
|
|
5188
5737
|
--mila-data-table-header-hover-bg: oklch(0.28 0.02 260);
|
|
5189
5738
|
--mila-data-table-row-hover-bg: oklch(0.28 0.02 260);
|
|
5190
5739
|
--mila-data-table-row-selected-bg: oklch(0.35 0.02 260);
|
|
5740
|
+
--mila-data-table-empty-placeholder-bg: oklch(0.26 0.02 260);
|
|
5741
|
+
--mila-data-table-empty-fg: oklch(0.58 0.03 260);
|
|
5742
|
+
--mila-data-table-contour-border: oklch(0.42 0.02 250);
|
|
5743
|
+
--mila-data-table-radius: 10px;
|
|
5191
5744
|
--mila-avatar-fallback-bg: oklch(0.28 0.01 260);
|
|
5192
5745
|
--mila-avatar-fallback-fg: oklch(0.88 0.02 260);
|
|
5193
5746
|
--mila-badge-primary-bg: oklch(0.92 0 0);
|
|
@@ -5197,12 +5750,21 @@
|
|
|
5197
5750
|
--mila-badge-outline-border: oklch(1 0 0 / 14%);
|
|
5198
5751
|
--mila-badge-destructive-bg: oklch(0.55 0.22 25);
|
|
5199
5752
|
--mila-badge-destructive-fg: oklch(0.985 0 0);
|
|
5200
|
-
--mila-badge-error-
|
|
5201
|
-
--mila-badge-error-
|
|
5202
|
-
--mila-badge-error-
|
|
5203
|
-
--mila-badge-error-
|
|
5753
|
+
--mila-badge-error-bg: oklch(0.25 0.08 25);
|
|
5754
|
+
--mila-badge-error-border: oklch(0.35 0.12 25);
|
|
5755
|
+
--mila-badge-error-fg: oklch(0.85 0.12 20);
|
|
5756
|
+
--mila-badge-error-fg-focus: oklch(0.92 0.08 20);
|
|
5204
5757
|
--mila-badge-info-bg: oklch(0.55 0.2 260);
|
|
5205
5758
|
--mila-badge-info-fg: oklch(0.985 0 0);
|
|
5759
|
+
--mila-badge-focus-ring: var(--mila-input-ring-focus);
|
|
5760
|
+
--mila-badge-success-light-bg: oklch(0.28 0.06 155);
|
|
5761
|
+
--mila-badge-success-light-border: oklch(0.4 0.1 155);
|
|
5762
|
+
--mila-badge-success-light-fg: oklch(0.88 0.1 155);
|
|
5763
|
+
--mila-badge-success-dark-bg: oklch(0.42 0.12 155);
|
|
5764
|
+
--mila-badge-success-dark-fg: oklch(0.985 0 0);
|
|
5765
|
+
--mila-badge-partial-bg: oklch(0.32 0.08 65);
|
|
5766
|
+
--mila-badge-partial-border: oklch(0.58 0.14 65);
|
|
5767
|
+
--mila-badge-partial-fg: oklch(0.9 0.08 55);
|
|
5206
5768
|
--mila-button-primary-bg: oklch(0.55 0.14 310);
|
|
5207
5769
|
--mila-button-primary-hover: oklch(0.32 0.12 310);
|
|
5208
5770
|
--mila-button-primary-fg: oklch(0.985 0 0);
|
|
@@ -5228,10 +5790,32 @@
|
|
|
5228
5790
|
--mila-button-ghost-hover-fg: oklch(0.92 0.05 300);
|
|
5229
5791
|
--mila-button-disabled-bg: oklch(0.28 0.02 260);
|
|
5230
5792
|
--mila-button-disabled-fg: oklch(0.55 0.02 260);
|
|
5793
|
+
--mila-button-helper-fg: oklch(0.62 0.02 260);
|
|
5231
5794
|
--mila-alert-border: oklch(1 0 0 / 12%);
|
|
5232
5795
|
--mila-alert-neutral-title: oklch(0.95 0 0);
|
|
5233
5796
|
--mila-alert-neutral-description: oklch(0.65 0.02 260);
|
|
5234
5797
|
--mila-alert-error-fg: oklch(0.65 0.2 25);
|
|
5798
|
+
--mila-status-alert-warning-bg: oklch(0.22 0.04 55);
|
|
5799
|
+
--mila-status-alert-warning-border: oklch(0.62 0.16 55);
|
|
5800
|
+
--mila-status-alert-warning-fg: oklch(0.72 0.14 55);
|
|
5801
|
+
--mila-status-alert-warning-title-fg: oklch(0.58 0.12 50);
|
|
5802
|
+
--mila-status-alert-error-bg: oklch(0.22 0.05 25);
|
|
5803
|
+
--mila-status-alert-error-border: oklch(0.58 0.2 25);
|
|
5804
|
+
--mila-status-alert-error-fg: oklch(0.72 0.16 25);
|
|
5805
|
+
--mila-status-alert-progress-bg: oklch(0.24 0.04 310);
|
|
5806
|
+
--mila-status-alert-progress-border: oklch(0.55 0.12 310);
|
|
5807
|
+
--mila-status-alert-progress-fg: oklch(0.78 0.1 310);
|
|
5808
|
+
--mila-account-menu-name-fg: oklch(0.78 0.1 310);
|
|
5809
|
+
--mila-account-menu-hover-bg: oklch(0.32 0.06 310);
|
|
5810
|
+
--mila-account-menu-focus-ring: oklch(0.45 0.08 300 / 0.45);
|
|
5811
|
+
--mila-account-menu-disabled-bg: oklch(0.28 0.02 260);
|
|
5812
|
+
--mila-account-menu-name-disabled-fg: oklch(0.55 0.02 260);
|
|
5813
|
+
--mila-account-menu-balance-bg: oklch(0.22 0.02 260);
|
|
5814
|
+
--mila-account-menu-balance-border: oklch(0.55 0.12 310);
|
|
5815
|
+
--mila-account-menu-balance-fg: oklch(0.82 0.1 310);
|
|
5816
|
+
--mila-account-menu-balance-bg-disabled: oklch(0.28 0.02 260);
|
|
5817
|
+
--mila-account-menu-balance-border-disabled: oklch(0.42 0.02 260);
|
|
5818
|
+
--mila-account-menu-balance-fg-disabled: oklch(0.55 0.02 260);
|
|
5235
5819
|
--mila-icon-button-primary-bg: oklch(0.92 0 0);
|
|
5236
5820
|
--mila-icon-button-primary-hover: oklch(0.82 0 0);
|
|
5237
5821
|
--mila-icon-button-primary-fg: oklch(0.145 0 0);
|
|
@@ -5300,6 +5884,9 @@
|
|
|
5300
5884
|
color: var(--foreground);
|
|
5301
5885
|
}
|
|
5302
5886
|
}
|
|
5887
|
+
[data-slot="sheet-content"] {
|
|
5888
|
+
border-radius: 0 !important;
|
|
5889
|
+
}
|
|
5303
5890
|
@property --tw-translate-x {
|
|
5304
5891
|
syntax: "*";
|
|
5305
5892
|
inherits: false;
|