@rark-ui/themes 1.2.1 → 1.2.2
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/default/index.css +0 -239
- package/dist/razer/index.css +0 -325
- package/package.json +6 -2
- package/src/default/tailwind.config.ts +2 -0
- package/src/razer/tailwind.config.ts +2 -0
package/dist/default/index.css
CHANGED
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
"Courier New", monospace;
|
|
10
10
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
11
11
|
--color-black: #000;
|
|
12
|
-
--color-white: #fff;
|
|
13
12
|
--spacing: 0.25rem;
|
|
14
13
|
--text-xs: 0.75rem;
|
|
15
14
|
--text-xs--line-height: calc(1 / 0.75);
|
|
@@ -21,8 +20,6 @@
|
|
|
21
20
|
--text-lg--line-height: calc(1.75 / 1.125);
|
|
22
21
|
--text-xl: 1.25rem;
|
|
23
22
|
--text-xl--line-height: calc(1.75 / 1.25);
|
|
24
|
-
--font-weight-medium: 500;
|
|
25
|
-
--font-weight-bold: 700;
|
|
26
23
|
--radius-xs: 0.125rem;
|
|
27
24
|
--radius-md: 0.375rem;
|
|
28
25
|
--radius-lg: 0.5rem;
|
|
@@ -237,18 +234,12 @@
|
|
|
237
234
|
.top-1\/2 {
|
|
238
235
|
top: calc(1/2 * 100%);
|
|
239
236
|
}
|
|
240
|
-
.top-2 {
|
|
241
|
-
top: calc(var(--spacing) * 2);
|
|
242
|
-
}
|
|
243
237
|
.-right-\[\.5em\] {
|
|
244
238
|
right: calc(.5em * -1);
|
|
245
239
|
}
|
|
246
240
|
.right-0 {
|
|
247
241
|
right: calc(var(--spacing) * 0);
|
|
248
242
|
}
|
|
249
|
-
.right-2 {
|
|
250
|
-
right: calc(var(--spacing) * 2);
|
|
251
|
-
}
|
|
252
243
|
.bottom-0 {
|
|
253
244
|
bottom: calc(var(--spacing) * 0);
|
|
254
245
|
}
|
|
@@ -297,12 +288,6 @@
|
|
|
297
288
|
.mt-2 {
|
|
298
289
|
margin-top: calc(var(--spacing) * 2);
|
|
299
290
|
}
|
|
300
|
-
.mt-3 {
|
|
301
|
-
margin-top: calc(var(--spacing) * 3);
|
|
302
|
-
}
|
|
303
|
-
.mt-4 {
|
|
304
|
-
margin-top: calc(var(--spacing) * 4);
|
|
305
|
-
}
|
|
306
291
|
.mb-0\.5 {
|
|
307
292
|
margin-bottom: calc(var(--spacing) * 0.5);
|
|
308
293
|
}
|
|
@@ -321,9 +306,6 @@
|
|
|
321
306
|
.mb-3 {
|
|
322
307
|
margin-bottom: calc(var(--spacing) * 3);
|
|
323
308
|
}
|
|
324
|
-
.ml-1 {
|
|
325
|
-
margin-left: calc(var(--spacing) * 1);
|
|
326
|
-
}
|
|
327
309
|
.box-content {
|
|
328
310
|
box-sizing: content-box;
|
|
329
311
|
}
|
|
@@ -425,10 +407,6 @@
|
|
|
425
407
|
width: calc(var(--spacing) * 12);
|
|
426
408
|
height: calc(var(--spacing) * 12);
|
|
427
409
|
}
|
|
428
|
-
.size-14 {
|
|
429
|
-
width: calc(var(--spacing) * 14);
|
|
430
|
-
height: calc(var(--spacing) * 14);
|
|
431
|
-
}
|
|
432
410
|
.size-\[\.5rem\] {
|
|
433
411
|
width: .5rem;
|
|
434
412
|
height: .5rem;
|
|
@@ -513,54 +491,6 @@
|
|
|
513
491
|
.h-12 {
|
|
514
492
|
height: calc(var(--spacing) * 12);
|
|
515
493
|
}
|
|
516
|
-
.h-14 {
|
|
517
|
-
height: calc(var(--spacing) * 14);
|
|
518
|
-
}
|
|
519
|
-
.h-20 {
|
|
520
|
-
height: calc(var(--spacing) * 20);
|
|
521
|
-
}
|
|
522
|
-
.h-24 {
|
|
523
|
-
height: calc(var(--spacing) * 24);
|
|
524
|
-
}
|
|
525
|
-
.h-25 {
|
|
526
|
-
height: calc(var(--spacing) * 25);
|
|
527
|
-
}
|
|
528
|
-
.h-28 {
|
|
529
|
-
height: calc(var(--spacing) * 28);
|
|
530
|
-
}
|
|
531
|
-
.h-30 {
|
|
532
|
-
height: calc(var(--spacing) * 30);
|
|
533
|
-
}
|
|
534
|
-
.h-36 {
|
|
535
|
-
height: calc(var(--spacing) * 36);
|
|
536
|
-
}
|
|
537
|
-
.h-40 {
|
|
538
|
-
height: calc(var(--spacing) * 40);
|
|
539
|
-
}
|
|
540
|
-
.h-50 {
|
|
541
|
-
height: calc(var(--spacing) * 50);
|
|
542
|
-
}
|
|
543
|
-
.h-52 {
|
|
544
|
-
height: calc(var(--spacing) * 52);
|
|
545
|
-
}
|
|
546
|
-
.h-60 {
|
|
547
|
-
height: calc(var(--spacing) * 60);
|
|
548
|
-
}
|
|
549
|
-
.h-80 {
|
|
550
|
-
height: calc(var(--spacing) * 80);
|
|
551
|
-
}
|
|
552
|
-
.h-100 {
|
|
553
|
-
height: calc(var(--spacing) * 100);
|
|
554
|
-
}
|
|
555
|
-
.h-120 {
|
|
556
|
-
height: calc(var(--spacing) * 120);
|
|
557
|
-
}
|
|
558
|
-
.h-160 {
|
|
559
|
-
height: calc(var(--spacing) * 160);
|
|
560
|
-
}
|
|
561
|
-
.h-200 {
|
|
562
|
-
height: calc(var(--spacing) * 200);
|
|
563
|
-
}
|
|
564
494
|
.h-\[max\(var\(--slider-thumb-height\)\,\.5rem\)\] {
|
|
565
495
|
height: max(var(--slider-thumb-height), .5rem);
|
|
566
496
|
}
|
|
@@ -645,48 +575,6 @@
|
|
|
645
575
|
.w-18 {
|
|
646
576
|
width: calc(var(--spacing) * 18);
|
|
647
577
|
}
|
|
648
|
-
.w-25 {
|
|
649
|
-
width: calc(var(--spacing) * 25);
|
|
650
|
-
}
|
|
651
|
-
.w-40 {
|
|
652
|
-
width: calc(var(--spacing) * 40);
|
|
653
|
-
}
|
|
654
|
-
.w-56 {
|
|
655
|
-
width: calc(var(--spacing) * 56);
|
|
656
|
-
}
|
|
657
|
-
.w-60 {
|
|
658
|
-
width: calc(var(--spacing) * 60);
|
|
659
|
-
}
|
|
660
|
-
.w-64 {
|
|
661
|
-
width: calc(var(--spacing) * 64);
|
|
662
|
-
}
|
|
663
|
-
.w-70 {
|
|
664
|
-
width: calc(var(--spacing) * 70);
|
|
665
|
-
}
|
|
666
|
-
.w-80 {
|
|
667
|
-
width: calc(var(--spacing) * 80);
|
|
668
|
-
}
|
|
669
|
-
.w-90 {
|
|
670
|
-
width: calc(var(--spacing) * 90);
|
|
671
|
-
}
|
|
672
|
-
.w-100 {
|
|
673
|
-
width: calc(var(--spacing) * 100);
|
|
674
|
-
}
|
|
675
|
-
.w-110 {
|
|
676
|
-
width: calc(var(--spacing) * 110);
|
|
677
|
-
}
|
|
678
|
-
.w-120 {
|
|
679
|
-
width: calc(var(--spacing) * 120);
|
|
680
|
-
}
|
|
681
|
-
.w-140 {
|
|
682
|
-
width: calc(var(--spacing) * 140);
|
|
683
|
-
}
|
|
684
|
-
.w-160 {
|
|
685
|
-
width: calc(var(--spacing) * 160);
|
|
686
|
-
}
|
|
687
|
-
.w-200 {
|
|
688
|
-
width: calc(var(--spacing) * 200);
|
|
689
|
-
}
|
|
690
578
|
.w-\[max\(var\(--slider-thumb-width\)\,\.5rem\)\] {
|
|
691
579
|
width: max(var(--slider-thumb-width), .5rem);
|
|
692
580
|
}
|
|
@@ -711,15 +599,6 @@
|
|
|
711
599
|
.w-screen {
|
|
712
600
|
width: 100vw;
|
|
713
601
|
}
|
|
714
|
-
.max-w-\[520px\] {
|
|
715
|
-
max-width: 520px;
|
|
716
|
-
}
|
|
717
|
-
.max-w-\[560px\] {
|
|
718
|
-
max-width: 560px;
|
|
719
|
-
}
|
|
720
|
-
.max-w-\[720px\] {
|
|
721
|
-
max-width: 720px;
|
|
722
|
-
}
|
|
723
602
|
.max-w-\[calc\(100\%-var\(--spacing\)\*10\)\] {
|
|
724
603
|
max-width: calc(100% - var(--spacing) * 10);
|
|
725
604
|
}
|
|
@@ -819,12 +698,6 @@
|
|
|
819
698
|
.items-center {
|
|
820
699
|
align-items: center;
|
|
821
700
|
}
|
|
822
|
-
.items-end {
|
|
823
|
-
align-items: flex-end;
|
|
824
|
-
}
|
|
825
|
-
.items-start {
|
|
826
|
-
align-items: flex-start;
|
|
827
|
-
}
|
|
828
701
|
.justify-between {
|
|
829
702
|
justify-content: space-between;
|
|
830
703
|
}
|
|
@@ -873,16 +746,6 @@
|
|
|
873
746
|
.gap-8 {
|
|
874
747
|
gap: calc(var(--spacing) * 8);
|
|
875
748
|
}
|
|
876
|
-
.gap-40 {
|
|
877
|
-
gap: calc(var(--spacing) * 40);
|
|
878
|
-
}
|
|
879
|
-
.space-y-2 {
|
|
880
|
-
:where(& > :not(:last-child)) {
|
|
881
|
-
--tw-space-y-reverse: 0;
|
|
882
|
-
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
|
|
883
|
-
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
884
|
-
}
|
|
885
|
-
}
|
|
886
749
|
.space-x-3 {
|
|
887
750
|
:where(& > :not(:last-child)) {
|
|
888
751
|
--tw-space-x-reverse: 0;
|
|
@@ -916,15 +779,9 @@
|
|
|
916
779
|
text-overflow: ellipsis;
|
|
917
780
|
white-space: nowrap;
|
|
918
781
|
}
|
|
919
|
-
.overflow-auto {
|
|
920
|
-
overflow: auto;
|
|
921
|
-
}
|
|
922
782
|
.overflow-hidden {
|
|
923
783
|
overflow: hidden;
|
|
924
784
|
}
|
|
925
|
-
.overflow-x-hidden {
|
|
926
|
-
overflow-x: hidden;
|
|
927
|
-
}
|
|
928
785
|
.overflow-y-auto {
|
|
929
786
|
overflow-y: auto;
|
|
930
787
|
}
|
|
@@ -999,21 +856,12 @@
|
|
|
999
856
|
.bg-transparent {
|
|
1000
857
|
background-color: transparent;
|
|
1001
858
|
}
|
|
1002
|
-
.bg-cover {
|
|
1003
|
-
background-size: cover;
|
|
1004
|
-
}
|
|
1005
|
-
.bg-center {
|
|
1006
|
-
background-position: center;
|
|
1007
|
-
}
|
|
1008
859
|
.stroke-black {
|
|
1009
860
|
stroke: var(--color-black);
|
|
1010
861
|
}
|
|
1011
862
|
.stroke-\[\.125rem\] {
|
|
1012
863
|
stroke-width: .125rem;
|
|
1013
864
|
}
|
|
1014
|
-
.object-cover {
|
|
1015
|
-
object-fit: cover;
|
|
1016
|
-
}
|
|
1017
865
|
.p-0 {
|
|
1018
866
|
padding: calc(var(--spacing) * 0);
|
|
1019
867
|
}
|
|
@@ -1146,9 +994,6 @@
|
|
|
1146
994
|
.pr-7 {
|
|
1147
995
|
padding-right: calc(var(--spacing) * 7);
|
|
1148
996
|
}
|
|
1149
|
-
.pb-2 {
|
|
1150
|
-
padding-bottom: calc(var(--spacing) * 2);
|
|
1151
|
-
}
|
|
1152
997
|
.pl-4 {
|
|
1153
998
|
padding-left: calc(var(--spacing) * 4);
|
|
1154
999
|
}
|
|
@@ -1199,63 +1044,18 @@
|
|
|
1199
1044
|
font-size: var(--text-xs);
|
|
1200
1045
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1201
1046
|
}
|
|
1202
|
-
.text-\[10px\] {
|
|
1203
|
-
font-size: 10px;
|
|
1204
|
-
}
|
|
1205
|
-
.leading-none {
|
|
1206
|
-
--tw-leading: 1;
|
|
1207
|
-
line-height: 1;
|
|
1208
|
-
}
|
|
1209
|
-
.font-bold {
|
|
1210
|
-
--tw-font-weight: var(--font-weight-bold);
|
|
1211
|
-
font-weight: var(--font-weight-bold);
|
|
1212
|
-
}
|
|
1213
|
-
.font-medium {
|
|
1214
|
-
--tw-font-weight: var(--font-weight-medium);
|
|
1215
|
-
font-weight: var(--font-weight-medium);
|
|
1216
|
-
}
|
|
1217
|
-
.wrap-break-word {
|
|
1218
|
-
overflow-wrap: break-word;
|
|
1219
|
-
}
|
|
1220
1047
|
.whitespace-nowrap {
|
|
1221
1048
|
white-space: nowrap;
|
|
1222
1049
|
}
|
|
1223
|
-
.whitespace-pre-wrap {
|
|
1224
|
-
white-space: pre-wrap;
|
|
1225
|
-
}
|
|
1226
|
-
.text-black {
|
|
1227
|
-
color: var(--color-black);
|
|
1228
|
-
}
|
|
1229
1050
|
.text-inherit {
|
|
1230
1051
|
color: inherit;
|
|
1231
1052
|
}
|
|
1232
|
-
.text-white {
|
|
1233
|
-
color: var(--color-white);
|
|
1234
|
-
}
|
|
1235
1053
|
.uppercase {
|
|
1236
1054
|
text-transform: uppercase;
|
|
1237
1055
|
}
|
|
1238
|
-
.italic {
|
|
1239
|
-
font-style: italic;
|
|
1240
|
-
}
|
|
1241
|
-
.underline {
|
|
1242
|
-
text-decoration-line: underline;
|
|
1243
|
-
}
|
|
1244
1056
|
.opacity-30 {
|
|
1245
1057
|
opacity: 30%;
|
|
1246
1058
|
}
|
|
1247
|
-
.opacity-60 {
|
|
1248
|
-
opacity: 60%;
|
|
1249
|
-
}
|
|
1250
|
-
.opacity-70 {
|
|
1251
|
-
opacity: 70%;
|
|
1252
|
-
}
|
|
1253
|
-
.opacity-75 {
|
|
1254
|
-
opacity: 75%;
|
|
1255
|
-
}
|
|
1256
|
-
.opacity-80 {
|
|
1257
|
-
opacity: 80%;
|
|
1258
|
-
}
|
|
1259
1059
|
.outline-hidden {
|
|
1260
1060
|
--tw-outline-style: none;
|
|
1261
1061
|
outline-style: none;
|
|
@@ -1301,12 +1101,6 @@
|
|
|
1301
1101
|
-webkit-user-select: none;
|
|
1302
1102
|
user-select: none;
|
|
1303
1103
|
}
|
|
1304
|
-
.\[--arrow-background\:var\(--color-rz-green\)\] {
|
|
1305
|
-
--arrow-background: var(--color-rz-green);
|
|
1306
|
-
}
|
|
1307
|
-
.\[--arrow-border\:var\(--color-h00\)\] {
|
|
1308
|
-
--arrow-border: var(--color-h00);
|
|
1309
|
-
}
|
|
1310
1104
|
.\[--height\:calc\(var\(--spacing\)\)\] {
|
|
1311
1105
|
--height: calc(var(--spacing));
|
|
1312
1106
|
}
|
|
@@ -1457,13 +1251,6 @@
|
|
|
1457
1251
|
content: var(--tw-content);
|
|
1458
1252
|
}
|
|
1459
1253
|
}
|
|
1460
|
-
.hover\:underline {
|
|
1461
|
-
&:hover {
|
|
1462
|
-
@media (hover: hover) {
|
|
1463
|
-
text-decoration-line: underline;
|
|
1464
|
-
}
|
|
1465
|
-
}
|
|
1466
|
-
}
|
|
1467
1254
|
.focus\:outline-none {
|
|
1468
1255
|
&:focus {
|
|
1469
1256
|
--tw-outline-style: none;
|
|
@@ -1585,11 +1372,6 @@
|
|
|
1585
1372
|
max-width: 80vw;
|
|
1586
1373
|
}
|
|
1587
1374
|
}
|
|
1588
|
-
.md\:grid-cols-2 {
|
|
1589
|
-
@media (width >= 48rem) {
|
|
1590
|
-
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1591
|
-
}
|
|
1592
|
-
}
|
|
1593
1375
|
.\[\&_\[data-part\=\"input\"\]\]\:px-0 {
|
|
1594
1376
|
& [data-part="input"] {
|
|
1595
1377
|
padding-inline: calc(var(--spacing) * 0);
|
|
@@ -1647,11 +1429,6 @@
|
|
|
1647
1429
|
height: 100%;
|
|
1648
1430
|
}
|
|
1649
1431
|
}
|
|
1650
|
-
.\[\&\>svg\]\:stroke-3 {
|
|
1651
|
-
&>svg {
|
|
1652
|
-
stroke-width: 3;
|
|
1653
|
-
}
|
|
1654
|
-
}
|
|
1655
1432
|
}
|
|
1656
1433
|
@property --tw-translate-x {
|
|
1657
1434
|
syntax: "*";
|
|
@@ -1688,11 +1465,6 @@
|
|
|
1688
1465
|
syntax: "*";
|
|
1689
1466
|
inherits: false;
|
|
1690
1467
|
}
|
|
1691
|
-
@property --tw-space-y-reverse {
|
|
1692
|
-
syntax: "*";
|
|
1693
|
-
inherits: false;
|
|
1694
|
-
initial-value: 0;
|
|
1695
|
-
}
|
|
1696
1468
|
@property --tw-space-x-reverse {
|
|
1697
1469
|
syntax: "*";
|
|
1698
1470
|
inherits: false;
|
|
@@ -1703,14 +1475,6 @@
|
|
|
1703
1475
|
inherits: false;
|
|
1704
1476
|
initial-value: solid;
|
|
1705
1477
|
}
|
|
1706
|
-
@property --tw-leading {
|
|
1707
|
-
syntax: "*";
|
|
1708
|
-
inherits: false;
|
|
1709
|
-
}
|
|
1710
|
-
@property --tw-font-weight {
|
|
1711
|
-
syntax: "*";
|
|
1712
|
-
inherits: false;
|
|
1713
|
-
}
|
|
1714
1478
|
@property --tw-outline-style {
|
|
1715
1479
|
syntax: "*";
|
|
1716
1480
|
inherits: false;
|
|
@@ -1810,11 +1574,8 @@
|
|
|
1810
1574
|
--tw-rotate-z: initial;
|
|
1811
1575
|
--tw-skew-x: initial;
|
|
1812
1576
|
--tw-skew-y: initial;
|
|
1813
|
-
--tw-space-y-reverse: 0;
|
|
1814
1577
|
--tw-space-x-reverse: 0;
|
|
1815
1578
|
--tw-border-style: solid;
|
|
1816
|
-
--tw-leading: initial;
|
|
1817
|
-
--tw-font-weight: initial;
|
|
1818
1579
|
--tw-outline-style: solid;
|
|
1819
1580
|
--tw-blur: initial;
|
|
1820
1581
|
--tw-brightness: initial;
|
package/dist/razer/index.css
CHANGED
|
@@ -18,8 +18,6 @@
|
|
|
18
18
|
--text-lg--line-height: 1.25;
|
|
19
19
|
--text-xl: 1.25rem;
|
|
20
20
|
--text-xl--line-height: 1.25;
|
|
21
|
-
--font-weight-medium: 500;
|
|
22
|
-
--font-weight-bold: 700;
|
|
23
21
|
--radius-xs: 0.125rem;
|
|
24
22
|
--radius-md: calc(var(--radius) + 0.125rem);
|
|
25
23
|
--radius-lg: calc(var(--radius) + 0.25rem);
|
|
@@ -68,7 +66,6 @@
|
|
|
68
66
|
--color-rz-blue: oklch(69% 0.1282 229.93);
|
|
69
67
|
--color-black: oklch(0% 0 0);
|
|
70
68
|
--color-h00: oklch(0% 0 0);
|
|
71
|
-
--color-white: oklch(100% 0 0);
|
|
72
69
|
--color-hff: oklch(100% 0 0);
|
|
73
70
|
--color-h70: oklch(54.52% 0 0);
|
|
74
71
|
--color-h4f: oklch(42.76% 0 0);
|
|
@@ -320,18 +317,12 @@
|
|
|
320
317
|
.top-1\/2 {
|
|
321
318
|
top: calc(1/2 * 100%);
|
|
322
319
|
}
|
|
323
|
-
.top-2 {
|
|
324
|
-
top: calc(var(--spacing) * 2);
|
|
325
|
-
}
|
|
326
320
|
.-right-\[\.5em\] {
|
|
327
321
|
right: calc(.5em * -1);
|
|
328
322
|
}
|
|
329
323
|
.right-0 {
|
|
330
324
|
right: calc(var(--spacing) * 0);
|
|
331
325
|
}
|
|
332
|
-
.right-2 {
|
|
333
|
-
right: calc(var(--spacing) * 2);
|
|
334
|
-
}
|
|
335
326
|
.bottom-0 {
|
|
336
327
|
bottom: calc(var(--spacing) * 0);
|
|
337
328
|
}
|
|
@@ -380,12 +371,6 @@
|
|
|
380
371
|
.mt-2 {
|
|
381
372
|
margin-top: calc(var(--spacing) * 2);
|
|
382
373
|
}
|
|
383
|
-
.mt-3 {
|
|
384
|
-
margin-top: calc(var(--spacing) * 3);
|
|
385
|
-
}
|
|
386
|
-
.mt-4 {
|
|
387
|
-
margin-top: calc(var(--spacing) * 4);
|
|
388
|
-
}
|
|
389
374
|
.mb-0\.5 {
|
|
390
375
|
margin-bottom: calc(var(--spacing) * 0.5);
|
|
391
376
|
}
|
|
@@ -404,9 +389,6 @@
|
|
|
404
389
|
.mb-3 {
|
|
405
390
|
margin-bottom: calc(var(--spacing) * 3);
|
|
406
391
|
}
|
|
407
|
-
.ml-1 {
|
|
408
|
-
margin-left: calc(var(--spacing) * 1);
|
|
409
|
-
}
|
|
410
392
|
.box-content {
|
|
411
393
|
box-sizing: content-box;
|
|
412
394
|
}
|
|
@@ -514,10 +496,6 @@
|
|
|
514
496
|
width: calc(var(--spacing) * 12);
|
|
515
497
|
height: calc(var(--spacing) * 12);
|
|
516
498
|
}
|
|
517
|
-
.size-14 {
|
|
518
|
-
width: calc(var(--spacing) * 14);
|
|
519
|
-
height: calc(var(--spacing) * 14);
|
|
520
|
-
}
|
|
521
499
|
.size-\[\.5rem\] {
|
|
522
500
|
width: .5rem;
|
|
523
501
|
height: .5rem;
|
|
@@ -602,54 +580,6 @@
|
|
|
602
580
|
.h-12 {
|
|
603
581
|
height: calc(var(--spacing) * 12);
|
|
604
582
|
}
|
|
605
|
-
.h-14 {
|
|
606
|
-
height: calc(var(--spacing) * 14);
|
|
607
|
-
}
|
|
608
|
-
.h-20 {
|
|
609
|
-
height: calc(var(--spacing) * 20);
|
|
610
|
-
}
|
|
611
|
-
.h-24 {
|
|
612
|
-
height: calc(var(--spacing) * 24);
|
|
613
|
-
}
|
|
614
|
-
.h-25 {
|
|
615
|
-
height: calc(var(--spacing) * 25);
|
|
616
|
-
}
|
|
617
|
-
.h-28 {
|
|
618
|
-
height: calc(var(--spacing) * 28);
|
|
619
|
-
}
|
|
620
|
-
.h-30 {
|
|
621
|
-
height: calc(var(--spacing) * 30);
|
|
622
|
-
}
|
|
623
|
-
.h-36 {
|
|
624
|
-
height: calc(var(--spacing) * 36);
|
|
625
|
-
}
|
|
626
|
-
.h-40 {
|
|
627
|
-
height: calc(var(--spacing) * 40);
|
|
628
|
-
}
|
|
629
|
-
.h-50 {
|
|
630
|
-
height: calc(var(--spacing) * 50);
|
|
631
|
-
}
|
|
632
|
-
.h-52 {
|
|
633
|
-
height: calc(var(--spacing) * 52);
|
|
634
|
-
}
|
|
635
|
-
.h-60 {
|
|
636
|
-
height: calc(var(--spacing) * 60);
|
|
637
|
-
}
|
|
638
|
-
.h-80 {
|
|
639
|
-
height: calc(var(--spacing) * 80);
|
|
640
|
-
}
|
|
641
|
-
.h-100 {
|
|
642
|
-
height: calc(var(--spacing) * 100);
|
|
643
|
-
}
|
|
644
|
-
.h-120 {
|
|
645
|
-
height: calc(var(--spacing) * 120);
|
|
646
|
-
}
|
|
647
|
-
.h-160 {
|
|
648
|
-
height: calc(var(--spacing) * 160);
|
|
649
|
-
}
|
|
650
|
-
.h-200 {
|
|
651
|
-
height: calc(var(--spacing) * 200);
|
|
652
|
-
}
|
|
653
583
|
.h-\[max\(var\(--slider-thumb-height\)\,\.5rem\)\] {
|
|
654
584
|
height: max(var(--slider-thumb-height), .5rem);
|
|
655
585
|
}
|
|
@@ -734,48 +664,6 @@
|
|
|
734
664
|
.w-18 {
|
|
735
665
|
width: calc(var(--spacing) * 18);
|
|
736
666
|
}
|
|
737
|
-
.w-25 {
|
|
738
|
-
width: calc(var(--spacing) * 25);
|
|
739
|
-
}
|
|
740
|
-
.w-40 {
|
|
741
|
-
width: calc(var(--spacing) * 40);
|
|
742
|
-
}
|
|
743
|
-
.w-56 {
|
|
744
|
-
width: calc(var(--spacing) * 56);
|
|
745
|
-
}
|
|
746
|
-
.w-60 {
|
|
747
|
-
width: calc(var(--spacing) * 60);
|
|
748
|
-
}
|
|
749
|
-
.w-64 {
|
|
750
|
-
width: calc(var(--spacing) * 64);
|
|
751
|
-
}
|
|
752
|
-
.w-70 {
|
|
753
|
-
width: calc(var(--spacing) * 70);
|
|
754
|
-
}
|
|
755
|
-
.w-80 {
|
|
756
|
-
width: calc(var(--spacing) * 80);
|
|
757
|
-
}
|
|
758
|
-
.w-90 {
|
|
759
|
-
width: calc(var(--spacing) * 90);
|
|
760
|
-
}
|
|
761
|
-
.w-100 {
|
|
762
|
-
width: calc(var(--spacing) * 100);
|
|
763
|
-
}
|
|
764
|
-
.w-110 {
|
|
765
|
-
width: calc(var(--spacing) * 110);
|
|
766
|
-
}
|
|
767
|
-
.w-120 {
|
|
768
|
-
width: calc(var(--spacing) * 120);
|
|
769
|
-
}
|
|
770
|
-
.w-140 {
|
|
771
|
-
width: calc(var(--spacing) * 140);
|
|
772
|
-
}
|
|
773
|
-
.w-160 {
|
|
774
|
-
width: calc(var(--spacing) * 160);
|
|
775
|
-
}
|
|
776
|
-
.w-200 {
|
|
777
|
-
width: calc(var(--spacing) * 200);
|
|
778
|
-
}
|
|
779
667
|
.w-\[max\(var\(--slider-thumb-width\)\,\.5rem\)\] {
|
|
780
668
|
width: max(var(--slider-thumb-width), .5rem);
|
|
781
669
|
}
|
|
@@ -800,15 +688,6 @@
|
|
|
800
688
|
.w-screen {
|
|
801
689
|
width: 100vw;
|
|
802
690
|
}
|
|
803
|
-
.max-w-\[520px\] {
|
|
804
|
-
max-width: 520px;
|
|
805
|
-
}
|
|
806
|
-
.max-w-\[560px\] {
|
|
807
|
-
max-width: 560px;
|
|
808
|
-
}
|
|
809
|
-
.max-w-\[720px\] {
|
|
810
|
-
max-width: 720px;
|
|
811
|
-
}
|
|
812
691
|
.max-w-\[calc\(100\%-var\(--spacing\)\*10\)\] {
|
|
813
692
|
max-width: calc(100% - var(--spacing) * 10);
|
|
814
693
|
}
|
|
@@ -917,12 +796,6 @@
|
|
|
917
796
|
.items-center {
|
|
918
797
|
align-items: center;
|
|
919
798
|
}
|
|
920
|
-
.items-end {
|
|
921
|
-
align-items: flex-end;
|
|
922
|
-
}
|
|
923
|
-
.items-start {
|
|
924
|
-
align-items: flex-start;
|
|
925
|
-
}
|
|
926
799
|
.justify-between {
|
|
927
800
|
justify-content: space-between;
|
|
928
801
|
}
|
|
@@ -971,16 +844,6 @@
|
|
|
971
844
|
.gap-8 {
|
|
972
845
|
gap: calc(var(--spacing) * 8);
|
|
973
846
|
}
|
|
974
|
-
.gap-40 {
|
|
975
|
-
gap: calc(var(--spacing) * 40);
|
|
976
|
-
}
|
|
977
|
-
.space-y-2 {
|
|
978
|
-
:where(& > :not(:last-child)) {
|
|
979
|
-
--tw-space-y-reverse: 0;
|
|
980
|
-
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
|
|
981
|
-
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
982
|
-
}
|
|
983
|
-
}
|
|
984
847
|
.space-x-3 {
|
|
985
848
|
:where(& > :not(:last-child)) {
|
|
986
849
|
--tw-space-x-reverse: 0;
|
|
@@ -1014,15 +877,9 @@
|
|
|
1014
877
|
text-overflow: ellipsis;
|
|
1015
878
|
white-space: nowrap;
|
|
1016
879
|
}
|
|
1017
|
-
.overflow-auto {
|
|
1018
|
-
overflow: auto;
|
|
1019
|
-
}
|
|
1020
880
|
.overflow-hidden {
|
|
1021
881
|
overflow: hidden;
|
|
1022
882
|
}
|
|
1023
|
-
.overflow-x-hidden {
|
|
1024
|
-
overflow-x: hidden;
|
|
1025
|
-
}
|
|
1026
883
|
.overflow-y-auto {
|
|
1027
884
|
overflow-y: auto;
|
|
1028
885
|
}
|
|
@@ -1094,54 +951,15 @@
|
|
|
1094
951
|
--tw-border-style: none;
|
|
1095
952
|
border-style: none;
|
|
1096
953
|
}
|
|
1097
|
-
.border-h33 {
|
|
1098
|
-
border-color: var(--color-h33);
|
|
1099
|
-
}
|
|
1100
|
-
.border-h55 {
|
|
1101
|
-
border-color: var(--color-h55);
|
|
1102
|
-
}
|
|
1103
|
-
.border-rz-green {
|
|
1104
|
-
border-color: var(--color-rz-green);
|
|
1105
|
-
}
|
|
1106
|
-
.bg-h00 {
|
|
1107
|
-
background-color: var(--color-h00);
|
|
1108
|
-
}
|
|
1109
|
-
.bg-h00\/20 {
|
|
1110
|
-
background-color: color-mix(in srgb, oklch(0% 0 0) 20%, transparent);
|
|
1111
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1112
|
-
background-color: color-mix(in oklab, var(--color-h00) 20%, transparent);
|
|
1113
|
-
}
|
|
1114
|
-
}
|
|
1115
|
-
.bg-h22 {
|
|
1116
|
-
background-color: var(--color-h22);
|
|
1117
|
-
}
|
|
1118
|
-
.bg-rz-green {
|
|
1119
|
-
background-color: var(--color-rz-green);
|
|
1120
|
-
}
|
|
1121
|
-
.bg-rz-green\/70 {
|
|
1122
|
-
background-color: color-mix(in srgb, oklch(76.87% 0.2343 141.32) 70%, transparent);
|
|
1123
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1124
|
-
background-color: color-mix(in oklab, var(--color-rz-green) 70%, transparent);
|
|
1125
|
-
}
|
|
1126
|
-
}
|
|
1127
954
|
.bg-transparent {
|
|
1128
955
|
background-color: transparent;
|
|
1129
956
|
}
|
|
1130
|
-
.bg-cover {
|
|
1131
|
-
background-size: cover;
|
|
1132
|
-
}
|
|
1133
|
-
.bg-center {
|
|
1134
|
-
background-position: center;
|
|
1135
|
-
}
|
|
1136
957
|
.stroke-black {
|
|
1137
958
|
stroke: var(--color-black);
|
|
1138
959
|
}
|
|
1139
960
|
.stroke-\[\.125rem\] {
|
|
1140
961
|
stroke-width: .125rem;
|
|
1141
962
|
}
|
|
1142
|
-
.object-cover {
|
|
1143
|
-
object-fit: cover;
|
|
1144
|
-
}
|
|
1145
963
|
.p-0 {
|
|
1146
964
|
padding: calc(var(--spacing) * 0);
|
|
1147
965
|
}
|
|
@@ -1274,9 +1092,6 @@
|
|
|
1274
1092
|
.pr-7 {
|
|
1275
1093
|
padding-right: calc(var(--spacing) * 7);
|
|
1276
1094
|
}
|
|
1277
|
-
.pb-2 {
|
|
1278
|
-
padding-bottom: calc(var(--spacing) * 2);
|
|
1279
|
-
}
|
|
1280
1095
|
.pl-4 {
|
|
1281
1096
|
padding-left: calc(var(--spacing) * 4);
|
|
1282
1097
|
}
|
|
@@ -1335,78 +1150,18 @@
|
|
|
1335
1150
|
font-size: var(--text-xs);
|
|
1336
1151
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
1337
1152
|
}
|
|
1338
|
-
.text-\[10px\] {
|
|
1339
|
-
font-size: 10px;
|
|
1340
|
-
}
|
|
1341
|
-
.leading-none {
|
|
1342
|
-
--tw-leading: 1;
|
|
1343
|
-
line-height: 1;
|
|
1344
|
-
}
|
|
1345
|
-
.font-bold {
|
|
1346
|
-
--tw-font-weight: var(--font-weight-bold);
|
|
1347
|
-
font-weight: var(--font-weight-bold);
|
|
1348
|
-
}
|
|
1349
|
-
.font-medium {
|
|
1350
|
-
--tw-font-weight: var(--font-weight-medium);
|
|
1351
|
-
font-weight: var(--font-weight-medium);
|
|
1352
|
-
}
|
|
1353
|
-
.wrap-break-word {
|
|
1354
|
-
overflow-wrap: break-word;
|
|
1355
|
-
}
|
|
1356
1153
|
.whitespace-nowrap {
|
|
1357
1154
|
white-space: nowrap;
|
|
1358
1155
|
}
|
|
1359
|
-
.whitespace-pre-wrap {
|
|
1360
|
-
white-space: pre-wrap;
|
|
1361
|
-
}
|
|
1362
|
-
.text-black {
|
|
1363
|
-
color: var(--color-black);
|
|
1364
|
-
}
|
|
1365
|
-
.text-h55 {
|
|
1366
|
-
color: var(--color-h55);
|
|
1367
|
-
}
|
|
1368
|
-
.text-hcc {
|
|
1369
|
-
color: var(--color-hcc);
|
|
1370
|
-
}
|
|
1371
|
-
.text-hff {
|
|
1372
|
-
color: var(--color-hff);
|
|
1373
|
-
}
|
|
1374
1156
|
.text-inherit {
|
|
1375
1157
|
color: inherit;
|
|
1376
1158
|
}
|
|
1377
|
-
.text-rz-green {
|
|
1378
|
-
color: var(--color-rz-green);
|
|
1379
|
-
}
|
|
1380
|
-
.text-rz-red {
|
|
1381
|
-
color: var(--color-rz-red);
|
|
1382
|
-
}
|
|
1383
|
-
.text-white {
|
|
1384
|
-
color: var(--color-white);
|
|
1385
|
-
}
|
|
1386
1159
|
.uppercase {
|
|
1387
1160
|
text-transform: uppercase;
|
|
1388
1161
|
}
|
|
1389
|
-
.italic {
|
|
1390
|
-
font-style: italic;
|
|
1391
|
-
}
|
|
1392
|
-
.underline {
|
|
1393
|
-
text-decoration-line: underline;
|
|
1394
|
-
}
|
|
1395
1162
|
.opacity-30 {
|
|
1396
1163
|
opacity: 30%;
|
|
1397
1164
|
}
|
|
1398
|
-
.opacity-60 {
|
|
1399
|
-
opacity: 60%;
|
|
1400
|
-
}
|
|
1401
|
-
.opacity-70 {
|
|
1402
|
-
opacity: 70%;
|
|
1403
|
-
}
|
|
1404
|
-
.opacity-75 {
|
|
1405
|
-
opacity: 75%;
|
|
1406
|
-
}
|
|
1407
|
-
.opacity-80 {
|
|
1408
|
-
opacity: 80%;
|
|
1409
|
-
}
|
|
1410
1165
|
.outline-hidden {
|
|
1411
1166
|
--tw-outline-style: none;
|
|
1412
1167
|
outline-style: none;
|
|
@@ -1452,12 +1207,6 @@
|
|
|
1452
1207
|
-webkit-user-select: none;
|
|
1453
1208
|
user-select: none;
|
|
1454
1209
|
}
|
|
1455
|
-
.\[--arrow-background\:var\(--color-rz-green\)\] {
|
|
1456
|
-
--arrow-background: var(--color-rz-green);
|
|
1457
|
-
}
|
|
1458
|
-
.\[--arrow-border\:var\(--color-h00\)\] {
|
|
1459
|
-
--arrow-border: var(--color-h00);
|
|
1460
|
-
}
|
|
1461
1210
|
.\[--height\:calc\(var\(--spacing\)\)\] {
|
|
1462
1211
|
--height: calc(var(--spacing));
|
|
1463
1212
|
}
|
|
@@ -1608,34 +1357,6 @@
|
|
|
1608
1357
|
content: var(--tw-content);
|
|
1609
1358
|
}
|
|
1610
1359
|
}
|
|
1611
|
-
.hover\:bg-rz-green {
|
|
1612
|
-
&:hover {
|
|
1613
|
-
@media (hover: hover) {
|
|
1614
|
-
background-color: var(--color-rz-green);
|
|
1615
|
-
}
|
|
1616
|
-
}
|
|
1617
|
-
}
|
|
1618
|
-
.hover\:text-hff {
|
|
1619
|
-
&:hover {
|
|
1620
|
-
@media (hover: hover) {
|
|
1621
|
-
color: var(--color-hff);
|
|
1622
|
-
}
|
|
1623
|
-
}
|
|
1624
|
-
}
|
|
1625
|
-
.hover\:text-rz-green-light {
|
|
1626
|
-
&:hover {
|
|
1627
|
-
@media (hover: hover) {
|
|
1628
|
-
color: var(--color-rz-green-light);
|
|
1629
|
-
}
|
|
1630
|
-
}
|
|
1631
|
-
}
|
|
1632
|
-
.hover\:underline {
|
|
1633
|
-
&:hover {
|
|
1634
|
-
@media (hover: hover) {
|
|
1635
|
-
text-decoration-line: underline;
|
|
1636
|
-
}
|
|
1637
|
-
}
|
|
1638
|
-
}
|
|
1639
1360
|
.focus\:outline-none {
|
|
1640
1361
|
&:focus {
|
|
1641
1362
|
--tw-outline-style: none;
|
|
@@ -1676,11 +1397,6 @@
|
|
|
1676
1397
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1677
1398
|
}
|
|
1678
1399
|
}
|
|
1679
|
-
.data-\[state\=checked\]\:bg-rz-green {
|
|
1680
|
-
&[data-state="checked"] {
|
|
1681
|
-
background-color: var(--color-rz-green);
|
|
1682
|
-
}
|
|
1683
|
-
}
|
|
1684
1400
|
.data-\[state\=closed\]\:rotate-0 {
|
|
1685
1401
|
&[data-state="closed"] {
|
|
1686
1402
|
rotate: 0deg;
|
|
@@ -1771,11 +1487,6 @@
|
|
|
1771
1487
|
opacity: var(--disabled-opacity);
|
|
1772
1488
|
}
|
|
1773
1489
|
}
|
|
1774
|
-
.data-\[state\=indeterminate\]\:bg-rz-green {
|
|
1775
|
-
&[data-state="indeterminate"] {
|
|
1776
|
-
background-color: var(--color-rz-green);
|
|
1777
|
-
}
|
|
1778
|
-
}
|
|
1779
1490
|
.data-\[state\=open\]\:rotate-90 {
|
|
1780
1491
|
&[data-state="open"] {
|
|
1781
1492
|
rotate: 90deg;
|
|
@@ -1931,21 +1642,6 @@
|
|
|
1931
1642
|
max-width: 80vw;
|
|
1932
1643
|
}
|
|
1933
1644
|
}
|
|
1934
|
-
.md\:grid-cols-2 {
|
|
1935
|
-
@media (width >= 48rem) {
|
|
1936
|
-
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1937
|
-
}
|
|
1938
|
-
}
|
|
1939
|
-
.dark\:bg-h00 {
|
|
1940
|
-
@media (prefers-color-scheme: dark) {
|
|
1941
|
-
background-color: var(--color-h00);
|
|
1942
|
-
}
|
|
1943
|
-
}
|
|
1944
|
-
.dark\:text-hff {
|
|
1945
|
-
@media (prefers-color-scheme: dark) {
|
|
1946
|
-
color: var(--color-hff);
|
|
1947
|
-
}
|
|
1948
|
-
}
|
|
1949
1645
|
.\[\&_\[data-part\=\"input\"\]\]\:px-0 {
|
|
1950
1646
|
& [data-part="input"] {
|
|
1951
1647
|
padding-inline: calc(var(--spacing) * 0);
|
|
@@ -2030,11 +1726,6 @@
|
|
|
2030
1726
|
height: 100%;
|
|
2031
1727
|
}
|
|
2032
1728
|
}
|
|
2033
|
-
.\[\&\>svg\]\:stroke-3 {
|
|
2034
|
-
&>svg {
|
|
2035
|
-
stroke-width: 3;
|
|
2036
|
-
}
|
|
2037
|
-
}
|
|
2038
1729
|
}
|
|
2039
1730
|
@property --motion-duration {
|
|
2040
1731
|
syntax: '<time>';
|
|
@@ -4755,11 +4446,6 @@
|
|
|
4755
4446
|
syntax: "*";
|
|
4756
4447
|
inherits: false;
|
|
4757
4448
|
}
|
|
4758
|
-
@property --tw-space-y-reverse {
|
|
4759
|
-
syntax: "*";
|
|
4760
|
-
inherits: false;
|
|
4761
|
-
initial-value: 0;
|
|
4762
|
-
}
|
|
4763
4449
|
@property --tw-space-x-reverse {
|
|
4764
4450
|
syntax: "*";
|
|
4765
4451
|
inherits: false;
|
|
@@ -4770,14 +4456,6 @@
|
|
|
4770
4456
|
inherits: false;
|
|
4771
4457
|
initial-value: solid;
|
|
4772
4458
|
}
|
|
4773
|
-
@property --tw-leading {
|
|
4774
|
-
syntax: "*";
|
|
4775
|
-
inherits: false;
|
|
4776
|
-
}
|
|
4777
|
-
@property --tw-font-weight {
|
|
4778
|
-
syntax: "*";
|
|
4779
|
-
inherits: false;
|
|
4780
|
-
}
|
|
4781
4459
|
@property --tw-outline-style {
|
|
4782
4460
|
syntax: "*";
|
|
4783
4461
|
inherits: false;
|
|
@@ -5082,11 +4760,8 @@
|
|
|
5082
4760
|
--tw-rotate-z: initial;
|
|
5083
4761
|
--tw-skew-x: initial;
|
|
5084
4762
|
--tw-skew-y: initial;
|
|
5085
|
-
--tw-space-y-reverse: 0;
|
|
5086
4763
|
--tw-space-x-reverse: 0;
|
|
5087
4764
|
--tw-border-style: solid;
|
|
5088
|
-
--tw-leading: initial;
|
|
5089
|
-
--tw-font-weight: initial;
|
|
5090
4765
|
--tw-outline-style: solid;
|
|
5091
4766
|
--tw-blur: initial;
|
|
5092
4767
|
--tw-brightness: initial;
|
package/package.json
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rark-ui/themes",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.2",
|
|
5
5
|
"description": "Themes for Rark UI",
|
|
6
|
-
"author":
|
|
6
|
+
"author": {
|
|
7
|
+
"name": "Hwacc",
|
|
8
|
+
"email": "mshcccck@gmail.com",
|
|
9
|
+
"url": "https://github.com/Hwacc/rark-ui"
|
|
10
|
+
},
|
|
7
11
|
"license": "MIT",
|
|
8
12
|
"keywords": [
|
|
9
13
|
"rark-ui",
|
|
@@ -5,5 +5,7 @@ export default {
|
|
|
5
5
|
'./crafts/**/*.{ts}',
|
|
6
6
|
'../../../vue/core/src/**/*.{vue,ts,tsx}',
|
|
7
7
|
'../../../vue/addons/**/*.{vue,ts,tsx}',
|
|
8
|
+
'!../../../vue/core/src/**/examples/**/*.{vue,ts,tsx}',
|
|
9
|
+
'!../../../vue/addons/**/examples/**/*.{vue,ts,tsx}',
|
|
8
10
|
],
|
|
9
11
|
} satisfies Config
|
|
@@ -6,5 +6,7 @@ export default {
|
|
|
6
6
|
'../default/**/*.{ts}',
|
|
7
7
|
'../../../vue/core/src/**/*.{vue,ts,tsx}',
|
|
8
8
|
'../../../vue/addons/**/*.{vue,ts,tsx}',
|
|
9
|
+
'!../../../vue/core/src/**/examples/**/*.{vue,ts,tsx}',
|
|
10
|
+
'!../../../vue/addons/**/examples/**/*.{vue,ts,tsx}',
|
|
9
11
|
],
|
|
10
12
|
} satisfies Config
|