@ohhwells/bridge 0.1.38-next.69 → 0.1.39
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 +1 -13
- package/dist/index.cjs +700 -3004
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -98
- package/dist/index.d.ts +6 -98
- package/dist/index.js +709 -3010
- package/dist/index.js.map +1 -1
- package/dist/styles.css +34 -169
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
--color-white: #fff;
|
|
13
13
|
--spacing: 0.25rem;
|
|
14
14
|
--container-xs: 20rem;
|
|
15
|
+
--container-md: 28rem;
|
|
15
16
|
--text-xs: 12px;
|
|
16
17
|
--text-xs--line-height: 16px;
|
|
17
18
|
--text-sm: 14px;
|
|
@@ -22,6 +23,10 @@
|
|
|
22
23
|
--text-lg--line-height: 28px;
|
|
23
24
|
--text-xl: 20px;
|
|
24
25
|
--text-xl--line-height: 28px;
|
|
26
|
+
--text-4xl: 36px;
|
|
27
|
+
--text-4xl--line-height: 40px;
|
|
28
|
+
--text-5xl: 48px;
|
|
29
|
+
--text-5xl--line-height: 1;
|
|
25
30
|
--font-weight-normal: 400;
|
|
26
31
|
--font-weight-medium: 500;
|
|
27
32
|
--font-weight-semibold: 600;
|
|
@@ -56,6 +61,8 @@
|
|
|
56
61
|
--color-border: var(--ohw-border, #e2e8f0);
|
|
57
62
|
--color-input: var(--ohw-input, #e2e8f0);
|
|
58
63
|
--color-ring: var(--ohw-ring, #64748b);
|
|
64
|
+
--text-5xl--letter-spacing: -0.025em;
|
|
65
|
+
--text-4xl--letter-spacing: -0.025em;
|
|
59
66
|
--text-xl--letter-spacing: -0.025em;
|
|
60
67
|
--text-lg--letter-spacing: 0em;
|
|
61
68
|
--text-base--letter-spacing: 0em;
|
|
@@ -103,9 +110,6 @@
|
|
|
103
110
|
.top-2\.5 {
|
|
104
111
|
top: calc(var(--spacing) * 2.5);
|
|
105
112
|
}
|
|
106
|
-
.top-3 {
|
|
107
|
-
top: calc(var(--spacing) * 3);
|
|
108
|
-
}
|
|
109
113
|
.top-\[9px\] {
|
|
110
114
|
top: 9px;
|
|
111
115
|
}
|
|
@@ -121,9 +125,6 @@
|
|
|
121
125
|
.right-1\.5 {
|
|
122
126
|
right: calc(var(--spacing) * 1.5);
|
|
123
127
|
}
|
|
124
|
-
.right-3 {
|
|
125
|
-
right: calc(var(--spacing) * 3);
|
|
126
|
-
}
|
|
127
128
|
.right-\[9px\] {
|
|
128
129
|
right: 9px;
|
|
129
130
|
}
|
|
@@ -139,9 +140,6 @@
|
|
|
139
140
|
.left-1\/2 {
|
|
140
141
|
left: calc(1 / 2 * 100%);
|
|
141
142
|
}
|
|
142
|
-
.left-5 {
|
|
143
|
-
left: calc(var(--spacing) * 5);
|
|
144
|
-
}
|
|
145
143
|
.z-10 {
|
|
146
144
|
z-index: 10;
|
|
147
145
|
}
|
|
@@ -154,12 +152,6 @@
|
|
|
154
152
|
.z-2147483647 {
|
|
155
153
|
z-index: 2147483647;
|
|
156
154
|
}
|
|
157
|
-
.z-\[1\] {
|
|
158
|
-
z-index: 1;
|
|
159
|
-
}
|
|
160
|
-
.z-\[2\] {
|
|
161
|
-
z-index: 2;
|
|
162
|
-
}
|
|
163
155
|
.z-\[2147483646\] {
|
|
164
156
|
z-index: 2147483646;
|
|
165
157
|
}
|
|
@@ -220,9 +212,6 @@
|
|
|
220
212
|
.flex {
|
|
221
213
|
display: flex;
|
|
222
214
|
}
|
|
223
|
-
.grid {
|
|
224
|
-
display: grid;
|
|
225
|
-
}
|
|
226
215
|
.hidden {
|
|
227
216
|
display: none;
|
|
228
217
|
}
|
|
@@ -236,21 +225,6 @@
|
|
|
236
225
|
width: calc(var(--spacing) * 4);
|
|
237
226
|
height: calc(var(--spacing) * 4);
|
|
238
227
|
}
|
|
239
|
-
.size-5 {
|
|
240
|
-
width: calc(var(--spacing) * 5);
|
|
241
|
-
height: calc(var(--spacing) * 5);
|
|
242
|
-
}
|
|
243
|
-
.size-7 {
|
|
244
|
-
width: calc(var(--spacing) * 7);
|
|
245
|
-
height: calc(var(--spacing) * 7);
|
|
246
|
-
}
|
|
247
|
-
.size-8 {
|
|
248
|
-
width: calc(var(--spacing) * 8);
|
|
249
|
-
height: calc(var(--spacing) * 8);
|
|
250
|
-
}
|
|
251
|
-
.\!h-full {
|
|
252
|
-
height: 100% !important;
|
|
253
|
-
}
|
|
254
228
|
.h-6 {
|
|
255
229
|
height: calc(var(--spacing) * 6);
|
|
256
230
|
}
|
|
@@ -266,11 +240,8 @@
|
|
|
266
240
|
.h-10 {
|
|
267
241
|
height: calc(var(--spacing) * 10);
|
|
268
242
|
}
|
|
269
|
-
.h
|
|
270
|
-
height:
|
|
271
|
-
}
|
|
272
|
-
.h-\[36px\] {
|
|
273
|
-
height: 36px;
|
|
243
|
+
.h-20 {
|
|
244
|
+
height: calc(var(--spacing) * 20);
|
|
274
245
|
}
|
|
275
246
|
.h-\[70px\] {
|
|
276
247
|
height: 70px;
|
|
@@ -308,9 +279,6 @@
|
|
|
308
279
|
.min-h-screen {
|
|
309
280
|
min-height: 100vh;
|
|
310
281
|
}
|
|
311
|
-
.\!w-full {
|
|
312
|
-
width: 100% !important;
|
|
313
|
-
}
|
|
314
282
|
.w-2 {
|
|
315
283
|
width: calc(var(--spacing) * 2);
|
|
316
284
|
}
|
|
@@ -329,12 +297,6 @@
|
|
|
329
297
|
.w-14 {
|
|
330
298
|
width: calc(var(--spacing) * 14);
|
|
331
299
|
}
|
|
332
|
-
.w-\[3px\] {
|
|
333
|
-
width: 3px;
|
|
334
|
-
}
|
|
335
|
-
.w-\[200px\] {
|
|
336
|
-
width: 200px;
|
|
337
|
-
}
|
|
338
300
|
.w-\[var\(--radix-popover-trigger-width\)\] {
|
|
339
301
|
width: var(--radix-popover-trigger-width);
|
|
340
302
|
}
|
|
@@ -348,12 +310,18 @@
|
|
|
348
310
|
.w-px {
|
|
349
311
|
width: 1px;
|
|
350
312
|
}
|
|
351
|
-
.max-w-\[
|
|
352
|
-
max-width:
|
|
313
|
+
.max-w-\[483px\] {
|
|
314
|
+
max-width: 483px;
|
|
353
315
|
}
|
|
354
316
|
.max-w-\[1280px\] {
|
|
355
317
|
max-width: 1280px;
|
|
356
318
|
}
|
|
319
|
+
.max-w-\[calc\(100\%-16px\)\] {
|
|
320
|
+
max-width: calc(100% - 16px);
|
|
321
|
+
}
|
|
322
|
+
.max-w-\[calc\(100vw-16px\)\] {
|
|
323
|
+
max-width: calc(100vw - 16px);
|
|
324
|
+
}
|
|
357
325
|
.max-w-xs {
|
|
358
326
|
max-width: var(--container-xs);
|
|
359
327
|
}
|
|
@@ -393,10 +361,6 @@
|
|
|
393
361
|
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
394
362
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
395
363
|
}
|
|
396
|
-
.translate-y-1\/2 {
|
|
397
|
-
--tw-translate-y: calc(1 / 2 * 100%);
|
|
398
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
399
|
-
}
|
|
400
364
|
.transform {
|
|
401
365
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
402
366
|
}
|
|
@@ -483,9 +447,6 @@
|
|
|
483
447
|
.overflow-hidden {
|
|
484
448
|
overflow: hidden;
|
|
485
449
|
}
|
|
486
|
-
.overflow-visible {
|
|
487
|
-
overflow: visible;
|
|
488
|
-
}
|
|
489
450
|
.overflow-x-auto {
|
|
490
451
|
overflow-x: auto;
|
|
491
452
|
}
|
|
@@ -574,12 +535,6 @@
|
|
|
574
535
|
.bg-background {
|
|
575
536
|
background-color: var(--color-background);
|
|
576
537
|
}
|
|
577
|
-
.bg-background\/90 {
|
|
578
|
-
background-color: var(--color-background);
|
|
579
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
580
|
-
background-color: color-mix(in oklab, var(--color-background) 90%, transparent);
|
|
581
|
-
}
|
|
582
|
-
}
|
|
583
538
|
.bg-black\/20 {
|
|
584
539
|
background-color: color-mix(in srgb, #000 20%, transparent);
|
|
585
540
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -607,12 +562,6 @@
|
|
|
607
562
|
.bg-muted {
|
|
608
563
|
background-color: var(--color-muted);
|
|
609
564
|
}
|
|
610
|
-
.bg-muted\/40 {
|
|
611
|
-
background-color: var(--color-muted);
|
|
612
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
613
|
-
background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
|
|
614
|
-
}
|
|
615
|
-
}
|
|
616
565
|
.bg-popover {
|
|
617
566
|
background-color: var(--color-popover);
|
|
618
567
|
}
|
|
@@ -628,10 +577,6 @@
|
|
|
628
577
|
.bg-white {
|
|
629
578
|
background-color: var(--color-white);
|
|
630
579
|
}
|
|
631
|
-
.object-cover {
|
|
632
|
-
-o-object-fit: cover;
|
|
633
|
-
object-fit: cover;
|
|
634
|
-
}
|
|
635
580
|
.p-0 {
|
|
636
581
|
padding: calc(var(--spacing) * 0);
|
|
637
582
|
}
|
|
@@ -668,9 +613,6 @@
|
|
|
668
613
|
.px-3 {
|
|
669
614
|
padding-inline: calc(var(--spacing) * 3);
|
|
670
615
|
}
|
|
671
|
-
.px-4 {
|
|
672
|
-
padding-inline: calc(var(--spacing) * 4);
|
|
673
|
-
}
|
|
674
616
|
.px-5 {
|
|
675
617
|
padding-inline: calc(var(--spacing) * 5);
|
|
676
618
|
}
|
|
@@ -695,9 +637,6 @@
|
|
|
695
637
|
.py-2 {
|
|
696
638
|
padding-block: calc(var(--spacing) * 2);
|
|
697
639
|
}
|
|
698
|
-
.py-3 {
|
|
699
|
-
padding-block: calc(var(--spacing) * 3);
|
|
700
|
-
}
|
|
701
640
|
.py-4 {
|
|
702
641
|
padding-block: calc(var(--spacing) * 4);
|
|
703
642
|
}
|
|
@@ -755,6 +694,11 @@
|
|
|
755
694
|
.font-sans {
|
|
756
695
|
font-family: var(--font-sans);
|
|
757
696
|
}
|
|
697
|
+
.text-4xl {
|
|
698
|
+
font-size: var(--text-4xl);
|
|
699
|
+
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
700
|
+
letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
|
|
701
|
+
}
|
|
758
702
|
.text-base {
|
|
759
703
|
font-size: var(--text-base);
|
|
760
704
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
@@ -784,10 +728,6 @@
|
|
|
784
728
|
font-size: var(--text-body);
|
|
785
729
|
line-height: var(--tw-leading, var(--text-body--line-height));
|
|
786
730
|
}
|
|
787
|
-
.leading-4 {
|
|
788
|
-
--tw-leading: calc(var(--spacing) * 4);
|
|
789
|
-
line-height: calc(var(--spacing) * 4);
|
|
790
|
-
}
|
|
791
731
|
.leading-5 {
|
|
792
732
|
--tw-leading: calc(var(--spacing) * 5);
|
|
793
733
|
line-height: calc(var(--spacing) * 5);
|
|
@@ -812,10 +752,6 @@
|
|
|
812
752
|
--tw-font-weight: var(--font-weight-medium);
|
|
813
753
|
font-weight: var(--font-weight-medium);
|
|
814
754
|
}
|
|
815
|
-
.font-medium\! {
|
|
816
|
-
--tw-font-weight: var(--font-weight-medium) !important;
|
|
817
|
-
font-weight: var(--font-weight-medium) !important;
|
|
818
|
-
}
|
|
819
755
|
.font-normal {
|
|
820
756
|
--tw-font-weight: var(--font-weight-normal);
|
|
821
757
|
font-weight: var(--font-weight-normal);
|
|
@@ -824,10 +760,6 @@
|
|
|
824
760
|
--tw-font-weight: var(--font-weight-semibold);
|
|
825
761
|
font-weight: var(--font-weight-semibold);
|
|
826
762
|
}
|
|
827
|
-
.tracking-\[0\.18px\] {
|
|
828
|
-
--tw-tracking: 0.18px;
|
|
829
|
-
letter-spacing: 0.18px;
|
|
830
|
-
}
|
|
831
763
|
.tracking-display-tight {
|
|
832
764
|
--tw-tracking: var(--tracking-display-tight);
|
|
833
765
|
letter-spacing: var(--tracking-display-tight);
|
|
@@ -866,9 +798,6 @@
|
|
|
866
798
|
.text-foreground {
|
|
867
799
|
color: var(--color-foreground);
|
|
868
800
|
}
|
|
869
|
-
.text-foreground\! {
|
|
870
|
-
color: var(--color-foreground) !important;
|
|
871
|
-
}
|
|
872
801
|
.text-muted-foreground {
|
|
873
802
|
color: var(--color-muted-foreground);
|
|
874
803
|
}
|
|
@@ -884,9 +813,6 @@
|
|
|
884
813
|
.text-stone-500 {
|
|
885
814
|
color: var(--color-stone-500);
|
|
886
815
|
}
|
|
887
|
-
.text-white {
|
|
888
|
-
color: var(--color-white);
|
|
889
|
-
}
|
|
890
816
|
.italic {
|
|
891
817
|
font-style: italic;
|
|
892
818
|
}
|
|
@@ -896,18 +822,9 @@
|
|
|
896
822
|
.caret-foreground {
|
|
897
823
|
caret-color: var(--color-foreground);
|
|
898
824
|
}
|
|
899
|
-
.opacity-0 {
|
|
900
|
-
opacity: 0%;
|
|
901
|
-
}
|
|
902
|
-
.opacity-40 {
|
|
903
|
-
opacity: 40%;
|
|
904
|
-
}
|
|
905
825
|
.opacity-50 {
|
|
906
826
|
opacity: 50%;
|
|
907
827
|
}
|
|
908
|
-
.opacity-70 {
|
|
909
|
-
opacity: 70%;
|
|
910
|
-
}
|
|
911
828
|
.opacity-80 {
|
|
912
829
|
opacity: 80%;
|
|
913
830
|
}
|
|
@@ -954,10 +871,6 @@
|
|
|
954
871
|
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
|
|
955
872
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
956
873
|
}
|
|
957
|
-
.ring {
|
|
958
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
959
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
960
|
-
}
|
|
961
874
|
.ring-0 {
|
|
962
875
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
963
876
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -969,11 +882,6 @@
|
|
|
969
882
|
.filter {
|
|
970
883
|
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,);
|
|
971
884
|
}
|
|
972
|
-
.transition-\[background-color\] {
|
|
973
|
-
transition-property: background-color;
|
|
974
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
975
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
976
|
-
}
|
|
977
885
|
.transition-\[border-color\,box-shadow\] {
|
|
978
886
|
transition-property: border-color,box-shadow;
|
|
979
887
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -994,15 +902,6 @@
|
|
|
994
902
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
995
903
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
996
904
|
}
|
|
997
|
-
.transition-opacity {
|
|
998
|
-
transition-property: opacity;
|
|
999
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1000
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1001
|
-
}
|
|
1002
|
-
.duration-150 {
|
|
1003
|
-
--tw-duration: 150ms;
|
|
1004
|
-
transition-duration: 150ms;
|
|
1005
|
-
}
|
|
1006
905
|
.duration-200 {
|
|
1007
906
|
--tw-duration: 200ms;
|
|
1008
907
|
transition-duration: 200ms;
|
|
@@ -1279,11 +1178,6 @@
|
|
|
1279
1178
|
}
|
|
1280
1179
|
}
|
|
1281
1180
|
}
|
|
1282
|
-
.active\:cursor-grabbing {
|
|
1283
|
-
&:active {
|
|
1284
|
-
cursor: grabbing;
|
|
1285
|
-
}
|
|
1286
|
-
}
|
|
1287
1181
|
.enabled\:hover\:border {
|
|
1288
1182
|
&:enabled {
|
|
1289
1183
|
&:hover {
|
|
@@ -1494,6 +1388,18 @@
|
|
|
1494
1388
|
padding-block: calc(var(--spacing) * 20);
|
|
1495
1389
|
}
|
|
1496
1390
|
}
|
|
1391
|
+
.sm\:text-5xl {
|
|
1392
|
+
@media (width >= 40rem) {
|
|
1393
|
+
font-size: var(--text-5xl);
|
|
1394
|
+
line-height: var(--tw-leading, var(--text-5xl--line-height));
|
|
1395
|
+
letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
|
|
1396
|
+
}
|
|
1397
|
+
}
|
|
1398
|
+
.md\:w-md {
|
|
1399
|
+
@media (width >= 48rem) {
|
|
1400
|
+
width: var(--container-md);
|
|
1401
|
+
}
|
|
1402
|
+
}
|
|
1497
1403
|
.\[\&_svg\]\:pointer-events-none {
|
|
1498
1404
|
& svg {
|
|
1499
1405
|
pointer-events: none;
|
|
@@ -1666,47 +1572,6 @@
|
|
|
1666
1572
|
border-color: var(--ohw-border) !important;
|
|
1667
1573
|
color: var(--ohw-foreground) !important;
|
|
1668
1574
|
}
|
|
1669
|
-
[data-ohw-section-picker] {
|
|
1670
|
-
--ohw-background: #ffffff;
|
|
1671
|
-
--ohw-foreground: #0c0a09;
|
|
1672
|
-
--ohw-primary: #0885fe;
|
|
1673
|
-
--ohw-primary-foreground: #fafaf9;
|
|
1674
|
-
--ohw-muted: #f5f5f4;
|
|
1675
|
-
--ohw-muted-foreground: #78716c;
|
|
1676
|
-
--ohw-border: #e7e5e4;
|
|
1677
|
-
--ohw-popover-foreground: #0c0a09;
|
|
1678
|
-
--color-muted-foreground: var(--ohw-muted-foreground);
|
|
1679
|
-
--font-sans: Figtree, ui-sans-serif, system-ui, sans-serif;
|
|
1680
|
-
font-family: var(--font-sans);
|
|
1681
|
-
}
|
|
1682
|
-
html[data-ohw-section-picking] [data-ohw-hovered],
|
|
1683
|
-
html[data-ohw-section-picking] [data-ohw-state-hovered] {
|
|
1684
|
-
outline: none !important;
|
|
1685
|
-
box-shadow: none !important;
|
|
1686
|
-
}
|
|
1687
|
-
html[data-ohw-section-picking] [data-ohw-item-interaction],
|
|
1688
|
-
html[data-ohw-section-picking] [data-ohw-section-insert-line],
|
|
1689
|
-
html[data-ohw-section-picking] [data-ohw-navbar-container-chrome],
|
|
1690
|
-
html[data-ohw-section-picking] [data-ohw-edit-chrome],
|
|
1691
|
-
html[data-ohw-section-picking] [data-ohw-toolbar],
|
|
1692
|
-
html[data-ohw-section-picking] [data-ohw-max-badge],
|
|
1693
|
-
html[data-ohw-section-picking] [data-ohw-state-toggle] {
|
|
1694
|
-
display: none !important;
|
|
1695
|
-
pointer-events: none !important;
|
|
1696
|
-
}
|
|
1697
|
-
.ov-gap-line {
|
|
1698
|
-
background-color: var(--ohw-primary, #0885fe);
|
|
1699
|
-
border-radius: 2px;
|
|
1700
|
-
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
|
|
1701
|
-
}
|
|
1702
|
-
[data-ohw-navbar-container-chrome] {
|
|
1703
|
-
--ohw-primary: #0885fe;
|
|
1704
|
-
--ohw-background: #ffffff;
|
|
1705
|
-
--ohw-foreground: #0c0a09;
|
|
1706
|
-
--ohw-border: #e7e5e4;
|
|
1707
|
-
--font-sans: Figtree, ui-sans-serif, system-ui, sans-serif;
|
|
1708
|
-
font-family: var(--font-sans);
|
|
1709
|
-
}
|
|
1710
1575
|
[data-ohw-bridge-root].dark {
|
|
1711
1576
|
--ohw-background: #020617;
|
|
1712
1577
|
--ohw-foreground: #f8fafc;
|