@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.
@@ -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;
@@ -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.1",
4
+ "version": "1.2.2",
5
5
  "description": "Themes for Rark UI",
6
- "author": "Hwacc(mshcccck@gmail.com)",
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