@juo/orion-extensions 0.6.0 → 0.7.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/style.css CHANGED
@@ -525,6 +525,9 @@ video {
525
525
  .pointer-events-none {
526
526
  pointer-events: none;
527
527
  }
528
+ .visible {
529
+ visibility: visible;
530
+ }
528
531
  .fixed {
529
532
  position: fixed;
530
533
  }
@@ -552,18 +555,6 @@ video {
552
555
  .z-50 {
553
556
  z-index: 50;
554
557
  }
555
- .mx-1 {
556
- margin-left: 0.25rem;
557
- margin-right: 0.25rem;
558
- }
559
- .mx-2 {
560
- margin-left: 0.5rem;
561
- margin-right: 0.5rem;
562
- }
563
- .mx-2\.5 {
564
- margin-left: 0.625rem;
565
- margin-right: 0.625rem;
566
- }
567
558
  .mx-\[40px\] {
568
559
  margin-left: 40px;
569
560
  margin-right: 40px;
@@ -586,9 +577,6 @@ video {
586
577
  .mb-6 {
587
578
  margin-bottom: 1.5rem;
588
579
  }
589
- .mb-\[16px\] {
590
- margin-bottom: 16px;
591
- }
592
580
  .ml-1 {
593
581
  margin-left: 0.25rem;
594
582
  }
@@ -604,12 +592,6 @@ video {
604
592
  .mr-3 {
605
593
  margin-right: 0.75rem;
606
594
  }
607
- .mr-\[4px\] {
608
- margin-right: 4px;
609
- }
610
- .mt-0 {
611
- margin-top: 0px;
612
- }
613
595
  .mt-1 {
614
596
  margin-top: 0.25rem;
615
597
  }
@@ -622,9 +604,6 @@ video {
622
604
  .mt-4 {
623
605
  margin-top: 1rem;
624
606
  }
625
- .mt-\[36px\] {
626
- margin-top: 36px;
627
- }
628
607
  .box-border {
629
608
  box-sizing: border-box;
630
609
  }
@@ -643,18 +622,24 @@ video {
643
622
  .inline-flex {
644
623
  display: inline-flex;
645
624
  }
625
+ .grid {
626
+ display: grid;
627
+ }
628
+ .hidden {
629
+ display: none;
630
+ }
646
631
  .h-1 {
647
632
  height: 0.25rem;
648
633
  }
634
+ .h-10 {
635
+ height: 2.5rem;
636
+ }
649
637
  .h-2 {
650
638
  height: 0.5rem;
651
639
  }
652
640
  .h-4 {
653
641
  height: 1rem;
654
642
  }
655
- .h-5 {
656
- height: 1.25rem;
657
- }
658
643
  .h-7 {
659
644
  height: 1.75rem;
660
645
  }
@@ -670,27 +655,21 @@ video {
670
655
  .h-\[33px\] {
671
656
  height: 33px;
672
657
  }
673
- .h-\[40px\] {
674
- height: 40px;
675
- }
676
- .h-\[48px\] {
677
- height: 48px;
678
- }
679
658
  .h-\[7px\] {
680
659
  height: 7px;
681
660
  }
682
661
  .h-full {
683
662
  height: 100%;
684
663
  }
664
+ .h-px {
665
+ height: 1px;
666
+ }
685
667
  .max-h-\[400px\] {
686
668
  max-height: 400px;
687
669
  }
688
670
  .w-2 {
689
671
  width: 0.5rem;
690
672
  }
691
- .w-5 {
692
- width: 1.25rem;
693
- }
694
673
  .w-\[20px\] {
695
674
  width: 20px;
696
675
  }
@@ -715,27 +694,27 @@ video {
715
694
  .min-w-\[400px\] {
716
695
  min-width: 400px;
717
696
  }
718
- .min-w-\[440px\] {
719
- min-width: 440px;
720
- }
721
697
  .min-w-\[63\.6px\] {
722
698
  min-width: 63.6px;
723
699
  }
700
+ .max-w-\[440px\] {
701
+ max-width: 440px;
702
+ }
724
703
  .max-w-full {
725
704
  max-width: 100%;
726
705
  }
727
706
  .flex-1 {
728
707
  flex: 1 1 0%;
729
708
  }
709
+ .flex-shrink {
710
+ flex-shrink: 1;
711
+ }
730
712
  .flex-shrink-0 {
731
713
  flex-shrink: 0;
732
714
  }
733
715
  .shrink-0 {
734
716
  flex-shrink: 0;
735
717
  }
736
- .flex-grow {
737
- flex-grow: 1;
738
- }
739
718
  .grow {
740
719
  flex-grow: 1;
741
720
  }
@@ -745,11 +724,6 @@ video {
745
724
  .cursor-pointer {
746
725
  cursor: pointer;
747
726
  }
748
- .appearance-none {
749
- -webkit-appearance: none;
750
- -moz-appearance: none;
751
- appearance: none;
752
- }
753
727
  .flex-row {
754
728
  flex-direction: row;
755
729
  }
@@ -821,11 +795,6 @@ video {
821
795
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
822
796
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
823
797
  }
824
- .space-x-\[12px\] > :not([hidden]) ~ :not([hidden]) {
825
- --tw-space-x-reverse: 0;
826
- margin-right: calc(12px * var(--tw-space-x-reverse));
827
- margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
828
- }
829
798
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
830
799
  --tw-space-y-reverse: 0;
831
800
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -887,12 +856,6 @@ video {
887
856
  .rounded-\[6\.8px\] {
888
857
  border-radius: 6.8px;
889
858
  }
890
- .rounded-\[6px\] {
891
- border-radius: 6px;
892
- }
893
- .rounded-\[8px\] {
894
- border-radius: 8px;
895
- }
896
859
  .rounded-full {
897
860
  border-radius: 9999px;
898
861
  }
@@ -912,18 +875,12 @@ video {
912
875
  .border {
913
876
  border-width: 1px;
914
877
  }
915
- .border-0 {
916
- border-width: 0px;
917
- }
918
878
  .border-2 {
919
879
  border-width: 2px;
920
880
  }
921
881
  .border-\[0\.5px\] {
922
882
  border-width: 0.5px;
923
883
  }
924
- .border-b {
925
- border-bottom-width: 1px;
926
- }
927
884
  .border-l-4 {
928
885
  border-left-width: 4px;
929
886
  }
@@ -933,10 +890,6 @@ video {
933
890
  .border-solid {
934
891
  border-style: solid;
935
892
  }
936
- .border-\[\#CACACA\] {
937
- --tw-border-opacity: 1;
938
- border-color: rgb(202 202 202 / var(--tw-border-opacity));
939
- }
940
893
  .border-\[\#D1D5DB\] {
941
894
  --tw-border-opacity: 1;
942
895
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -992,18 +945,10 @@ video {
992
945
  --tw-border-opacity: 1;
993
946
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
994
947
  }
995
- .border-b-\[\#E9E9E9\] {
996
- --tw-border-opacity: 1;
997
- border-bottom-color: rgb(233 233 233 / var(--tw-border-opacity));
998
- }
999
948
  .border-l-blue-600 {
1000
949
  --tw-border-opacity: 1;
1001
950
  border-left-color: rgb(37 99 235 / var(--tw-border-opacity));
1002
951
  }
1003
- .bg-\[\#1C2024\] {
1004
- --tw-bg-opacity: 1;
1005
- background-color: rgb(28 32 36 / var(--tw-bg-opacity));
1006
- }
1007
952
  .bg-\[\#303030\] {
1008
953
  --tw-bg-opacity: 1;
1009
954
  background-color: rgb(48 48 48 / var(--tw-bg-opacity));
@@ -1012,6 +957,10 @@ video {
1012
957
  --tw-bg-opacity: 1;
1013
958
  background-color: rgb(211 211 211 / var(--tw-bg-opacity));
1014
959
  }
960
+ .bg-\[\#D9D9D9\] {
961
+ --tw-bg-opacity: 1;
962
+ background-color: rgb(217 217 217 / var(--tw-bg-opacity));
963
+ }
1015
964
  .bg-\[\#F9FAFB\] {
1016
965
  --tw-bg-opacity: 1;
1017
966
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -1032,9 +981,6 @@ video {
1032
981
  .bg-\[var\(--primary\)\] {
1033
982
  background-color: var(--primary);
1034
983
  }
1035
- .bg-\[var\(--primary-foreground\)\] {
1036
- background-color: var(--primary-foreground);
1037
- }
1038
984
  .bg-black {
1039
985
  --tw-bg-opacity: 1;
1040
986
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1116,6 +1062,9 @@ video {
1116
1062
  -o-object-fit: cover;
1117
1063
  object-fit: cover;
1118
1064
  }
1065
+ .p-0 {
1066
+ padding: 0px;
1067
+ }
1119
1068
  .p-2 {
1120
1069
  padding: 0.5rem;
1121
1070
  }
@@ -1134,9 +1083,6 @@ video {
1134
1083
  .p-6 {
1135
1084
  padding: 1.5rem;
1136
1085
  }
1137
- .p-\[20px\] {
1138
- padding: 20px;
1139
- }
1140
1086
  .p-\[6px\] {
1141
1087
  padding: 6px;
1142
1088
  }
@@ -1172,10 +1118,6 @@ video {
1172
1118
  padding-left: 13.6px;
1173
1119
  padding-right: 13.6px;
1174
1120
  }
1175
- .px-\[8px\] {
1176
- padding-left: 8px;
1177
- padding-right: 8px;
1178
- }
1179
1121
  .px-\[9px\] {
1180
1122
  padding-left: 9px;
1181
1123
  padding-right: 9px;
@@ -1234,12 +1176,6 @@ video {
1234
1176
  .pt-4 {
1235
1177
  padding-top: 1rem;
1236
1178
  }
1237
- .text-left {
1238
- text-align: left;
1239
- }
1240
- .text-center {
1241
- text-align: center;
1242
- }
1243
1179
  .text-\[10px\] {
1244
1180
  font-size: 10px;
1245
1181
  }
@@ -1258,15 +1194,9 @@ video {
1258
1194
  .text-\[13px\] {
1259
1195
  font-size: 13px;
1260
1196
  }
1261
- .text-\[16px\] {
1262
- font-size: 16px;
1263
- }
1264
1197
  .text-\[18px\] {
1265
1198
  font-size: 18px;
1266
1199
  }
1267
- .text-\[24px\] {
1268
- font-size: 24px;
1269
- }
1270
1200
  .text-\[9px\] {
1271
1201
  font-size: 9px;
1272
1202
  }
@@ -1286,14 +1216,11 @@ video {
1286
1216
  font-size: 0.75rem;
1287
1217
  line-height: 1rem;
1288
1218
  }
1289
- .font-\[500\] {
1290
- font-weight: 500;
1291
- }
1292
1219
  .font-\[540\] {
1293
1220
  font-weight: 540;
1294
1221
  }
1295
- .font-\[700\] {
1296
- font-weight: 700;
1222
+ .font-\[var\(--font-weight-common\)\] {
1223
+ font-weight: var(--font-weight-common);
1297
1224
  }
1298
1225
  .font-bold {
1299
1226
  font-weight: 700;
@@ -1301,58 +1228,27 @@ video {
1301
1228
  .font-medium {
1302
1229
  font-weight: 500;
1303
1230
  }
1304
- .font-normal {
1305
- font-weight: 400;
1306
- }
1307
1231
  .font-semibold {
1308
1232
  font-weight: 600;
1309
1233
  }
1310
1234
  .uppercase {
1311
1235
  text-transform: uppercase;
1312
1236
  }
1313
- .leading-5 {
1314
- line-height: 1.25rem;
1315
- }
1316
1237
  .leading-7 {
1317
1238
  line-height: 1.75rem;
1318
1239
  }
1319
- .leading-\[16px\] {
1320
- line-height: 16px;
1321
- }
1322
- .leading-\[18px\] {
1323
- line-height: 18px;
1324
- }
1325
- .leading-\[22px\] {
1326
- line-height: 22px;
1327
- }
1328
- .leading-\[36px\] {
1329
- line-height: 36px;
1330
- }
1331
1240
  .leading-normal {
1332
1241
  line-height: 1.5;
1333
1242
  }
1334
- .tracking-\[-0\.04px\] {
1335
- letter-spacing: -0.04px;
1336
- }
1337
1243
  .tracking-\[-0\.125px\] {
1338
1244
  letter-spacing: -0.125px;
1339
1245
  }
1340
1246
  .tracking-\[-0\.12px\] {
1341
1247
  letter-spacing: -0.12px;
1342
1248
  }
1343
- .tracking-\[-0\.25px\] {
1344
- letter-spacing: -0.25px;
1345
- }
1346
- .tracking-\[-0\.2px\] {
1347
- letter-spacing: -0.2px;
1348
- }
1349
1249
  .tracking-wide {
1350
1250
  letter-spacing: 0.025em;
1351
1251
  }
1352
- .text-\[\#111111\] {
1353
- --tw-text-opacity: 1;
1354
- color: rgb(17 17 17 / var(--tw-text-opacity));
1355
- }
1356
1252
  .text-\[\#303030\] {
1357
1253
  --tw-text-opacity: 1;
1358
1254
  color: rgb(48 48 48 / var(--tw-text-opacity));
@@ -1373,10 +1269,6 @@ video {
1373
1269
  --tw-text-opacity: 1;
1374
1270
  color: rgb(150 150 150 / var(--tw-text-opacity));
1375
1271
  }
1376
- .text-\[\#9F9F9F\] {
1377
- --tw-text-opacity: 1;
1378
- color: rgb(159 159 159 / var(--tw-text-opacity));
1379
- }
1380
1272
  .text-\[\#FAFAFA\] {
1381
1273
  --tw-text-opacity: 1;
1382
1274
  color: rgb(250 250 250 / var(--tw-text-opacity));
@@ -1387,9 +1279,6 @@ video {
1387
1279
  .text-\[var\(--inactive-fg\)\] {
1388
1280
  color: var(--inactive-fg);
1389
1281
  }
1390
- .text-\[var\(--primary\)\] {
1391
- color: var(--primary);
1392
- }
1393
1282
  .text-\[var\(--primary-foreground\)\] {
1394
1283
  color: var(--primary-foreground);
1395
1284
  }
@@ -1437,14 +1326,6 @@ video {
1437
1326
  --tw-text-opacity: 1;
1438
1327
  color: rgb(220 38 38 / var(--tw-text-opacity));
1439
1328
  }
1440
- .text-red-700 {
1441
- --tw-text-opacity: 1;
1442
- color: rgb(185 28 28 / var(--tw-text-opacity));
1443
- }
1444
- .text-red-800 {
1445
- --tw-text-opacity: 1;
1446
- color: rgb(153 27 27 / var(--tw-text-opacity));
1447
- }
1448
1329
  .text-white {
1449
1330
  --tw-text-opacity: 1;
1450
1331
  color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1458,6 +1339,12 @@ video {
1458
1339
  .no-underline {
1459
1340
  text-decoration-line: none;
1460
1341
  }
1342
+ .opacity-0 {
1343
+ opacity: 0;
1344
+ }
1345
+ .opacity-100 {
1346
+ opacity: 1;
1347
+ }
1461
1348
  .shadow-lg {
1462
1349
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1463
1350
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1505,6 +1392,12 @@ video {
1505
1392
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1506
1393
  transition-duration: 150ms;
1507
1394
  }
1395
+ .ease-in-out {
1396
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1397
+ }
1398
+ .ease-out {
1399
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1400
+ }
1508
1401
  .placeholder\:text-\[\#8A8A8A\]::-moz-placeholder {
1509
1402
  --tw-text-opacity: 1;
1510
1403
  color: rgb(138 138 138 / var(--tw-text-opacity));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@juo/orion-extensions",
3
3
  "private": false,
4
- "version": "0.6.0",
4
+ "version": "0.7.0",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"