@ohhwells/bridge 0.1.36-next.54 → 0.1.37
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/README.md +0 -12
- package/dist/index.cjs +601 -2072
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -51
- package/dist/index.d.ts +4 -51
- package/dist/index.js +591 -2062
- package/dist/index.js.map +1 -1
- package/dist/styles.css +21 -156
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
:root, :host {
|
|
5
5
|
--font-sans: Figtree, sans-serif;
|
|
6
6
|
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
7
|
-
--color-gray-300: oklch(87.2% 0.01 258.338);
|
|
8
7
|
--color-stone-200: oklch(92.3% 0.003 48.717);
|
|
9
8
|
--color-stone-500: #78716C;
|
|
10
9
|
--color-stone-950: #0C0A09;
|
|
@@ -23,6 +22,10 @@
|
|
|
23
22
|
--text-lg--line-height: 28px;
|
|
24
23
|
--text-xl: 20px;
|
|
25
24
|
--text-xl--line-height: 28px;
|
|
25
|
+
--text-4xl: 36px;
|
|
26
|
+
--text-4xl--line-height: 40px;
|
|
27
|
+
--text-5xl: 48px;
|
|
28
|
+
--text-5xl--line-height: 1;
|
|
26
29
|
--font-weight-normal: 400;
|
|
27
30
|
--font-weight-medium: 500;
|
|
28
31
|
--font-weight-semibold: 600;
|
|
@@ -33,8 +36,6 @@
|
|
|
33
36
|
--radius-md: 6px;
|
|
34
37
|
--radius-lg: 0.5rem;
|
|
35
38
|
--radius-xl: 0.75rem;
|
|
36
|
-
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
|
|
37
|
-
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
38
39
|
--default-transition-duration: 150ms;
|
|
39
40
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
40
41
|
--font-display: 'Instrument Serif', 'Times New Roman', serif;
|
|
@@ -57,6 +58,8 @@
|
|
|
57
58
|
--color-border: var(--ohw-border, #e2e8f0);
|
|
58
59
|
--color-input: var(--ohw-input, #e2e8f0);
|
|
59
60
|
--color-ring: var(--ohw-ring, #64748b);
|
|
61
|
+
--text-5xl--letter-spacing: -0.025em;
|
|
62
|
+
--text-4xl--letter-spacing: -0.025em;
|
|
60
63
|
--text-xl--letter-spacing: -0.025em;
|
|
61
64
|
--text-lg--letter-spacing: 0em;
|
|
62
65
|
--text-base--letter-spacing: 0em;
|
|
@@ -64,7 +67,6 @@
|
|
|
64
67
|
--text-xs--letter-spacing: 0em;
|
|
65
68
|
--text-body: 18px;
|
|
66
69
|
--text-body--line-height: 1.5;
|
|
67
|
-
--radius-none: 0px;
|
|
68
70
|
--tracking-display-tight: -0.030em;
|
|
69
71
|
}
|
|
70
72
|
}
|
|
@@ -104,9 +106,6 @@
|
|
|
104
106
|
.top-2\.5 {
|
|
105
107
|
top: calc(var(--spacing) * 2.5);
|
|
106
108
|
}
|
|
107
|
-
.top-3 {
|
|
108
|
-
top: calc(var(--spacing) * 3);
|
|
109
|
-
}
|
|
110
109
|
.top-\[9px\] {
|
|
111
110
|
top: 9px;
|
|
112
111
|
}
|
|
@@ -122,9 +121,6 @@
|
|
|
122
121
|
.right-1\.5 {
|
|
123
122
|
right: calc(var(--spacing) * 1.5);
|
|
124
123
|
}
|
|
125
|
-
.right-3 {
|
|
126
|
-
right: calc(var(--spacing) * 3);
|
|
127
|
-
}
|
|
128
124
|
.right-\[9px\] {
|
|
129
125
|
right: 9px;
|
|
130
126
|
}
|
|
@@ -140,9 +136,6 @@
|
|
|
140
136
|
.left-1\/2 {
|
|
141
137
|
left: calc(1 / 2 * 100%);
|
|
142
138
|
}
|
|
143
|
-
.left-5 {
|
|
144
|
-
left: calc(var(--spacing) * 5);
|
|
145
|
-
}
|
|
146
139
|
.z-10 {
|
|
147
140
|
z-index: 10;
|
|
148
141
|
}
|
|
@@ -155,12 +148,6 @@
|
|
|
155
148
|
.z-2147483647 {
|
|
156
149
|
z-index: 2147483647;
|
|
157
150
|
}
|
|
158
|
-
.z-\[1\] {
|
|
159
|
-
z-index: 1;
|
|
160
|
-
}
|
|
161
|
-
.z-\[2\] {
|
|
162
|
-
z-index: 2;
|
|
163
|
-
}
|
|
164
151
|
.z-\[2147483646\] {
|
|
165
152
|
z-index: 2147483646;
|
|
166
153
|
}
|
|
@@ -221,9 +208,6 @@
|
|
|
221
208
|
.flex {
|
|
222
209
|
display: flex;
|
|
223
210
|
}
|
|
224
|
-
.grid {
|
|
225
|
-
display: grid;
|
|
226
|
-
}
|
|
227
211
|
.hidden {
|
|
228
212
|
display: none;
|
|
229
213
|
}
|
|
@@ -237,18 +221,6 @@
|
|
|
237
221
|
width: calc(var(--spacing) * 4);
|
|
238
222
|
height: calc(var(--spacing) * 4);
|
|
239
223
|
}
|
|
240
|
-
.size-5 {
|
|
241
|
-
width: calc(var(--spacing) * 5);
|
|
242
|
-
height: calc(var(--spacing) * 5);
|
|
243
|
-
}
|
|
244
|
-
.size-7 {
|
|
245
|
-
width: calc(var(--spacing) * 7);
|
|
246
|
-
height: calc(var(--spacing) * 7);
|
|
247
|
-
}
|
|
248
|
-
.size-8 {
|
|
249
|
-
width: calc(var(--spacing) * 8);
|
|
250
|
-
height: calc(var(--spacing) * 8);
|
|
251
|
-
}
|
|
252
224
|
.h-6 {
|
|
253
225
|
height: calc(var(--spacing) * 6);
|
|
254
226
|
}
|
|
@@ -264,6 +236,9 @@
|
|
|
264
236
|
.h-10 {
|
|
265
237
|
height: calc(var(--spacing) * 10);
|
|
266
238
|
}
|
|
239
|
+
.h-20 {
|
|
240
|
+
height: calc(var(--spacing) * 20);
|
|
241
|
+
}
|
|
267
242
|
.h-\[70px\] {
|
|
268
243
|
height: 70px;
|
|
269
244
|
}
|
|
@@ -382,16 +357,9 @@
|
|
|
382
357
|
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
383
358
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
384
359
|
}
|
|
385
|
-
.translate-y-1\/2 {
|
|
386
|
-
--tw-translate-y: calc(1 / 2 * 100%);
|
|
387
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
388
|
-
}
|
|
389
360
|
.transform {
|
|
390
361
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
391
362
|
}
|
|
392
|
-
.animate-pulse {
|
|
393
|
-
animation: var(--animate-pulse);
|
|
394
|
-
}
|
|
395
363
|
.cursor-default {
|
|
396
364
|
cursor: default;
|
|
397
365
|
}
|
|
@@ -472,9 +440,6 @@
|
|
|
472
440
|
.overflow-hidden {
|
|
473
441
|
overflow: hidden;
|
|
474
442
|
}
|
|
475
|
-
.overflow-visible {
|
|
476
|
-
overflow: visible;
|
|
477
|
-
}
|
|
478
443
|
.overflow-x-auto {
|
|
479
444
|
overflow-x: auto;
|
|
480
445
|
}
|
|
@@ -493,9 +458,6 @@
|
|
|
493
458
|
.rounded-md {
|
|
494
459
|
border-radius: var(--radius-md);
|
|
495
460
|
}
|
|
496
|
-
.rounded-none {
|
|
497
|
-
border-radius: var(--radius-none);
|
|
498
|
-
}
|
|
499
461
|
.rounded-sm {
|
|
500
462
|
border-radius: var(--radius-sm);
|
|
501
463
|
}
|
|
@@ -563,12 +525,6 @@
|
|
|
563
525
|
.bg-background {
|
|
564
526
|
background-color: var(--color-background);
|
|
565
527
|
}
|
|
566
|
-
.bg-background\/90 {
|
|
567
|
-
background-color: var(--color-background);
|
|
568
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
569
|
-
background-color: color-mix(in oklab, var(--color-background) 90%, transparent);
|
|
570
|
-
}
|
|
571
|
-
}
|
|
572
528
|
.bg-black\/20 {
|
|
573
529
|
background-color: color-mix(in srgb, #000 20%, transparent);
|
|
574
530
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -590,18 +546,9 @@
|
|
|
590
546
|
.bg-foreground {
|
|
591
547
|
background-color: var(--color-foreground);
|
|
592
548
|
}
|
|
593
|
-
.bg-gray-300 {
|
|
594
|
-
background-color: var(--color-gray-300);
|
|
595
|
-
}
|
|
596
549
|
.bg-muted {
|
|
597
550
|
background-color: var(--color-muted);
|
|
598
551
|
}
|
|
599
|
-
.bg-muted\/40 {
|
|
600
|
-
background-color: var(--color-muted);
|
|
601
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
602
|
-
background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
|
|
603
|
-
}
|
|
604
|
-
}
|
|
605
552
|
.bg-popover {
|
|
606
553
|
background-color: var(--color-popover);
|
|
607
554
|
}
|
|
@@ -653,9 +600,6 @@
|
|
|
653
600
|
.px-3 {
|
|
654
601
|
padding-inline: calc(var(--spacing) * 3);
|
|
655
602
|
}
|
|
656
|
-
.px-4 {
|
|
657
|
-
padding-inline: calc(var(--spacing) * 4);
|
|
658
|
-
}
|
|
659
603
|
.px-5 {
|
|
660
604
|
padding-inline: calc(var(--spacing) * 5);
|
|
661
605
|
}
|
|
@@ -680,9 +624,6 @@
|
|
|
680
624
|
.py-2 {
|
|
681
625
|
padding-block: calc(var(--spacing) * 2);
|
|
682
626
|
}
|
|
683
|
-
.py-3 {
|
|
684
|
-
padding-block: calc(var(--spacing) * 3);
|
|
685
|
-
}
|
|
686
627
|
.py-4 {
|
|
687
628
|
padding-block: calc(var(--spacing) * 4);
|
|
688
629
|
}
|
|
@@ -740,6 +681,11 @@
|
|
|
740
681
|
.font-sans {
|
|
741
682
|
font-family: var(--font-sans);
|
|
742
683
|
}
|
|
684
|
+
.text-4xl {
|
|
685
|
+
font-size: var(--text-4xl);
|
|
686
|
+
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
687
|
+
letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
|
|
688
|
+
}
|
|
743
689
|
.text-base {
|
|
744
690
|
font-size: var(--text-base);
|
|
745
691
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
@@ -769,10 +715,6 @@
|
|
|
769
715
|
font-size: var(--text-body);
|
|
770
716
|
line-height: var(--tw-leading, var(--text-body--line-height));
|
|
771
717
|
}
|
|
772
|
-
.leading-4 {
|
|
773
|
-
--tw-leading: calc(var(--spacing) * 4);
|
|
774
|
-
line-height: calc(var(--spacing) * 4);
|
|
775
|
-
}
|
|
776
718
|
.leading-5 {
|
|
777
719
|
--tw-leading: calc(var(--spacing) * 5);
|
|
778
720
|
line-height: calc(var(--spacing) * 5);
|
|
@@ -797,10 +739,6 @@
|
|
|
797
739
|
--tw-font-weight: var(--font-weight-medium);
|
|
798
740
|
font-weight: var(--font-weight-medium);
|
|
799
741
|
}
|
|
800
|
-
.font-medium\! {
|
|
801
|
-
--tw-font-weight: var(--font-weight-medium) !important;
|
|
802
|
-
font-weight: var(--font-weight-medium) !important;
|
|
803
|
-
}
|
|
804
742
|
.font-normal {
|
|
805
743
|
--tw-font-weight: var(--font-weight-normal);
|
|
806
744
|
font-weight: var(--font-weight-normal);
|
|
@@ -809,10 +747,6 @@
|
|
|
809
747
|
--tw-font-weight: var(--font-weight-semibold);
|
|
810
748
|
font-weight: var(--font-weight-semibold);
|
|
811
749
|
}
|
|
812
|
-
.tracking-\[0\.18px\] {
|
|
813
|
-
--tw-tracking: 0.18px;
|
|
814
|
-
letter-spacing: 0.18px;
|
|
815
|
-
}
|
|
816
750
|
.tracking-display-tight {
|
|
817
751
|
--tw-tracking: var(--tracking-display-tight);
|
|
818
752
|
letter-spacing: var(--tracking-display-tight);
|
|
@@ -851,9 +785,6 @@
|
|
|
851
785
|
.text-foreground {
|
|
852
786
|
color: var(--color-foreground);
|
|
853
787
|
}
|
|
854
|
-
.text-foreground\! {
|
|
855
|
-
color: var(--color-foreground) !important;
|
|
856
|
-
}
|
|
857
788
|
.text-muted-foreground {
|
|
858
789
|
color: var(--color-muted-foreground);
|
|
859
790
|
}
|
|
@@ -869,9 +800,6 @@
|
|
|
869
800
|
.text-stone-500 {
|
|
870
801
|
color: var(--color-stone-500);
|
|
871
802
|
}
|
|
872
|
-
.text-white {
|
|
873
|
-
color: var(--color-white);
|
|
874
|
-
}
|
|
875
803
|
.italic {
|
|
876
804
|
font-style: italic;
|
|
877
805
|
}
|
|
@@ -941,11 +869,6 @@
|
|
|
941
869
|
.filter {
|
|
942
870
|
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,);
|
|
943
871
|
}
|
|
944
|
-
.transition-\[background-color\] {
|
|
945
|
-
transition-property: background-color;
|
|
946
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
947
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
948
|
-
}
|
|
949
872
|
.transition-\[border-color\,box-shadow\] {
|
|
950
873
|
transition-property: border-color,box-shadow;
|
|
951
874
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -966,23 +889,10 @@
|
|
|
966
889
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
967
890
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
968
891
|
}
|
|
969
|
-
.transition-opacity {
|
|
970
|
-
transition-property: opacity;
|
|
971
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
972
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
973
|
-
}
|
|
974
|
-
.duration-150 {
|
|
975
|
-
--tw-duration: 150ms;
|
|
976
|
-
transition-duration: 150ms;
|
|
977
|
-
}
|
|
978
892
|
.duration-200 {
|
|
979
893
|
--tw-duration: 200ms;
|
|
980
894
|
transition-duration: 200ms;
|
|
981
895
|
}
|
|
982
|
-
.ease-out {
|
|
983
|
-
--tw-ease: var(--ease-out);
|
|
984
|
-
transition-timing-function: var(--ease-out);
|
|
985
|
-
}
|
|
986
896
|
.outline-none {
|
|
987
897
|
--tw-outline-style: none;
|
|
988
898
|
outline-style: none;
|
|
@@ -1103,13 +1013,6 @@
|
|
|
1103
1013
|
}
|
|
1104
1014
|
}
|
|
1105
1015
|
}
|
|
1106
|
-
.hover\:bg-background {
|
|
1107
|
-
&:hover {
|
|
1108
|
-
@media (hover: hover) {
|
|
1109
|
-
background-color: var(--color-background);
|
|
1110
|
-
}
|
|
1111
|
-
}
|
|
1112
|
-
}
|
|
1113
1016
|
.hover\:bg-destructive\/80 {
|
|
1114
1017
|
&:hover {
|
|
1115
1018
|
@media (hover: hover) {
|
|
@@ -1461,6 +1364,13 @@
|
|
|
1461
1364
|
padding-block: calc(var(--spacing) * 20);
|
|
1462
1365
|
}
|
|
1463
1366
|
}
|
|
1367
|
+
.sm\:text-5xl {
|
|
1368
|
+
@media (width >= 40rem) {
|
|
1369
|
+
font-size: var(--text-5xl);
|
|
1370
|
+
line-height: var(--tw-leading, var(--text-5xl--line-height));
|
|
1371
|
+
letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
|
|
1372
|
+
}
|
|
1373
|
+
}
|
|
1464
1374
|
.md\:w-md {
|
|
1465
1375
|
@media (width >= 48rem) {
|
|
1466
1376
|
width: var(--container-md);
|
|
@@ -1638,41 +1548,6 @@
|
|
|
1638
1548
|
border-color: var(--ohw-border) !important;
|
|
1639
1549
|
color: var(--ohw-foreground) !important;
|
|
1640
1550
|
}
|
|
1641
|
-
[data-ohw-section-picker] {
|
|
1642
|
-
--ohw-background: #ffffff;
|
|
1643
|
-
--ohw-foreground: #0c0a09;
|
|
1644
|
-
--ohw-primary: #0885fe;
|
|
1645
|
-
--ohw-primary-foreground: #fafaf9;
|
|
1646
|
-
--ohw-muted: #f5f5f4;
|
|
1647
|
-
--ohw-muted-foreground: #78716c;
|
|
1648
|
-
--ohw-border: #e7e5e4;
|
|
1649
|
-
--ohw-popover-foreground: #0c0a09;
|
|
1650
|
-
--color-muted-foreground: var(--ohw-muted-foreground);
|
|
1651
|
-
--font-sans: Figtree, ui-sans-serif, system-ui, sans-serif;
|
|
1652
|
-
font-family: var(--font-sans);
|
|
1653
|
-
}
|
|
1654
|
-
html[data-ohw-section-picking] [data-ohw-hovered] {
|
|
1655
|
-
outline: none !important;
|
|
1656
|
-
box-shadow: none !important;
|
|
1657
|
-
}
|
|
1658
|
-
html[data-ohw-section-picking] [data-ohw-item-interaction],
|
|
1659
|
-
html[data-ohw-section-picking] [data-ohw-section-insert-line],
|
|
1660
|
-
html[data-ohw-section-picking] [data-ohw-navbar-container-chrome],
|
|
1661
|
-
html[data-ohw-section-picking] [data-ohw-edit-chrome],
|
|
1662
|
-
html[data-ohw-section-picking] [data-ohw-toolbar],
|
|
1663
|
-
html[data-ohw-section-picking] [data-ohw-max-badge],
|
|
1664
|
-
html[data-ohw-section-picking] [data-ohw-state-toggle] {
|
|
1665
|
-
display: none !important;
|
|
1666
|
-
pointer-events: none !important;
|
|
1667
|
-
}
|
|
1668
|
-
[data-ohw-navbar-container-chrome] {
|
|
1669
|
-
--ohw-primary: #0885fe;
|
|
1670
|
-
--ohw-background: #ffffff;
|
|
1671
|
-
--ohw-foreground: #0c0a09;
|
|
1672
|
-
--ohw-border: #e7e5e4;
|
|
1673
|
-
--font-sans: Figtree, ui-sans-serif, system-ui, sans-serif;
|
|
1674
|
-
font-family: var(--font-sans);
|
|
1675
|
-
}
|
|
1676
1551
|
[data-ohw-bridge-root].dark {
|
|
1677
1552
|
--ohw-background: #020617;
|
|
1678
1553
|
--ohw-foreground: #f8fafc;
|
|
@@ -1902,20 +1777,11 @@ html[data-ohw-section-picking] [data-ohw-state-toggle] {
|
|
|
1902
1777
|
syntax: "*";
|
|
1903
1778
|
inherits: false;
|
|
1904
1779
|
}
|
|
1905
|
-
@property --tw-ease {
|
|
1906
|
-
syntax: "*";
|
|
1907
|
-
inherits: false;
|
|
1908
|
-
}
|
|
1909
1780
|
@property --tw-content {
|
|
1910
1781
|
syntax: "*";
|
|
1911
1782
|
initial-value: "";
|
|
1912
1783
|
inherits: false;
|
|
1913
1784
|
}
|
|
1914
|
-
@keyframes pulse {
|
|
1915
|
-
50% {
|
|
1916
|
-
opacity: 0.5;
|
|
1917
|
-
}
|
|
1918
|
-
}
|
|
1919
1785
|
@layer properties {
|
|
1920
1786
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
1921
1787
|
*, ::before, ::after, ::backdrop {
|
|
@@ -1960,7 +1826,6 @@ html[data-ohw-section-picking] [data-ohw-state-toggle] {
|
|
|
1960
1826
|
--tw-drop-shadow-alpha: 100%;
|
|
1961
1827
|
--tw-drop-shadow-size: initial;
|
|
1962
1828
|
--tw-duration: initial;
|
|
1963
|
-
--tw-ease: initial;
|
|
1964
1829
|
--tw-content: "";
|
|
1965
1830
|
}
|
|
1966
1831
|
}
|