@texturehq/edges 0.1.4 → 0.1.6
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/README.md +1 -39
- package/dist/components.manifest.json +126 -2
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +40 -3
- package/dist/index.d.ts +40 -3
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +263 -115
- package/dist/theme.css +83 -83
- package/package.json +4 -7
package/dist/styles.css
CHANGED
|
@@ -408,6 +408,9 @@
|
|
|
408
408
|
.table {
|
|
409
409
|
display: table;
|
|
410
410
|
}
|
|
411
|
+
.h-1\.5 {
|
|
412
|
+
height: calc(0.25rem * 1.5);
|
|
413
|
+
}
|
|
411
414
|
.h-1\/2 {
|
|
412
415
|
height: calc(1/2 * 100%);
|
|
413
416
|
}
|
|
@@ -480,6 +483,9 @@
|
|
|
480
483
|
.h-px {
|
|
481
484
|
height: 1px;
|
|
482
485
|
}
|
|
486
|
+
.max-h-\[300px\] {
|
|
487
|
+
max-height: 300px;
|
|
488
|
+
}
|
|
483
489
|
.max-h-\[inherit\] {
|
|
484
490
|
max-height: inherit;
|
|
485
491
|
}
|
|
@@ -528,6 +534,9 @@
|
|
|
528
534
|
.w-96 {
|
|
529
535
|
width: calc(0.25rem * 96);
|
|
530
536
|
}
|
|
537
|
+
.w-\[28rem\] {
|
|
538
|
+
width: 28rem;
|
|
539
|
+
}
|
|
531
540
|
.w-\[200px\] {
|
|
532
541
|
width: 200px;
|
|
533
542
|
}
|
|
@@ -574,6 +583,9 @@
|
|
|
574
583
|
.min-w-0 {
|
|
575
584
|
min-width: calc(0.25rem * 0);
|
|
576
585
|
}
|
|
586
|
+
.min-w-10 {
|
|
587
|
+
min-width: calc(0.25rem * 10);
|
|
588
|
+
}
|
|
577
589
|
.min-w-\[100px\] {
|
|
578
590
|
min-width: 100px;
|
|
579
591
|
}
|
|
@@ -651,6 +663,11 @@
|
|
|
651
663
|
-moz-appearance: textfield;
|
|
652
664
|
appearance: textfield;
|
|
653
665
|
}
|
|
666
|
+
.appearance-none {
|
|
667
|
+
-webkit-appearance: none;
|
|
668
|
+
-moz-appearance: none;
|
|
669
|
+
appearance: none;
|
|
670
|
+
}
|
|
654
671
|
.grid-cols-1 {
|
|
655
672
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
656
673
|
}
|
|
@@ -884,6 +901,10 @@
|
|
|
884
901
|
border-style: var(--tw-border-style);
|
|
885
902
|
border-width: 2px;
|
|
886
903
|
}
|
|
904
|
+
.border-\[7px\] {
|
|
905
|
+
border-style: var(--tw-border-style);
|
|
906
|
+
border-width: 7px;
|
|
907
|
+
}
|
|
887
908
|
.border-y {
|
|
888
909
|
border-block-style: var(--tw-border-style);
|
|
889
910
|
border-block-width: 1px;
|
|
@@ -937,6 +958,9 @@
|
|
|
937
958
|
.border-border-input {
|
|
938
959
|
border-color: #d1d5db;
|
|
939
960
|
}
|
|
961
|
+
.border-border-input\/20 {
|
|
962
|
+
border-color: color-mix(in oklab, #d1d5db 20%, transparent);
|
|
963
|
+
}
|
|
940
964
|
.border-border-muted {
|
|
941
965
|
border-color: #e5e7eb;
|
|
942
966
|
}
|
|
@@ -958,11 +982,14 @@
|
|
|
958
982
|
.border-feedback-error-border {
|
|
959
983
|
border-color: #ef4444;
|
|
960
984
|
}
|
|
985
|
+
.border-gray-100 {
|
|
986
|
+
border-color: oklch(0.967 0.003 264.542);
|
|
987
|
+
}
|
|
961
988
|
.border-gray-200 {
|
|
962
|
-
border-color:
|
|
989
|
+
border-color: oklch(0.928 0.006 264.531);
|
|
963
990
|
}
|
|
964
991
|
.border-gray-300 {
|
|
965
|
-
border-color:
|
|
992
|
+
border-color: oklch(0.872 0.01 258.338);
|
|
966
993
|
}
|
|
967
994
|
.border-green-200 {
|
|
968
995
|
border-color: oklch(0.925 0.084 155.995);
|
|
@@ -974,7 +1001,7 @@
|
|
|
974
1001
|
border-color: oklch(0.885 0.062 18.334);
|
|
975
1002
|
}
|
|
976
1003
|
.border-slate-800 {
|
|
977
|
-
border-color:
|
|
1004
|
+
border-color: oklch(0.279 0.041 260.031);
|
|
978
1005
|
}
|
|
979
1006
|
.border-text-body {
|
|
980
1007
|
border-color: #333333;
|
|
@@ -1018,6 +1045,9 @@
|
|
|
1018
1045
|
.bg-background-muted\/30 {
|
|
1019
1046
|
background-color: color-mix(in oklab, #f3f4f6 30%, transparent);
|
|
1020
1047
|
}
|
|
1048
|
+
.bg-background-selected {
|
|
1049
|
+
background-color: #d1d5db;
|
|
1050
|
+
}
|
|
1021
1051
|
.bg-background-surface {
|
|
1022
1052
|
background-color: #ffffff;
|
|
1023
1053
|
}
|
|
@@ -1052,25 +1082,22 @@
|
|
|
1052
1082
|
background-color: #d1fae5;
|
|
1053
1083
|
}
|
|
1054
1084
|
.bg-gray-50 {
|
|
1055
|
-
background-color:
|
|
1085
|
+
background-color: oklch(0.985 0.002 247.839);
|
|
1056
1086
|
}
|
|
1057
1087
|
.bg-gray-100 {
|
|
1058
|
-
background-color:
|
|
1088
|
+
background-color: oklch(0.967 0.003 264.542);
|
|
1059
1089
|
}
|
|
1060
1090
|
.bg-gray-100\/60 {
|
|
1061
|
-
background-color:
|
|
1062
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1063
|
-
background-color: color-mix(in oklab, var(--gray-100) 60%, transparent);
|
|
1064
|
-
}
|
|
1091
|
+
background-color: color-mix(in oklab, oklch(0.967 0.003 264.542) 60%, transparent);
|
|
1065
1092
|
}
|
|
1066
1093
|
.bg-gray-200 {
|
|
1067
|
-
background-color:
|
|
1094
|
+
background-color: oklch(0.928 0.006 264.531);
|
|
1068
1095
|
}
|
|
1069
1096
|
.bg-gray-400 {
|
|
1070
|
-
background-color:
|
|
1097
|
+
background-color: oklch(0.707 0.022 261.325);
|
|
1071
1098
|
}
|
|
1072
1099
|
.bg-gray-700 {
|
|
1073
|
-
background-color:
|
|
1100
|
+
background-color: oklch(0.373 0.034 259.733);
|
|
1074
1101
|
}
|
|
1075
1102
|
.bg-gray-light {
|
|
1076
1103
|
background-color: #e5e7eb;
|
|
@@ -1097,7 +1124,7 @@
|
|
|
1097
1124
|
background-color: oklch(0.577 0.245 27.325);
|
|
1098
1125
|
}
|
|
1099
1126
|
.bg-slate-700 {
|
|
1100
|
-
background-color:
|
|
1127
|
+
background-color: oklch(0.372 0.044 257.287);
|
|
1101
1128
|
}
|
|
1102
1129
|
.bg-text-body {
|
|
1103
1130
|
background-color: #333333;
|
|
@@ -1147,7 +1174,7 @@
|
|
|
1147
1174
|
fill: #333333;
|
|
1148
1175
|
}
|
|
1149
1176
|
.fill-slate-700 {
|
|
1150
|
-
fill:
|
|
1177
|
+
fill: oklch(0.372 0.044 257.287);
|
|
1151
1178
|
}
|
|
1152
1179
|
.fill-white {
|
|
1153
1180
|
fill: var(--color-neutral-white);
|
|
@@ -1159,7 +1186,7 @@
|
|
|
1159
1186
|
}
|
|
1160
1187
|
}
|
|
1161
1188
|
.stroke-gray-800 {
|
|
1162
|
-
stroke:
|
|
1189
|
+
stroke: oklch(0.278 0.033 256.848);
|
|
1163
1190
|
}
|
|
1164
1191
|
.stroke-1 {
|
|
1165
1192
|
stroke-width: 1;
|
|
@@ -1206,9 +1233,6 @@
|
|
|
1206
1233
|
.px-2 {
|
|
1207
1234
|
padding-inline: calc(0.25rem * 2);
|
|
1208
1235
|
}
|
|
1209
|
-
.px-2\.5 {
|
|
1210
|
-
padding-inline: calc(0.25rem * 2.5);
|
|
1211
|
-
}
|
|
1212
1236
|
.px-3 {
|
|
1213
1237
|
padding-inline: calc(0.25rem * 3);
|
|
1214
1238
|
}
|
|
@@ -1302,12 +1326,18 @@
|
|
|
1302
1326
|
.pl-12 {
|
|
1303
1327
|
padding-left: calc(0.25rem * 12);
|
|
1304
1328
|
}
|
|
1329
|
+
.pl-\[var\(--control-padding-sm\)\] {
|
|
1330
|
+
padding-left: var(--control-padding-sm);
|
|
1331
|
+
}
|
|
1305
1332
|
.text-center {
|
|
1306
1333
|
text-align: center;
|
|
1307
1334
|
}
|
|
1308
1335
|
.text-left {
|
|
1309
1336
|
text-align: left;
|
|
1310
1337
|
}
|
|
1338
|
+
.text-right {
|
|
1339
|
+
text-align: right;
|
|
1340
|
+
}
|
|
1311
1341
|
.text-start {
|
|
1312
1342
|
text-align: start;
|
|
1313
1343
|
}
|
|
@@ -1457,16 +1487,16 @@
|
|
|
1457
1487
|
color: #065f46;
|
|
1458
1488
|
}
|
|
1459
1489
|
.text-gray-200 {
|
|
1460
|
-
color:
|
|
1490
|
+
color: oklch(0.928 0.006 264.531);
|
|
1461
1491
|
}
|
|
1462
1492
|
.text-gray-300 {
|
|
1463
|
-
color:
|
|
1493
|
+
color: oklch(0.872 0.01 258.338);
|
|
1464
1494
|
}
|
|
1465
1495
|
.text-gray-600 {
|
|
1466
|
-
color:
|
|
1496
|
+
color: oklch(0.446 0.03 256.802);
|
|
1467
1497
|
}
|
|
1468
1498
|
.text-gray-800 {
|
|
1469
|
-
color:
|
|
1499
|
+
color: oklch(0.278 0.033 256.848);
|
|
1470
1500
|
}
|
|
1471
1501
|
.text-green-600 {
|
|
1472
1502
|
color: oklch(0.627 0.194 149.214);
|
|
@@ -1499,7 +1529,7 @@
|
|
|
1499
1529
|
color: oklch(0.444 0.177 26.899);
|
|
1500
1530
|
}
|
|
1501
1531
|
.text-slate-300 {
|
|
1502
|
-
color:
|
|
1532
|
+
color: oklch(0.869 0.022 252.894);
|
|
1503
1533
|
}
|
|
1504
1534
|
.text-text-body {
|
|
1505
1535
|
color: #333333;
|
|
@@ -1532,7 +1562,7 @@
|
|
|
1532
1562
|
color: oklch(0.476 0.114 61.907);
|
|
1533
1563
|
}
|
|
1534
1564
|
.text-zinc-900 {
|
|
1535
|
-
color:
|
|
1565
|
+
color: oklch(0.21 0.006 285.885);
|
|
1536
1566
|
}
|
|
1537
1567
|
.capitalize {
|
|
1538
1568
|
text-transform: capitalize;
|
|
@@ -1560,6 +1590,9 @@
|
|
|
1560
1590
|
.opacity-50 {
|
|
1561
1591
|
opacity: 50%;
|
|
1562
1592
|
}
|
|
1593
|
+
.opacity-60 {
|
|
1594
|
+
opacity: 60%;
|
|
1595
|
+
}
|
|
1563
1596
|
.opacity-100 {
|
|
1564
1597
|
opacity: 100%;
|
|
1565
1598
|
}
|
|
@@ -1570,22 +1603,14 @@
|
|
|
1570
1603
|
--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));
|
|
1571
1604
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1572
1605
|
}
|
|
1573
|
-
.shadow-2xl {
|
|
1574
|
-
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
|
|
1575
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1576
|
-
}
|
|
1577
1606
|
.shadow-\[inset_0_1px_0_0_theme\(colors\.gray\.600\)\] {
|
|
1578
|
-
--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color,
|
|
1607
|
+
--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, oklch(0.446 0.03 256.802));
|
|
1579
1608
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1580
1609
|
}
|
|
1581
1610
|
.shadow-inner {
|
|
1582
1611
|
--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
1583
1612
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1584
1613
|
}
|
|
1585
|
-
.shadow-lg {
|
|
1586
|
-
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1587
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1588
|
-
}
|
|
1589
1614
|
.shadow-md {
|
|
1590
1615
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1591
1616
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -1606,6 +1631,16 @@
|
|
|
1606
1631
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1607
1632
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1608
1633
|
}
|
|
1634
|
+
.ring-1 {
|
|
1635
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1636
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1637
|
+
}
|
|
1638
|
+
.ring-black\/5 {
|
|
1639
|
+
--tw-ring-color: color-mix(in srgb, #333333 5%, transparent);
|
|
1640
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1641
|
+
--tw-ring-color: color-mix(in oklab, var(--color-neutral-black) 5%, transparent);
|
|
1642
|
+
}
|
|
1643
|
+
}
|
|
1609
1644
|
.ring-offset-2 {
|
|
1610
1645
|
--tw-ring-offset-width: 2px;
|
|
1611
1646
|
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
@@ -1626,10 +1661,6 @@
|
|
|
1626
1661
|
outline-style: var(--tw-outline-style);
|
|
1627
1662
|
outline-width: 1px;
|
|
1628
1663
|
}
|
|
1629
|
-
.outline-2 {
|
|
1630
|
-
outline-style: var(--tw-outline-style);
|
|
1631
|
-
outline-width: 2px;
|
|
1632
|
-
}
|
|
1633
1664
|
.outline-\[1\.5px\] {
|
|
1634
1665
|
outline-style: var(--tw-outline-style);
|
|
1635
1666
|
outline-width: 1.5px;
|
|
@@ -1649,15 +1680,9 @@
|
|
|
1649
1680
|
.outline-\[var\(--control-focus-ring-color-error\)\] {
|
|
1650
1681
|
outline-color: var(--control-focus-ring-color-error);
|
|
1651
1682
|
}
|
|
1652
|
-
.outline-border-focus {
|
|
1653
|
-
outline-color: #333333;
|
|
1654
|
-
}
|
|
1655
1683
|
.outline-border-input {
|
|
1656
1684
|
outline-color: #d1d5db;
|
|
1657
1685
|
}
|
|
1658
|
-
.outline-feedback-error-border {
|
|
1659
|
-
outline-color: #ef4444;
|
|
1660
|
-
}
|
|
1661
1686
|
.outline-white {
|
|
1662
1687
|
outline-color: var(--color-neutral-white);
|
|
1663
1688
|
}
|
|
@@ -1682,11 +1707,21 @@
|
|
|
1682
1707
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1683
1708
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1684
1709
|
}
|
|
1710
|
+
.backdrop-blur-sm {
|
|
1711
|
+
--tw-backdrop-blur: blur(8px);
|
|
1712
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1713
|
+
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
1714
|
+
}
|
|
1685
1715
|
.transition {
|
|
1686
1716
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
|
|
1687
1717
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1688
1718
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1689
1719
|
}
|
|
1720
|
+
.transition-all {
|
|
1721
|
+
transition-property: all;
|
|
1722
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1723
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1724
|
+
}
|
|
1690
1725
|
.transition-colors {
|
|
1691
1726
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
1692
1727
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -1746,9 +1781,6 @@
|
|
|
1746
1781
|
.\[--tw-enter-translate-x\:calc\(-16rem-100\%\)\] {
|
|
1747
1782
|
--tw-enter-translate-x: calc(-16rem - 100%);
|
|
1748
1783
|
}
|
|
1749
|
-
.\[clip-path\:inset\(0_0_0_0_round_\.75rem\)\] {
|
|
1750
|
-
clip-path: inset(0 0 0 0 round .75rem);
|
|
1751
|
-
}
|
|
1752
1784
|
.group-invalid\:bg-red-600 {
|
|
1753
1785
|
&:is(:where(.group):invalid *) {
|
|
1754
1786
|
background-color: oklch(0.577 0.245 27.325);
|
|
@@ -1768,14 +1800,14 @@
|
|
|
1768
1800
|
.group-hover\:bg-gray-200 {
|
|
1769
1801
|
&:is(:where(.group):hover *) {
|
|
1770
1802
|
@media (hover: hover) {
|
|
1771
|
-
background-color:
|
|
1803
|
+
background-color: oklch(0.928 0.006 264.531);
|
|
1772
1804
|
}
|
|
1773
1805
|
}
|
|
1774
1806
|
}
|
|
1775
1807
|
.group-hover\:bg-gray-300 {
|
|
1776
1808
|
&:is(:where(.group):hover *) {
|
|
1777
1809
|
@media (hover: hover) {
|
|
1778
|
-
background-color:
|
|
1810
|
+
background-color: oklch(0.872 0.01 258.338);
|
|
1779
1811
|
}
|
|
1780
1812
|
}
|
|
1781
1813
|
}
|
|
@@ -1790,7 +1822,7 @@
|
|
|
1790
1822
|
}
|
|
1791
1823
|
.group-disabled\:text-gray-200 {
|
|
1792
1824
|
&:is(:where(.group):disabled *) {
|
|
1793
|
-
color:
|
|
1825
|
+
color: oklch(0.928 0.006 264.531);
|
|
1794
1826
|
}
|
|
1795
1827
|
}
|
|
1796
1828
|
.group-disabled\:text-text-disabled {
|
|
@@ -1990,7 +2022,7 @@
|
|
|
1990
2022
|
.hover\:bg-gray-100 {
|
|
1991
2023
|
&:hover {
|
|
1992
2024
|
@media (hover: hover) {
|
|
1993
|
-
background-color:
|
|
2025
|
+
background-color: oklch(0.967 0.003 264.542);
|
|
1994
2026
|
}
|
|
1995
2027
|
}
|
|
1996
2028
|
}
|
|
@@ -2163,7 +2195,12 @@
|
|
|
2163
2195
|
}
|
|
2164
2196
|
.disabled\:text-gray-300 {
|
|
2165
2197
|
&:disabled {
|
|
2166
|
-
color:
|
|
2198
|
+
color: oklch(0.872 0.01 258.338);
|
|
2199
|
+
}
|
|
2200
|
+
}
|
|
2201
|
+
.disabled\:text-text-muted {
|
|
2202
|
+
&:disabled {
|
|
2203
|
+
color: #4b5563;
|
|
2167
2204
|
}
|
|
2168
2205
|
}
|
|
2169
2206
|
.disabled\:opacity-50 {
|
|
@@ -2186,9 +2223,15 @@
|
|
|
2186
2223
|
color: #9ca3af;
|
|
2187
2224
|
}
|
|
2188
2225
|
}
|
|
2189
|
-
.data-\[selected\]\:bg-background-
|
|
2226
|
+
.data-\[selected\]\:bg-background-selected {
|
|
2190
2227
|
&[data-selected] {
|
|
2191
|
-
background-color: #
|
|
2228
|
+
background-color: #d1d5db;
|
|
2229
|
+
}
|
|
2230
|
+
}
|
|
2231
|
+
.data-\[selected\]\:font-medium {
|
|
2232
|
+
&[data-selected] {
|
|
2233
|
+
--tw-font-weight: 500;
|
|
2234
|
+
font-weight: 500;
|
|
2192
2235
|
}
|
|
2193
2236
|
}
|
|
2194
2237
|
.data-\[selected\]\:opacity-100 {
|
|
@@ -2198,7 +2241,7 @@
|
|
|
2198
2241
|
}
|
|
2199
2242
|
.supports-\[-moz-appearance\:none\]\:bg-gray-100 {
|
|
2200
2243
|
@supports (-moz-appearance:none) {
|
|
2201
|
-
background-color:
|
|
2244
|
+
background-color: oklch(0.967 0.003 264.542);
|
|
2202
2245
|
}
|
|
2203
2246
|
}
|
|
2204
2247
|
.md\:w-\[50\%\] {
|
|
@@ -2228,30 +2271,25 @@
|
|
|
2228
2271
|
width: 75%;
|
|
2229
2272
|
}
|
|
2230
2273
|
}
|
|
2231
|
-
.dark\:border-white\/
|
|
2274
|
+
.dark\:border-white\/5 {
|
|
2232
2275
|
@media (prefers-color-scheme: dark) {
|
|
2233
|
-
border-color: color-mix(in srgb, #ffffff
|
|
2276
|
+
border-color: color-mix(in srgb, #ffffff 5%, transparent);
|
|
2234
2277
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2235
|
-
border-color: color-mix(in oklab, var(--color-neutral-white)
|
|
2278
|
+
border-color: color-mix(in oklab, var(--color-neutral-white) 5%, transparent);
|
|
2236
2279
|
}
|
|
2237
2280
|
}
|
|
2238
2281
|
}
|
|
2239
|
-
.dark\:border-white
|
|
2282
|
+
.dark\:border-white\/10 {
|
|
2240
2283
|
@media (prefers-color-scheme: dark) {
|
|
2241
|
-
border-color: color-mix(in srgb, #ffffff
|
|
2284
|
+
border-color: color-mix(in srgb, #ffffff 10%, transparent);
|
|
2242
2285
|
@supports (color: color-mix(in lab, red, red)) {
|
|
2243
|
-
border-color: color-mix(in oklab, var(--color-neutral-white)
|
|
2286
|
+
border-color: color-mix(in oklab, var(--color-neutral-white) 10%, transparent);
|
|
2244
2287
|
}
|
|
2245
2288
|
}
|
|
2246
2289
|
}
|
|
2247
|
-
.dark\:border-zinc-600 {
|
|
2248
|
-
@media (prefers-color-scheme: dark) {
|
|
2249
|
-
border-color: var(--zinc-600);
|
|
2250
|
-
}
|
|
2251
|
-
}
|
|
2252
2290
|
.dark\:border-y-zinc-700 {
|
|
2253
2291
|
@media (prefers-color-scheme: dark) {
|
|
2254
|
-
border-block-color:
|
|
2292
|
+
border-block-color: oklch(0.37 0.013 285.805);
|
|
2255
2293
|
}
|
|
2256
2294
|
}
|
|
2257
2295
|
.dark\:bg-blue-500 {
|
|
@@ -2261,48 +2299,42 @@
|
|
|
2261
2299
|
}
|
|
2262
2300
|
.dark\:bg-gray-800 {
|
|
2263
2301
|
@media (prefers-color-scheme: dark) {
|
|
2264
|
-
background-color:
|
|
2302
|
+
background-color: oklch(0.278 0.033 256.848);
|
|
2265
2303
|
}
|
|
2266
2304
|
}
|
|
2267
2305
|
.dark\:bg-slate-600 {
|
|
2268
2306
|
@media (prefers-color-scheme: dark) {
|
|
2269
|
-
background-color:
|
|
2307
|
+
background-color: oklch(0.446 0.043 257.281);
|
|
2270
2308
|
}
|
|
2271
2309
|
}
|
|
2272
2310
|
.dark\:bg-zinc-300 {
|
|
2273
2311
|
@media (prefers-color-scheme: dark) {
|
|
2274
|
-
background-color:
|
|
2312
|
+
background-color: oklch(0.871 0.006 286.286);
|
|
2275
2313
|
}
|
|
2276
2314
|
}
|
|
2277
2315
|
.dark\:bg-zinc-400 {
|
|
2278
2316
|
@media (prefers-color-scheme: dark) {
|
|
2279
|
-
background-color:
|
|
2317
|
+
background-color: oklch(0.705 0.015 286.067);
|
|
2280
2318
|
}
|
|
2281
2319
|
}
|
|
2282
2320
|
.dark\:bg-zinc-700 {
|
|
2283
2321
|
@media (prefers-color-scheme: dark) {
|
|
2284
|
-
background-color:
|
|
2322
|
+
background-color: oklch(0.37 0.013 285.805);
|
|
2285
2323
|
}
|
|
2286
2324
|
}
|
|
2287
2325
|
.dark\:bg-zinc-700\/60 {
|
|
2288
2326
|
@media (prefers-color-scheme: dark) {
|
|
2289
|
-
background-color:
|
|
2290
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2291
|
-
background-color: color-mix(in oklab, var(--zinc-700) 60%, transparent);
|
|
2292
|
-
}
|
|
2327
|
+
background-color: color-mix(in oklab, oklch(0.37 0.013 285.805) 60%, transparent);
|
|
2293
2328
|
}
|
|
2294
2329
|
}
|
|
2295
2330
|
.dark\:bg-zinc-900 {
|
|
2296
2331
|
@media (prefers-color-scheme: dark) {
|
|
2297
|
-
background-color:
|
|
2332
|
+
background-color: oklch(0.21 0.006 285.885);
|
|
2298
2333
|
}
|
|
2299
2334
|
}
|
|
2300
2335
|
.dark\:bg-zinc-900\/70 {
|
|
2301
2336
|
@media (prefers-color-scheme: dark) {
|
|
2302
|
-
background-color:
|
|
2303
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
2304
|
-
background-color: color-mix(in oklab, var(--zinc-900) 70%, transparent);
|
|
2305
|
-
}
|
|
2337
|
+
background-color: color-mix(in oklab, oklch(0.21 0.006 285.885) 70%, transparent);
|
|
2306
2338
|
}
|
|
2307
2339
|
}
|
|
2308
2340
|
.dark\:fill-\[\#1f1f21\] {
|
|
@@ -2312,7 +2344,7 @@
|
|
|
2312
2344
|
}
|
|
2313
2345
|
.dark\:fill-slate-600 {
|
|
2314
2346
|
@media (prefers-color-scheme: dark) {
|
|
2315
|
-
fill:
|
|
2347
|
+
fill: oklch(0.446 0.043 257.281);
|
|
2316
2348
|
}
|
|
2317
2349
|
}
|
|
2318
2350
|
.dark\:stroke-white\/10 {
|
|
@@ -2325,7 +2357,12 @@
|
|
|
2325
2357
|
}
|
|
2326
2358
|
.dark\:stroke-zinc-600 {
|
|
2327
2359
|
@media (prefers-color-scheme: dark) {
|
|
2328
|
-
stroke:
|
|
2360
|
+
stroke: oklch(0.442 0.017 285.786);
|
|
2361
|
+
}
|
|
2362
|
+
}
|
|
2363
|
+
.dark\:text-text-body {
|
|
2364
|
+
@media (prefers-color-scheme: dark) {
|
|
2365
|
+
color: #333333;
|
|
2329
2366
|
}
|
|
2330
2367
|
}
|
|
2331
2368
|
.dark\:text-white {
|
|
@@ -2335,27 +2372,27 @@
|
|
|
2335
2372
|
}
|
|
2336
2373
|
.dark\:text-zinc-100 {
|
|
2337
2374
|
@media (prefers-color-scheme: dark) {
|
|
2338
|
-
color:
|
|
2375
|
+
color: oklch(0.967 0.001 286.375);
|
|
2339
2376
|
}
|
|
2340
2377
|
}
|
|
2341
2378
|
.dark\:text-zinc-200 {
|
|
2342
2379
|
@media (prefers-color-scheme: dark) {
|
|
2343
|
-
color:
|
|
2380
|
+
color: oklch(0.92 0.004 286.32);
|
|
2344
2381
|
}
|
|
2345
2382
|
}
|
|
2346
2383
|
.dark\:text-zinc-300 {
|
|
2347
2384
|
@media (prefers-color-scheme: dark) {
|
|
2348
|
-
color:
|
|
2385
|
+
color: oklch(0.871 0.006 286.286);
|
|
2349
2386
|
}
|
|
2350
2387
|
}
|
|
2351
2388
|
.dark\:text-zinc-400 {
|
|
2352
2389
|
@media (prefers-color-scheme: dark) {
|
|
2353
|
-
color:
|
|
2390
|
+
color: oklch(0.705 0.015 286.067);
|
|
2354
2391
|
}
|
|
2355
2392
|
}
|
|
2356
2393
|
.dark\:text-zinc-600 {
|
|
2357
2394
|
@media (prefers-color-scheme: dark) {
|
|
2358
|
-
color:
|
|
2395
|
+
color: oklch(0.442 0.017 285.786);
|
|
2359
2396
|
}
|
|
2360
2397
|
}
|
|
2361
2398
|
.dark\:shadow-none {
|
|
@@ -2369,11 +2406,6 @@
|
|
|
2369
2406
|
outline-color: var(--color-neutral-white);
|
|
2370
2407
|
}
|
|
2371
2408
|
}
|
|
2372
|
-
.dark\:outline-zinc-300 {
|
|
2373
|
-
@media (prefers-color-scheme: dark) {
|
|
2374
|
-
outline-color: var(--zinc-300);
|
|
2375
|
-
}
|
|
2376
|
-
}
|
|
2377
2409
|
.dark\:backdrop-blur-2xl {
|
|
2378
2410
|
@media (prefers-color-scheme: dark) {
|
|
2379
2411
|
--tw-backdrop-blur: blur(40px);
|
|
@@ -2391,7 +2423,7 @@
|
|
|
2391
2423
|
.group-disabled\:dark\:text-zinc-600 {
|
|
2392
2424
|
&:is(:where(.group):disabled *) {
|
|
2393
2425
|
@media (prefers-color-scheme: dark) {
|
|
2394
|
-
color:
|
|
2426
|
+
color: oklch(0.442 0.017 285.786);
|
|
2395
2427
|
}
|
|
2396
2428
|
}
|
|
2397
2429
|
}
|
|
@@ -2408,18 +2440,40 @@
|
|
|
2408
2440
|
@media (prefers-color-scheme: dark) {
|
|
2409
2441
|
&:hover {
|
|
2410
2442
|
@media (hover: hover) {
|
|
2411
|
-
background-color:
|
|
2443
|
+
background-color: oklch(0.37 0.013 285.805);
|
|
2412
2444
|
}
|
|
2413
2445
|
}
|
|
2414
2446
|
}
|
|
2415
2447
|
}
|
|
2448
|
+
.dark\:disabled\:text-text-muted {
|
|
2449
|
+
@media (prefers-color-scheme: dark) {
|
|
2450
|
+
&:disabled {
|
|
2451
|
+
color: #4b5563;
|
|
2452
|
+
}
|
|
2453
|
+
}
|
|
2454
|
+
}
|
|
2416
2455
|
.dark\:disabled\:text-zinc-600 {
|
|
2417
2456
|
@media (prefers-color-scheme: dark) {
|
|
2418
2457
|
&:disabled {
|
|
2419
|
-
color:
|
|
2458
|
+
color: oklch(0.442 0.017 285.786);
|
|
2420
2459
|
}
|
|
2421
2460
|
}
|
|
2422
2461
|
}
|
|
2462
|
+
.forced-colors\:\!border-\[GrayText\] {
|
|
2463
|
+
@media (forced-colors: active) {
|
|
2464
|
+
border-color: GrayText !important;
|
|
2465
|
+
}
|
|
2466
|
+
}
|
|
2467
|
+
.forced-colors\:\!border-\[Highlight\] {
|
|
2468
|
+
@media (forced-colors: active) {
|
|
2469
|
+
border-color: Highlight !important;
|
|
2470
|
+
}
|
|
2471
|
+
}
|
|
2472
|
+
.forced-colors\:\!border-\[Mark\] {
|
|
2473
|
+
@media (forced-colors: active) {
|
|
2474
|
+
border-color: Mark !important;
|
|
2475
|
+
}
|
|
2476
|
+
}
|
|
2423
2477
|
.forced-colors\:border-\[ButtonBorder\] {
|
|
2424
2478
|
@media (forced-colors: active) {
|
|
2425
2479
|
border-color: ButtonBorder;
|
|
@@ -2510,11 +2564,6 @@
|
|
|
2510
2564
|
outline-color: HighlightText;
|
|
2511
2565
|
}
|
|
2512
2566
|
}
|
|
2513
|
-
.forced-colors\:outline-\[Highlight\] {
|
|
2514
|
-
@media (forced-colors: active) {
|
|
2515
|
-
outline-color: Highlight;
|
|
2516
|
-
}
|
|
2517
|
-
}
|
|
2518
2567
|
.forced-colors\:group-invalid\:bg-\[Mark\] {
|
|
2519
2568
|
@media (forced-colors: active) {
|
|
2520
2569
|
&:is(:where(.group):invalid *) {
|
|
@@ -2522,13 +2571,6 @@
|
|
|
2522
2571
|
}
|
|
2523
2572
|
}
|
|
2524
2573
|
}
|
|
2525
|
-
.forced-colors\:group-invalid\:outline-\[Mark\] {
|
|
2526
|
-
@media (forced-colors: active) {
|
|
2527
|
-
&:is(:where(.group):invalid *) {
|
|
2528
|
-
outline-color: Mark;
|
|
2529
|
-
}
|
|
2530
|
-
}
|
|
2531
|
-
}
|
|
2532
2574
|
.forced-colors\:group-hover\:bg-\[Highlight\] {
|
|
2533
2575
|
@media (forced-colors: active) {
|
|
2534
2576
|
&:is(:where(.group):hover *) {
|
|
@@ -2611,10 +2653,60 @@
|
|
|
2611
2653
|
margin-top: calc(0.25rem * 1);
|
|
2612
2654
|
}
|
|
2613
2655
|
}
|
|
2614
|
-
.\[
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2656
|
+
.\[\&\:\:-moz-range-thumb\]\:h-4 {
|
|
2657
|
+
&::-moz-range-thumb {
|
|
2658
|
+
height: calc(0.25rem * 4);
|
|
2659
|
+
}
|
|
2660
|
+
}
|
|
2661
|
+
.\[\&\:\:-moz-range-thumb\]\:w-4 {
|
|
2662
|
+
&::-moz-range-thumb {
|
|
2663
|
+
width: calc(0.25rem * 4);
|
|
2664
|
+
}
|
|
2665
|
+
}
|
|
2666
|
+
.\[\&\:\:-moz-range-thumb\]\:rounded-full {
|
|
2667
|
+
&::-moz-range-thumb {
|
|
2668
|
+
border-radius: calc(infinity * 1px);
|
|
2669
|
+
}
|
|
2670
|
+
}
|
|
2671
|
+
.\[\&\:\:-moz-range-thumb\]\:border {
|
|
2672
|
+
&::-moz-range-thumb {
|
|
2673
|
+
border-style: var(--tw-border-style);
|
|
2674
|
+
border-width: 1px;
|
|
2675
|
+
}
|
|
2676
|
+
}
|
|
2677
|
+
.\[\&\:\:-moz-range-thumb\]\:border-border-input {
|
|
2678
|
+
&::-moz-range-thumb {
|
|
2679
|
+
border-color: #d1d5db;
|
|
2680
|
+
}
|
|
2681
|
+
}
|
|
2682
|
+
.\[\&\:\:-moz-range-thumb\]\:bg-background-input {
|
|
2683
|
+
&::-moz-range-thumb {
|
|
2684
|
+
background-color: #ffffff;
|
|
2685
|
+
}
|
|
2686
|
+
}
|
|
2687
|
+
.hover\:\[\&\:\:-moz-range-thumb\]\:shadow-sm {
|
|
2688
|
+
&:hover {
|
|
2689
|
+
@media (hover: hover) {
|
|
2690
|
+
&::-moz-range-thumb {
|
|
2691
|
+
--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));
|
|
2692
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2693
|
+
}
|
|
2694
|
+
}
|
|
2695
|
+
}
|
|
2696
|
+
}
|
|
2697
|
+
.focus-visible\:\[\&\:\:-moz-range-thumb\]\:outline-2 {
|
|
2698
|
+
&:focus-visible {
|
|
2699
|
+
&::-moz-range-thumb {
|
|
2700
|
+
outline-style: var(--tw-outline-style);
|
|
2701
|
+
outline-width: 2px;
|
|
2702
|
+
}
|
|
2703
|
+
}
|
|
2704
|
+
}
|
|
2705
|
+
.focus-visible\:\[\&\:\:-moz-range-thumb\]\:outline-border-focus {
|
|
2706
|
+
&:focus-visible {
|
|
2707
|
+
&::-moz-range-thumb {
|
|
2708
|
+
outline-color: #333333;
|
|
2709
|
+
}
|
|
2618
2710
|
}
|
|
2619
2711
|
}
|
|
2620
2712
|
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
|
|
@@ -2629,10 +2721,66 @@
|
|
|
2629
2721
|
appearance: none;
|
|
2630
2722
|
}
|
|
2631
2723
|
}
|
|
2632
|
-
.\[
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2724
|
+
.\[\&\:\:-webkit-slider-thumb\]\:h-4 {
|
|
2725
|
+
&::-webkit-slider-thumb {
|
|
2726
|
+
height: calc(0.25rem * 4);
|
|
2727
|
+
}
|
|
2728
|
+
}
|
|
2729
|
+
.\[\&\:\:-webkit-slider-thumb\]\:w-4 {
|
|
2730
|
+
&::-webkit-slider-thumb {
|
|
2731
|
+
width: calc(0.25rem * 4);
|
|
2732
|
+
}
|
|
2733
|
+
}
|
|
2734
|
+
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
|
|
2735
|
+
&::-webkit-slider-thumb {
|
|
2736
|
+
-webkit-appearance: none;
|
|
2737
|
+
appearance: none;
|
|
2738
|
+
}
|
|
2739
|
+
}
|
|
2740
|
+
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
|
|
2741
|
+
&::-webkit-slider-thumb {
|
|
2742
|
+
border-radius: calc(infinity * 1px);
|
|
2743
|
+
}
|
|
2744
|
+
}
|
|
2745
|
+
.\[\&\:\:-webkit-slider-thumb\]\:border {
|
|
2746
|
+
&::-webkit-slider-thumb {
|
|
2747
|
+
border-style: var(--tw-border-style);
|
|
2748
|
+
border-width: 1px;
|
|
2749
|
+
}
|
|
2750
|
+
}
|
|
2751
|
+
.\[\&\:\:-webkit-slider-thumb\]\:border-border-input {
|
|
2752
|
+
&::-webkit-slider-thumb {
|
|
2753
|
+
border-color: #d1d5db;
|
|
2754
|
+
}
|
|
2755
|
+
}
|
|
2756
|
+
.\[\&\:\:-webkit-slider-thumb\]\:bg-background-input {
|
|
2757
|
+
&::-webkit-slider-thumb {
|
|
2758
|
+
background-color: #ffffff;
|
|
2759
|
+
}
|
|
2760
|
+
}
|
|
2761
|
+
.hover\:\[\&\:\:-webkit-slider-thumb\]\:shadow-sm {
|
|
2762
|
+
&:hover {
|
|
2763
|
+
@media (hover: hover) {
|
|
2764
|
+
&::-webkit-slider-thumb {
|
|
2765
|
+
--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));
|
|
2766
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2767
|
+
}
|
|
2768
|
+
}
|
|
2769
|
+
}
|
|
2770
|
+
}
|
|
2771
|
+
.focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-2 {
|
|
2772
|
+
&:focus-visible {
|
|
2773
|
+
&::-webkit-slider-thumb {
|
|
2774
|
+
outline-style: var(--tw-outline-style);
|
|
2775
|
+
outline-width: 2px;
|
|
2776
|
+
}
|
|
2777
|
+
}
|
|
2778
|
+
}
|
|
2779
|
+
.focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-border-focus {
|
|
2780
|
+
&:focus-visible {
|
|
2781
|
+
&::-webkit-slider-thumb {
|
|
2782
|
+
outline-color: #333333;
|
|
2783
|
+
}
|
|
2636
2784
|
}
|
|
2637
2785
|
}
|
|
2638
2786
|
.\[\&\>\*\]\:rounded-none {
|