@ohhwells/bridge 0.1.20 → 0.1.21
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 +325 -131
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +323 -129
- package/dist/index.js.map +1 -1
- package/dist/styles.css +81 -19
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -17,6 +17,8 @@
|
|
|
17
17
|
--text-lg--line-height: 28px;
|
|
18
18
|
--text-xl: 20px;
|
|
19
19
|
--text-xl--line-height: 28px;
|
|
20
|
+
--text-4xl: 36px;
|
|
21
|
+
--text-4xl--line-height: 40px;
|
|
20
22
|
--text-5xl: 48px;
|
|
21
23
|
--text-5xl--line-height: 1;
|
|
22
24
|
--font-weight-normal: 400;
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
--color-input: var(--ohw-input, #e2e8f0);
|
|
47
49
|
--color-ring: var(--ohw-ring, #64748b);
|
|
48
50
|
--text-5xl--letter-spacing: -0.025em;
|
|
51
|
+
--text-4xl--letter-spacing: -0.025em;
|
|
49
52
|
--text-xl--letter-spacing: -0.025em;
|
|
50
53
|
--text-lg--letter-spacing: 0em;
|
|
51
54
|
--text-base--letter-spacing: 0em;
|
|
@@ -83,6 +86,9 @@
|
|
|
83
86
|
.inset-0 {
|
|
84
87
|
inset: calc(var(--spacing) * 0);
|
|
85
88
|
}
|
|
89
|
+
.top-0 {
|
|
90
|
+
top: calc(var(--spacing) * 0);
|
|
91
|
+
}
|
|
86
92
|
.top-1\/2 {
|
|
87
93
|
top: calc(1 / 2 * 100%);
|
|
88
94
|
}
|
|
@@ -95,6 +101,9 @@
|
|
|
95
101
|
.right-1\.5 {
|
|
96
102
|
right: calc(var(--spacing) * 1.5);
|
|
97
103
|
}
|
|
104
|
+
.bottom-0 {
|
|
105
|
+
bottom: calc(var(--spacing) * 0);
|
|
106
|
+
}
|
|
98
107
|
.left-0 {
|
|
99
108
|
left: calc(var(--spacing) * 0);
|
|
100
109
|
}
|
|
@@ -209,12 +218,6 @@
|
|
|
209
218
|
.w-14 {
|
|
210
219
|
width: calc(var(--spacing) * 14);
|
|
211
220
|
}
|
|
212
|
-
.w-\[120px\] {
|
|
213
|
-
width: 120px;
|
|
214
|
-
}
|
|
215
|
-
.w-\[200px\] {
|
|
216
|
-
width: 200px;
|
|
217
|
-
}
|
|
218
221
|
.w-full {
|
|
219
222
|
width: 100%;
|
|
220
223
|
}
|
|
@@ -401,15 +404,15 @@
|
|
|
401
404
|
.bg-white {
|
|
402
405
|
background-color: var(--color-white);
|
|
403
406
|
}
|
|
407
|
+
.p-0 {
|
|
408
|
+
padding: calc(var(--spacing) * 0);
|
|
409
|
+
}
|
|
404
410
|
.p-1 {
|
|
405
411
|
padding: calc(var(--spacing) * 1);
|
|
406
412
|
}
|
|
407
413
|
.p-6 {
|
|
408
414
|
padding: calc(var(--spacing) * 6);
|
|
409
415
|
}
|
|
410
|
-
.p-10 {
|
|
411
|
-
padding: calc(var(--spacing) * 10);
|
|
412
|
-
}
|
|
413
416
|
.p-12 {
|
|
414
417
|
padding: calc(var(--spacing) * 12);
|
|
415
418
|
}
|
|
@@ -437,9 +440,6 @@
|
|
|
437
440
|
.px-8 {
|
|
438
441
|
padding-inline: calc(var(--spacing) * 8);
|
|
439
442
|
}
|
|
440
|
-
.px-16 {
|
|
441
|
-
padding-inline: calc(var(--spacing) * 16);
|
|
442
|
-
}
|
|
443
443
|
.py-0\.5 {
|
|
444
444
|
padding-block: calc(var(--spacing) * 0.5);
|
|
445
445
|
}
|
|
@@ -455,12 +455,12 @@
|
|
|
455
455
|
.py-8 {
|
|
456
456
|
padding-block: calc(var(--spacing) * 8);
|
|
457
457
|
}
|
|
458
|
+
.py-10 {
|
|
459
|
+
padding-block: calc(var(--spacing) * 10);
|
|
460
|
+
}
|
|
458
461
|
.py-12 {
|
|
459
462
|
padding-block: calc(var(--spacing) * 12);
|
|
460
463
|
}
|
|
461
|
-
.py-20 {
|
|
462
|
-
padding-block: calc(var(--spacing) * 20);
|
|
463
|
-
}
|
|
464
464
|
.py-\[10px\] {
|
|
465
465
|
padding-block: 10px;
|
|
466
466
|
}
|
|
@@ -482,10 +482,10 @@
|
|
|
482
482
|
.font-sans {
|
|
483
483
|
font-family: var(--font-sans);
|
|
484
484
|
}
|
|
485
|
-
.text-
|
|
486
|
-
font-size: var(--text-
|
|
487
|
-
line-height: var(--tw-leading, var(--text-
|
|
488
|
-
letter-spacing: var(--tw-tracking, var(--text-
|
|
485
|
+
.text-4xl {
|
|
486
|
+
font-size: var(--text-4xl);
|
|
487
|
+
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
488
|
+
letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
|
|
489
489
|
}
|
|
490
490
|
.text-base {
|
|
491
491
|
font-size: var(--text-base);
|
|
@@ -789,6 +789,68 @@
|
|
|
789
789
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
790
790
|
}
|
|
791
791
|
}
|
|
792
|
+
.sm\:contents {
|
|
793
|
+
@media (width >= 40rem) {
|
|
794
|
+
display: contents;
|
|
795
|
+
}
|
|
796
|
+
}
|
|
797
|
+
.sm\:flex {
|
|
798
|
+
@media (width >= 40rem) {
|
|
799
|
+
display: flex;
|
|
800
|
+
}
|
|
801
|
+
}
|
|
802
|
+
.sm\:hidden {
|
|
803
|
+
@media (width >= 40rem) {
|
|
804
|
+
display: none;
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
.sm\:w-\[120px\] {
|
|
808
|
+
@media (width >= 40rem) {
|
|
809
|
+
width: 120px;
|
|
810
|
+
}
|
|
811
|
+
}
|
|
812
|
+
.sm\:w-\[200px\] {
|
|
813
|
+
@media (width >= 40rem) {
|
|
814
|
+
width: 200px;
|
|
815
|
+
}
|
|
816
|
+
}
|
|
817
|
+
.sm\:shrink-0 {
|
|
818
|
+
@media (width >= 40rem) {
|
|
819
|
+
flex-shrink: 0;
|
|
820
|
+
}
|
|
821
|
+
}
|
|
822
|
+
.sm\:items-center {
|
|
823
|
+
@media (width >= 40rem) {
|
|
824
|
+
align-items: center;
|
|
825
|
+
}
|
|
826
|
+
}
|
|
827
|
+
.sm\:gap-\[60px\] {
|
|
828
|
+
@media (width >= 40rem) {
|
|
829
|
+
gap: 60px;
|
|
830
|
+
}
|
|
831
|
+
}
|
|
832
|
+
.sm\:p-10 {
|
|
833
|
+
@media (width >= 40rem) {
|
|
834
|
+
padding: calc(var(--spacing) * 10);
|
|
835
|
+
}
|
|
836
|
+
}
|
|
837
|
+
.sm\:px-16 {
|
|
838
|
+
@media (width >= 40rem) {
|
|
839
|
+
padding-inline: calc(var(--spacing) * 16);
|
|
840
|
+
}
|
|
841
|
+
}
|
|
842
|
+
.sm\:py-20 {
|
|
843
|
+
@media (width >= 40rem) {
|
|
844
|
+
padding-block: calc(var(--spacing) * 20);
|
|
845
|
+
}
|
|
846
|
+
}
|
|
847
|
+
.sm\:text-5xl {
|
|
848
|
+
@media (width >= 40rem) {
|
|
849
|
+
font-size: var(--text-5xl);
|
|
850
|
+
line-height: var(--tw-leading, var(--text-5xl--line-height));
|
|
851
|
+
letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
|
|
852
|
+
}
|
|
853
|
+
}
|
|
792
854
|
.\[\&_svg\]\:pointer-events-none {
|
|
793
855
|
& svg {
|
|
794
856
|
pointer-events: none;
|