@geomak/ui 5.0.2 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +637 -115
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +359 -69
- package/dist/index.d.ts +359 -69
- package/dist/index.js +632 -113
- package/dist/index.js.map +1 -1
- package/dist/styles.css +262 -24
- package/package.json +2 -1
package/dist/styles.css
CHANGED
|
@@ -82,10 +82,10 @@
|
|
|
82
82
|
}
|
|
83
83
|
@keyframes shimmer {
|
|
84
84
|
0% {
|
|
85
|
-
|
|
85
|
+
transform: translateX(-100%);
|
|
86
86
|
}
|
|
87
87
|
100% {
|
|
88
|
-
|
|
88
|
+
transform: translateX(100%);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
@keyframes fade-in {
|
|
@@ -768,6 +768,9 @@ video {
|
|
|
768
768
|
.bottom-0 {
|
|
769
769
|
bottom: 0px;
|
|
770
770
|
}
|
|
771
|
+
.bottom-2 {
|
|
772
|
+
bottom: 0.5rem;
|
|
773
|
+
}
|
|
771
774
|
.bottom-4 {
|
|
772
775
|
bottom: 1rem;
|
|
773
776
|
}
|
|
@@ -777,6 +780,9 @@ video {
|
|
|
777
780
|
.left-1\/2 {
|
|
778
781
|
left: 50%;
|
|
779
782
|
}
|
|
783
|
+
.left-2 {
|
|
784
|
+
left: 0.5rem;
|
|
785
|
+
}
|
|
780
786
|
.left-4 {
|
|
781
787
|
left: 1rem;
|
|
782
788
|
}
|
|
@@ -786,6 +792,9 @@ video {
|
|
|
786
792
|
.right-1\.5 {
|
|
787
793
|
right: 0.375rem;
|
|
788
794
|
}
|
|
795
|
+
.right-2 {
|
|
796
|
+
right: 0.5rem;
|
|
797
|
+
}
|
|
789
798
|
.right-4 {
|
|
790
799
|
right: 1rem;
|
|
791
800
|
}
|
|
@@ -798,6 +807,9 @@ video {
|
|
|
798
807
|
.top-1\/2 {
|
|
799
808
|
top: 50%;
|
|
800
809
|
}
|
|
810
|
+
.top-2 {
|
|
811
|
+
top: 0.5rem;
|
|
812
|
+
}
|
|
801
813
|
.top-4 {
|
|
802
814
|
top: 1rem;
|
|
803
815
|
}
|
|
@@ -825,6 +837,9 @@ video {
|
|
|
825
837
|
.z-\[7000002\] {
|
|
826
838
|
z-index: 7000002;
|
|
827
839
|
}
|
|
840
|
+
.z-\[7000003\] {
|
|
841
|
+
z-index: 7000003;
|
|
842
|
+
}
|
|
828
843
|
.z-\[8000000\] {
|
|
829
844
|
z-index: 8000000;
|
|
830
845
|
}
|
|
@@ -934,6 +949,9 @@ video {
|
|
|
934
949
|
.hidden {
|
|
935
950
|
display: none;
|
|
936
951
|
}
|
|
952
|
+
.h-0\.5 {
|
|
953
|
+
height: 0.125rem;
|
|
954
|
+
}
|
|
937
955
|
.h-1 {
|
|
938
956
|
height: 0.25rem;
|
|
939
957
|
}
|
|
@@ -979,6 +997,9 @@ video {
|
|
|
979
997
|
.h-4 {
|
|
980
998
|
height: 1rem;
|
|
981
999
|
}
|
|
1000
|
+
.h-48 {
|
|
1001
|
+
height: 12rem;
|
|
1002
|
+
}
|
|
982
1003
|
.h-5 {
|
|
983
1004
|
height: 1.25rem;
|
|
984
1005
|
}
|
|
@@ -1006,6 +1027,12 @@ video {
|
|
|
1006
1027
|
.h-\[3px\] {
|
|
1007
1028
|
height: 3px;
|
|
1008
1029
|
}
|
|
1030
|
+
.h-\[400px\] {
|
|
1031
|
+
height: 400px;
|
|
1032
|
+
}
|
|
1033
|
+
.h-\[60\%\] {
|
|
1034
|
+
height: 60%;
|
|
1035
|
+
}
|
|
1009
1036
|
.h-full {
|
|
1010
1037
|
height: 100%;
|
|
1011
1038
|
}
|
|
@@ -1046,6 +1073,9 @@ video {
|
|
|
1046
1073
|
.w-0 {
|
|
1047
1074
|
width: 0px;
|
|
1048
1075
|
}
|
|
1076
|
+
.w-0\.5 {
|
|
1077
|
+
width: 0.125rem;
|
|
1078
|
+
}
|
|
1049
1079
|
.w-1 {
|
|
1050
1080
|
width: 0.25rem;
|
|
1051
1081
|
}
|
|
@@ -1112,9 +1142,6 @@ video {
|
|
|
1112
1142
|
.w-7 {
|
|
1113
1143
|
width: 1.75rem;
|
|
1114
1144
|
}
|
|
1115
|
-
.w-72 {
|
|
1116
|
-
width: 18rem;
|
|
1117
|
-
}
|
|
1118
1145
|
.w-8 {
|
|
1119
1146
|
width: 2rem;
|
|
1120
1147
|
}
|
|
@@ -1139,6 +1166,9 @@ video {
|
|
|
1139
1166
|
.w-\[3px\] {
|
|
1140
1167
|
width: 3px;
|
|
1141
1168
|
}
|
|
1169
|
+
.w-\[60\%\] {
|
|
1170
|
+
width: 60%;
|
|
1171
|
+
}
|
|
1142
1172
|
.w-\[calc\(100\%-2rem\)\] {
|
|
1143
1173
|
width: calc(100% - 2rem);
|
|
1144
1174
|
}
|
|
@@ -1161,6 +1191,9 @@ video {
|
|
|
1161
1191
|
.min-w-\[200px\] {
|
|
1162
1192
|
min-width: 200px;
|
|
1163
1193
|
}
|
|
1194
|
+
.min-w-\[224px\] {
|
|
1195
|
+
min-width: 224px;
|
|
1196
|
+
}
|
|
1164
1197
|
.min-w-\[240px\] {
|
|
1165
1198
|
min-width: 240px;
|
|
1166
1199
|
}
|
|
@@ -1202,9 +1235,6 @@ video {
|
|
|
1202
1235
|
--tw-border-spacing-y: 0px;
|
|
1203
1236
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
1204
1237
|
}
|
|
1205
|
-
.origin-center {
|
|
1206
|
-
transform-origin: center;
|
|
1207
|
-
}
|
|
1208
1238
|
.-translate-x-1\/2 {
|
|
1209
1239
|
--tw-translate-x: -50%;
|
|
1210
1240
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1236,9 +1266,6 @@ video {
|
|
|
1236
1266
|
.animate-breathe {
|
|
1237
1267
|
animation: breathe 2s ease-in-out infinite;
|
|
1238
1268
|
}
|
|
1239
|
-
.animate-shimmer {
|
|
1240
|
-
animation: shimmer 1.6s ease-in-out infinite;
|
|
1241
|
-
}
|
|
1242
1269
|
@keyframes spin {
|
|
1243
1270
|
to {
|
|
1244
1271
|
transform: rotate(360deg);
|
|
@@ -1276,9 +1303,60 @@ video {
|
|
|
1276
1303
|
.list-none {
|
|
1277
1304
|
list-style-type: none;
|
|
1278
1305
|
}
|
|
1306
|
+
.grid-cols-1 {
|
|
1307
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1308
|
+
}
|
|
1309
|
+
.grid-cols-10 {
|
|
1310
|
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
1311
|
+
}
|
|
1312
|
+
.grid-cols-11 {
|
|
1313
|
+
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
1314
|
+
}
|
|
1315
|
+
.grid-cols-12 {
|
|
1316
|
+
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
1317
|
+
}
|
|
1318
|
+
.grid-cols-2 {
|
|
1319
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1320
|
+
}
|
|
1279
1321
|
.grid-cols-3 {
|
|
1280
1322
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1281
1323
|
}
|
|
1324
|
+
.grid-cols-4 {
|
|
1325
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1326
|
+
}
|
|
1327
|
+
.grid-cols-5 {
|
|
1328
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
1329
|
+
}
|
|
1330
|
+
.grid-cols-6 {
|
|
1331
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
1332
|
+
}
|
|
1333
|
+
.grid-cols-7 {
|
|
1334
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
1335
|
+
}
|
|
1336
|
+
.grid-cols-8 {
|
|
1337
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
1338
|
+
}
|
|
1339
|
+
.grid-cols-9 {
|
|
1340
|
+
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
1341
|
+
}
|
|
1342
|
+
.grid-rows-1 {
|
|
1343
|
+
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
1344
|
+
}
|
|
1345
|
+
.grid-rows-2 {
|
|
1346
|
+
grid-template-rows: repeat(2, minmax(0, 1fr));
|
|
1347
|
+
}
|
|
1348
|
+
.grid-rows-3 {
|
|
1349
|
+
grid-template-rows: repeat(3, minmax(0, 1fr));
|
|
1350
|
+
}
|
|
1351
|
+
.grid-rows-4 {
|
|
1352
|
+
grid-template-rows: repeat(4, minmax(0, 1fr));
|
|
1353
|
+
}
|
|
1354
|
+
.grid-rows-5 {
|
|
1355
|
+
grid-template-rows: repeat(5, minmax(0, 1fr));
|
|
1356
|
+
}
|
|
1357
|
+
.grid-rows-6 {
|
|
1358
|
+
grid-template-rows: repeat(6, minmax(0, 1fr));
|
|
1359
|
+
}
|
|
1282
1360
|
.flex-row {
|
|
1283
1361
|
flex-direction: row;
|
|
1284
1362
|
}
|
|
@@ -1294,6 +1372,12 @@ video {
|
|
|
1294
1372
|
.flex-wrap {
|
|
1295
1373
|
flex-wrap: wrap;
|
|
1296
1374
|
}
|
|
1375
|
+
.flex-wrap-reverse {
|
|
1376
|
+
flex-wrap: wrap-reverse;
|
|
1377
|
+
}
|
|
1378
|
+
.flex-nowrap {
|
|
1379
|
+
flex-wrap: nowrap;
|
|
1380
|
+
}
|
|
1297
1381
|
.place-items-center {
|
|
1298
1382
|
place-items: center;
|
|
1299
1383
|
}
|
|
@@ -1306,6 +1390,9 @@ video {
|
|
|
1306
1390
|
.items-center {
|
|
1307
1391
|
align-items: center;
|
|
1308
1392
|
}
|
|
1393
|
+
.items-baseline {
|
|
1394
|
+
align-items: baseline;
|
|
1395
|
+
}
|
|
1309
1396
|
.items-stretch {
|
|
1310
1397
|
align-items: stretch;
|
|
1311
1398
|
}
|
|
@@ -1321,6 +1408,27 @@ video {
|
|
|
1321
1408
|
.justify-between {
|
|
1322
1409
|
justify-content: space-between;
|
|
1323
1410
|
}
|
|
1411
|
+
.justify-around {
|
|
1412
|
+
justify-content: space-around;
|
|
1413
|
+
}
|
|
1414
|
+
.justify-evenly {
|
|
1415
|
+
justify-content: space-evenly;
|
|
1416
|
+
}
|
|
1417
|
+
.justify-items-start {
|
|
1418
|
+
justify-items: start;
|
|
1419
|
+
}
|
|
1420
|
+
.justify-items-end {
|
|
1421
|
+
justify-items: end;
|
|
1422
|
+
}
|
|
1423
|
+
.justify-items-center {
|
|
1424
|
+
justify-items: center;
|
|
1425
|
+
}
|
|
1426
|
+
.justify-items-stretch {
|
|
1427
|
+
justify-items: stretch;
|
|
1428
|
+
}
|
|
1429
|
+
.gap-0 {
|
|
1430
|
+
gap: 0px;
|
|
1431
|
+
}
|
|
1324
1432
|
.gap-1 {
|
|
1325
1433
|
gap: 0.25rem;
|
|
1326
1434
|
}
|
|
@@ -1330,6 +1438,9 @@ video {
|
|
|
1330
1438
|
.gap-10 {
|
|
1331
1439
|
gap: 2.5rem;
|
|
1332
1440
|
}
|
|
1441
|
+
.gap-12 {
|
|
1442
|
+
gap: 3rem;
|
|
1443
|
+
}
|
|
1333
1444
|
.gap-16 {
|
|
1334
1445
|
gap: 4rem;
|
|
1335
1446
|
}
|
|
@@ -1348,6 +1459,9 @@ video {
|
|
|
1348
1459
|
.gap-6 {
|
|
1349
1460
|
gap: 1.5rem;
|
|
1350
1461
|
}
|
|
1462
|
+
.gap-8 {
|
|
1463
|
+
gap: 2rem;
|
|
1464
|
+
}
|
|
1351
1465
|
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
|
|
1352
1466
|
--tw-space-y-reverse: 0;
|
|
1353
1467
|
margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -1358,6 +1472,16 @@ video {
|
|
|
1358
1472
|
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1359
1473
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
1360
1474
|
}
|
|
1475
|
+
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1476
|
+
--tw-space-y-reverse: 0;
|
|
1477
|
+
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1478
|
+
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
1479
|
+
}
|
|
1480
|
+
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
|
1481
|
+
--tw-space-y-reverse: 0;
|
|
1482
|
+
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1483
|
+
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
|
|
1484
|
+
}
|
|
1361
1485
|
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1362
1486
|
--tw-space-y-reverse: 0;
|
|
1363
1487
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -1421,6 +1545,9 @@ video {
|
|
|
1421
1545
|
.rounded-md {
|
|
1422
1546
|
border-radius: var(--radius-md);
|
|
1423
1547
|
}
|
|
1548
|
+
.rounded-none {
|
|
1549
|
+
border-radius: 0px;
|
|
1550
|
+
}
|
|
1424
1551
|
.rounded-sm {
|
|
1425
1552
|
border-radius: var(--radius-sm);
|
|
1426
1553
|
}
|
|
@@ -1439,12 +1566,6 @@ video {
|
|
|
1439
1566
|
border-top-right-radius: var(--radius-lg);
|
|
1440
1567
|
border-bottom-right-radius: var(--radius-lg);
|
|
1441
1568
|
}
|
|
1442
|
-
.rounded-br-lg {
|
|
1443
|
-
border-bottom-right-radius: var(--radius-lg);
|
|
1444
|
-
}
|
|
1445
|
-
.rounded-tr-lg {
|
|
1446
|
-
border-top-right-radius: var(--radius-lg);
|
|
1447
|
-
}
|
|
1448
1569
|
.border {
|
|
1449
1570
|
border-width: 1px;
|
|
1450
1571
|
}
|
|
@@ -1454,6 +1575,9 @@ video {
|
|
|
1454
1575
|
.border-4 {
|
|
1455
1576
|
border-width: 4px;
|
|
1456
1577
|
}
|
|
1578
|
+
.border-\[1\.5px\] {
|
|
1579
|
+
border-width: 1.5px;
|
|
1580
|
+
}
|
|
1457
1581
|
.border-\[3px\] {
|
|
1458
1582
|
border-width: 3px;
|
|
1459
1583
|
}
|
|
@@ -1570,12 +1694,13 @@ video {
|
|
|
1570
1694
|
.to-border {
|
|
1571
1695
|
--tw-gradient-to: var(--color-border) var(--tw-gradient-to-position);
|
|
1572
1696
|
}
|
|
1573
|
-
.bg-\[length\:400\%_100\%\] {
|
|
1574
|
-
background-size: 400% 100%;
|
|
1575
|
-
}
|
|
1576
1697
|
.fill-foreground {
|
|
1577
1698
|
fill: var(--color-foreground);
|
|
1578
1699
|
}
|
|
1700
|
+
.object-cover {
|
|
1701
|
+
-o-object-fit: cover;
|
|
1702
|
+
object-fit: cover;
|
|
1703
|
+
}
|
|
1579
1704
|
.p-0 {
|
|
1580
1705
|
padding: 0px;
|
|
1581
1706
|
}
|
|
@@ -1646,10 +1771,18 @@ video {
|
|
|
1646
1771
|
padding-top: 0.5rem;
|
|
1647
1772
|
padding-bottom: 0.5rem;
|
|
1648
1773
|
}
|
|
1774
|
+
.py-2\.5 {
|
|
1775
|
+
padding-top: 0.625rem;
|
|
1776
|
+
padding-bottom: 0.625rem;
|
|
1777
|
+
}
|
|
1649
1778
|
.py-3 {
|
|
1650
1779
|
padding-top: 0.75rem;
|
|
1651
1780
|
padding-bottom: 0.75rem;
|
|
1652
1781
|
}
|
|
1782
|
+
.py-3\.5 {
|
|
1783
|
+
padding-top: 0.875rem;
|
|
1784
|
+
padding-bottom: 0.875rem;
|
|
1785
|
+
}
|
|
1653
1786
|
.py-4 {
|
|
1654
1787
|
padding-top: 1rem;
|
|
1655
1788
|
padding-bottom: 1rem;
|
|
@@ -1699,6 +1832,9 @@ video {
|
|
|
1699
1832
|
.text-right {
|
|
1700
1833
|
text-align: right;
|
|
1701
1834
|
}
|
|
1835
|
+
.text-justify {
|
|
1836
|
+
text-align: justify;
|
|
1837
|
+
}
|
|
1702
1838
|
.align-middle {
|
|
1703
1839
|
vertical-align: middle;
|
|
1704
1840
|
}
|
|
@@ -1706,6 +1842,10 @@ video {
|
|
|
1706
1842
|
font-size: var(--font-size-2xl);
|
|
1707
1843
|
line-height: var(--line-height-tight);
|
|
1708
1844
|
}
|
|
1845
|
+
.text-3xl {
|
|
1846
|
+
font-size: var(--font-size-3xl);
|
|
1847
|
+
line-height: var(--line-height-tight);
|
|
1848
|
+
}
|
|
1709
1849
|
.text-4xl {
|
|
1710
1850
|
font-size: 2.25rem;
|
|
1711
1851
|
line-height: 2.5rem;
|
|
@@ -1745,6 +1885,9 @@ video {
|
|
|
1745
1885
|
.font-medium {
|
|
1746
1886
|
font-weight: var(--font-weight-medium);
|
|
1747
1887
|
}
|
|
1888
|
+
.font-normal {
|
|
1889
|
+
font-weight: var(--font-weight-normal);
|
|
1890
|
+
}
|
|
1748
1891
|
.font-semibold {
|
|
1749
1892
|
font-weight: var(--font-weight-semibold);
|
|
1750
1893
|
}
|
|
@@ -1758,18 +1901,27 @@ video {
|
|
|
1758
1901
|
.leading-none {
|
|
1759
1902
|
line-height: 1;
|
|
1760
1903
|
}
|
|
1904
|
+
.leading-normal {
|
|
1905
|
+
line-height: var(--line-height-normal);
|
|
1906
|
+
}
|
|
1761
1907
|
.leading-relaxed {
|
|
1762
1908
|
line-height: var(--line-height-relaxed);
|
|
1763
1909
|
}
|
|
1764
1910
|
.leading-snug {
|
|
1765
1911
|
line-height: var(--line-height-snug);
|
|
1766
1912
|
}
|
|
1913
|
+
.leading-tight {
|
|
1914
|
+
line-height: var(--line-height-tight);
|
|
1915
|
+
}
|
|
1767
1916
|
.tracking-tight {
|
|
1768
1917
|
letter-spacing: var(--letter-spacing-tight);
|
|
1769
1918
|
}
|
|
1770
1919
|
.tracking-wide {
|
|
1771
1920
|
letter-spacing: var(--letter-spacing-wide);
|
|
1772
1921
|
}
|
|
1922
|
+
.tracking-wider {
|
|
1923
|
+
letter-spacing: var(--letter-spacing-wider);
|
|
1924
|
+
}
|
|
1773
1925
|
.tracking-widest {
|
|
1774
1926
|
letter-spacing: 0.1em;
|
|
1775
1927
|
}
|
|
@@ -1802,6 +1954,15 @@ video {
|
|
|
1802
1954
|
.text-status-error {
|
|
1803
1955
|
color: var(--color-error);
|
|
1804
1956
|
}
|
|
1957
|
+
.text-status-info {
|
|
1958
|
+
color: var(--color-info);
|
|
1959
|
+
}
|
|
1960
|
+
.text-status-success {
|
|
1961
|
+
color: var(--color-success);
|
|
1962
|
+
}
|
|
1963
|
+
.text-status-warning {
|
|
1964
|
+
color: var(--color-warning);
|
|
1965
|
+
}
|
|
1805
1966
|
.text-usafa-blue {
|
|
1806
1967
|
--tw-text-opacity: 1;
|
|
1807
1968
|
color: rgb(3 83 164 / var(--tw-text-opacity, 1));
|
|
@@ -1819,6 +1980,9 @@ video {
|
|
|
1819
1980
|
.text-white\/90 {
|
|
1820
1981
|
color: rgb(255 255 255 / 0.9);
|
|
1821
1982
|
}
|
|
1983
|
+
.overline {
|
|
1984
|
+
text-decoration-line: overline;
|
|
1985
|
+
}
|
|
1822
1986
|
.accent-foreground {
|
|
1823
1987
|
accent-color: var(--color-foreground);
|
|
1824
1988
|
}
|
|
@@ -1895,11 +2059,12 @@ video {
|
|
|
1895
2059
|
.ring-accent {
|
|
1896
2060
|
--tw-ring-color: var(--color-accent);
|
|
1897
2061
|
}
|
|
1898
|
-
.ring-
|
|
1899
|
-
--tw-ring-
|
|
2062
|
+
.ring-background {
|
|
2063
|
+
--tw-ring-color: var(--color-background);
|
|
1900
2064
|
}
|
|
1901
|
-
.
|
|
1902
|
-
--tw-
|
|
2065
|
+
.blur {
|
|
2066
|
+
--tw-blur: blur(8px);
|
|
2067
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1903
2068
|
}
|
|
1904
2069
|
.drop-shadow {
|
|
1905
2070
|
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
@@ -1916,6 +2081,10 @@ video {
|
|
|
1916
2081
|
--tw-backdrop-blur: blur(1px);
|
|
1917
2082
|
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);
|
|
1918
2083
|
}
|
|
2084
|
+
.backdrop-blur-\[2px\] {
|
|
2085
|
+
--tw-backdrop-blur: blur(2px);
|
|
2086
|
+
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);
|
|
2087
|
+
}
|
|
1919
2088
|
.backdrop-blur-sm {
|
|
1920
2089
|
--tw-backdrop-blur: blur(4px);
|
|
1921
2090
|
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);
|
|
@@ -1940,6 +2109,11 @@ video {
|
|
|
1940
2109
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1941
2110
|
transition-duration: 150ms;
|
|
1942
2111
|
}
|
|
2112
|
+
.transition-shadow {
|
|
2113
|
+
transition-property: box-shadow;
|
|
2114
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2115
|
+
transition-duration: 150ms;
|
|
2116
|
+
}
|
|
1943
2117
|
.transition-transform {
|
|
1944
2118
|
transition-property: transform;
|
|
1945
2119
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -1995,9 +2169,47 @@ video {
|
|
|
1995
2169
|
.\[transform-origin\:left\] {
|
|
1996
2170
|
transform-origin: left;
|
|
1997
2171
|
}
|
|
2172
|
+
.before\:absolute::before {
|
|
2173
|
+
content: var(--tw-content);
|
|
2174
|
+
position: absolute;
|
|
2175
|
+
}
|
|
2176
|
+
.before\:inset-0::before {
|
|
2177
|
+
content: var(--tw-content);
|
|
2178
|
+
inset: 0px;
|
|
2179
|
+
}
|
|
2180
|
+
.before\:animate-\[shimmer_1\.6s_linear_infinite\]::before {
|
|
2181
|
+
content: var(--tw-content);
|
|
2182
|
+
animation: shimmer 1.6s linear infinite;
|
|
2183
|
+
}
|
|
2184
|
+
.before\:bg-gradient-to-r::before {
|
|
2185
|
+
content: var(--tw-content);
|
|
2186
|
+
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
2187
|
+
}
|
|
2188
|
+
.before\:from-transparent::before {
|
|
2189
|
+
content: var(--tw-content);
|
|
2190
|
+
--tw-gradient-from: rgba(255, 255, 255, .0) var(--tw-gradient-from-position);
|
|
2191
|
+
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
|
|
2192
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2193
|
+
}
|
|
2194
|
+
.before\:via-white\/30::before {
|
|
2195
|
+
content: var(--tw-content);
|
|
2196
|
+
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
|
2197
|
+
--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
2198
|
+
}
|
|
2199
|
+
.before\:to-transparent::before {
|
|
2200
|
+
content: var(--tw-content);
|
|
2201
|
+
--tw-gradient-to: rgba(255, 255, 255, .0) var(--tw-gradient-to-position);
|
|
2202
|
+
}
|
|
2203
|
+
.before\:content-\[\"\"\]::before {
|
|
2204
|
+
--tw-content: "";
|
|
2205
|
+
content: var(--tw-content);
|
|
2206
|
+
}
|
|
1998
2207
|
.last\:border-0:last-child {
|
|
1999
2208
|
border-width: 0px;
|
|
2000
2209
|
}
|
|
2210
|
+
.focus-within\:border-transparent:focus-within {
|
|
2211
|
+
border-color: rgba(255, 255, 255, .0);
|
|
2212
|
+
}
|
|
2001
2213
|
.focus-within\:ring-2:focus-within {
|
|
2002
2214
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2003
2215
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
@@ -2044,10 +2256,24 @@ video {
|
|
|
2044
2256
|
.hover\:opacity-90:hover {
|
|
2045
2257
|
opacity: 0.9;
|
|
2046
2258
|
}
|
|
2259
|
+
.focus\:border-transparent:focus {
|
|
2260
|
+
border-color: rgba(255, 255, 255, .0);
|
|
2261
|
+
}
|
|
2047
2262
|
.focus\:outline-none:focus {
|
|
2048
2263
|
outline: 2px solid transparent;
|
|
2049
2264
|
outline-offset: 2px;
|
|
2050
2265
|
}
|
|
2266
|
+
.focus\:ring-2:focus {
|
|
2267
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2268
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2269
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2270
|
+
}
|
|
2271
|
+
.focus\:ring-accent:focus {
|
|
2272
|
+
--tw-ring-color: var(--color-accent);
|
|
2273
|
+
}
|
|
2274
|
+
.focus-visible\:border-transparent:focus-visible {
|
|
2275
|
+
border-color: rgba(255, 255, 255, .0);
|
|
2276
|
+
}
|
|
2051
2277
|
.focus-visible\:bg-surface-raised:focus-visible {
|
|
2052
2278
|
background-color: var(--color-surface-raised);
|
|
2053
2279
|
}
|
|
@@ -2097,6 +2323,9 @@ video {
|
|
|
2097
2323
|
.active\:opacity-100:active {
|
|
2098
2324
|
opacity: 1;
|
|
2099
2325
|
}
|
|
2326
|
+
.disabled\:cursor-default:disabled {
|
|
2327
|
+
cursor: default;
|
|
2328
|
+
}
|
|
2100
2329
|
.disabled\:cursor-not-allowed:disabled {
|
|
2101
2330
|
cursor: not-allowed;
|
|
2102
2331
|
}
|
|
@@ -2118,6 +2347,9 @@ video {
|
|
|
2118
2347
|
.disabled\:opacity-50:disabled {
|
|
2119
2348
|
opacity: 0.5;
|
|
2120
2349
|
}
|
|
2350
|
+
.disabled\:hover\:bg-transparent:hover:disabled {
|
|
2351
|
+
background-color: rgba(255, 255, 255, .0);
|
|
2352
|
+
}
|
|
2121
2353
|
.group:hover .group-hover\:bg-accent {
|
|
2122
2354
|
background-color: var(--color-accent);
|
|
2123
2355
|
}
|
|
@@ -2201,6 +2433,12 @@ video {
|
|
|
2201
2433
|
--tw-rotate: 0deg;
|
|
2202
2434
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2203
2435
|
}
|
|
2436
|
+
@media (prefers-reduced-motion: reduce) {
|
|
2437
|
+
.motion-reduce\:before\:hidden::before {
|
|
2438
|
+
content: var(--tw-content);
|
|
2439
|
+
display: none;
|
|
2440
|
+
}
|
|
2441
|
+
}
|
|
2204
2442
|
.dark\:bg-independence:is(.dark *) {
|
|
2205
2443
|
--tw-bg-opacity: 1;
|
|
2206
2444
|
background-color: rgb(51 65 92 / var(--tw-bg-opacity, 1));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@geomak/ui",
|
|
3
|
-
"version": "5.0
|
|
3
|
+
"version": "5.1.0",
|
|
4
4
|
"description": "Oxygen Design System — reusable UI primitives built with Radix UI behaviours and Tailwind CSS styling",
|
|
5
5
|
"author": "G-MAKROGLOU",
|
|
6
6
|
"license": "MIT",
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@radix-ui/react-accordion": "^1.2.11",
|
|
50
|
+
"@radix-ui/react-avatar": "^1.1.11",
|
|
50
51
|
"@radix-ui/react-checkbox": "^1.3.2",
|
|
51
52
|
"@radix-ui/react-context-menu": "^2.2.16",
|
|
52
53
|
"@radix-ui/react-dialog": "^1.1.14",
|