@ohhwells/bridge 0.1.39 → 0.1.40
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 +1705 -555
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +50 -3
- package/dist/index.d.ts +50 -3
- package/dist/index.js +1716 -566
- package/dist/index.js.map +1 -1
- package/dist/styles.css +127 -16
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
--color-white: #fff;
|
|
13
13
|
--spacing: 0.25rem;
|
|
14
14
|
--container-xs: 20rem;
|
|
15
|
-
--container-md: 28rem;
|
|
16
15
|
--text-xs: 12px;
|
|
17
16
|
--text-xs--line-height: 16px;
|
|
18
17
|
--text-sm: 14px;
|
|
@@ -110,6 +109,9 @@
|
|
|
110
109
|
.top-2\.5 {
|
|
111
110
|
top: calc(var(--spacing) * 2.5);
|
|
112
111
|
}
|
|
112
|
+
.top-3 {
|
|
113
|
+
top: calc(var(--spacing) * 3);
|
|
114
|
+
}
|
|
113
115
|
.top-\[9px\] {
|
|
114
116
|
top: 9px;
|
|
115
117
|
}
|
|
@@ -125,6 +127,9 @@
|
|
|
125
127
|
.right-1\.5 {
|
|
126
128
|
right: calc(var(--spacing) * 1.5);
|
|
127
129
|
}
|
|
130
|
+
.right-3 {
|
|
131
|
+
right: calc(var(--spacing) * 3);
|
|
132
|
+
}
|
|
128
133
|
.right-\[9px\] {
|
|
129
134
|
right: 9px;
|
|
130
135
|
}
|
|
@@ -140,6 +145,9 @@
|
|
|
140
145
|
.left-1\/2 {
|
|
141
146
|
left: calc(1 / 2 * 100%);
|
|
142
147
|
}
|
|
148
|
+
.left-5 {
|
|
149
|
+
left: calc(var(--spacing) * 5);
|
|
150
|
+
}
|
|
143
151
|
.z-10 {
|
|
144
152
|
z-index: 10;
|
|
145
153
|
}
|
|
@@ -152,6 +160,12 @@
|
|
|
152
160
|
.z-2147483647 {
|
|
153
161
|
z-index: 2147483647;
|
|
154
162
|
}
|
|
163
|
+
.z-\[1\] {
|
|
164
|
+
z-index: 1;
|
|
165
|
+
}
|
|
166
|
+
.z-\[2\] {
|
|
167
|
+
z-index: 2;
|
|
168
|
+
}
|
|
155
169
|
.z-\[2147483646\] {
|
|
156
170
|
z-index: 2147483646;
|
|
157
171
|
}
|
|
@@ -212,6 +226,9 @@
|
|
|
212
226
|
.flex {
|
|
213
227
|
display: flex;
|
|
214
228
|
}
|
|
229
|
+
.grid {
|
|
230
|
+
display: grid;
|
|
231
|
+
}
|
|
215
232
|
.hidden {
|
|
216
233
|
display: none;
|
|
217
234
|
}
|
|
@@ -225,6 +242,18 @@
|
|
|
225
242
|
width: calc(var(--spacing) * 4);
|
|
226
243
|
height: calc(var(--spacing) * 4);
|
|
227
244
|
}
|
|
245
|
+
.size-5 {
|
|
246
|
+
width: calc(var(--spacing) * 5);
|
|
247
|
+
height: calc(var(--spacing) * 5);
|
|
248
|
+
}
|
|
249
|
+
.size-7 {
|
|
250
|
+
width: calc(var(--spacing) * 7);
|
|
251
|
+
height: calc(var(--spacing) * 7);
|
|
252
|
+
}
|
|
253
|
+
.size-8 {
|
|
254
|
+
width: calc(var(--spacing) * 8);
|
|
255
|
+
height: calc(var(--spacing) * 8);
|
|
256
|
+
}
|
|
228
257
|
.h-6 {
|
|
229
258
|
height: calc(var(--spacing) * 6);
|
|
230
259
|
}
|
|
@@ -240,8 +269,8 @@
|
|
|
240
269
|
.h-10 {
|
|
241
270
|
height: calc(var(--spacing) * 10);
|
|
242
271
|
}
|
|
243
|
-
.h
|
|
244
|
-
height:
|
|
272
|
+
.h-\[36px\] {
|
|
273
|
+
height: 36px;
|
|
245
274
|
}
|
|
246
275
|
.h-\[70px\] {
|
|
247
276
|
height: 70px;
|
|
@@ -310,18 +339,12 @@
|
|
|
310
339
|
.w-px {
|
|
311
340
|
width: 1px;
|
|
312
341
|
}
|
|
313
|
-
.max-w-\[
|
|
314
|
-
max-width:
|
|
342
|
+
.max-w-\[448px\] {
|
|
343
|
+
max-width: 448px;
|
|
315
344
|
}
|
|
316
345
|
.max-w-\[1280px\] {
|
|
317
346
|
max-width: 1280px;
|
|
318
347
|
}
|
|
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
|
-
}
|
|
325
348
|
.max-w-xs {
|
|
326
349
|
max-width: var(--container-xs);
|
|
327
350
|
}
|
|
@@ -361,6 +384,10 @@
|
|
|
361
384
|
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
|
|
362
385
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
363
386
|
}
|
|
387
|
+
.translate-y-1\/2 {
|
|
388
|
+
--tw-translate-y: calc(1 / 2 * 100%);
|
|
389
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
390
|
+
}
|
|
364
391
|
.transform {
|
|
365
392
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
366
393
|
}
|
|
@@ -447,6 +474,9 @@
|
|
|
447
474
|
.overflow-hidden {
|
|
448
475
|
overflow: hidden;
|
|
449
476
|
}
|
|
477
|
+
.overflow-visible {
|
|
478
|
+
overflow: visible;
|
|
479
|
+
}
|
|
450
480
|
.overflow-x-auto {
|
|
451
481
|
overflow-x: auto;
|
|
452
482
|
}
|
|
@@ -535,6 +565,12 @@
|
|
|
535
565
|
.bg-background {
|
|
536
566
|
background-color: var(--color-background);
|
|
537
567
|
}
|
|
568
|
+
.bg-background\/90 {
|
|
569
|
+
background-color: var(--color-background);
|
|
570
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
571
|
+
background-color: color-mix(in oklab, var(--color-background) 90%, transparent);
|
|
572
|
+
}
|
|
573
|
+
}
|
|
538
574
|
.bg-black\/20 {
|
|
539
575
|
background-color: color-mix(in srgb, #000 20%, transparent);
|
|
540
576
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -562,6 +598,12 @@
|
|
|
562
598
|
.bg-muted {
|
|
563
599
|
background-color: var(--color-muted);
|
|
564
600
|
}
|
|
601
|
+
.bg-muted\/40 {
|
|
602
|
+
background-color: var(--color-muted);
|
|
603
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
604
|
+
background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
|
|
605
|
+
}
|
|
606
|
+
}
|
|
565
607
|
.bg-popover {
|
|
566
608
|
background-color: var(--color-popover);
|
|
567
609
|
}
|
|
@@ -613,6 +655,9 @@
|
|
|
613
655
|
.px-3 {
|
|
614
656
|
padding-inline: calc(var(--spacing) * 3);
|
|
615
657
|
}
|
|
658
|
+
.px-4 {
|
|
659
|
+
padding-inline: calc(var(--spacing) * 4);
|
|
660
|
+
}
|
|
616
661
|
.px-5 {
|
|
617
662
|
padding-inline: calc(var(--spacing) * 5);
|
|
618
663
|
}
|
|
@@ -637,6 +682,9 @@
|
|
|
637
682
|
.py-2 {
|
|
638
683
|
padding-block: calc(var(--spacing) * 2);
|
|
639
684
|
}
|
|
685
|
+
.py-3 {
|
|
686
|
+
padding-block: calc(var(--spacing) * 3);
|
|
687
|
+
}
|
|
640
688
|
.py-4 {
|
|
641
689
|
padding-block: calc(var(--spacing) * 4);
|
|
642
690
|
}
|
|
@@ -728,6 +776,10 @@
|
|
|
728
776
|
font-size: var(--text-body);
|
|
729
777
|
line-height: var(--tw-leading, var(--text-body--line-height));
|
|
730
778
|
}
|
|
779
|
+
.leading-4 {
|
|
780
|
+
--tw-leading: calc(var(--spacing) * 4);
|
|
781
|
+
line-height: calc(var(--spacing) * 4);
|
|
782
|
+
}
|
|
731
783
|
.leading-5 {
|
|
732
784
|
--tw-leading: calc(var(--spacing) * 5);
|
|
733
785
|
line-height: calc(var(--spacing) * 5);
|
|
@@ -752,6 +804,10 @@
|
|
|
752
804
|
--tw-font-weight: var(--font-weight-medium);
|
|
753
805
|
font-weight: var(--font-weight-medium);
|
|
754
806
|
}
|
|
807
|
+
.font-medium\! {
|
|
808
|
+
--tw-font-weight: var(--font-weight-medium) !important;
|
|
809
|
+
font-weight: var(--font-weight-medium) !important;
|
|
810
|
+
}
|
|
755
811
|
.font-normal {
|
|
756
812
|
--tw-font-weight: var(--font-weight-normal);
|
|
757
813
|
font-weight: var(--font-weight-normal);
|
|
@@ -760,6 +816,10 @@
|
|
|
760
816
|
--tw-font-weight: var(--font-weight-semibold);
|
|
761
817
|
font-weight: var(--font-weight-semibold);
|
|
762
818
|
}
|
|
819
|
+
.tracking-\[0\.18px\] {
|
|
820
|
+
--tw-tracking: 0.18px;
|
|
821
|
+
letter-spacing: 0.18px;
|
|
822
|
+
}
|
|
763
823
|
.tracking-display-tight {
|
|
764
824
|
--tw-tracking: var(--tracking-display-tight);
|
|
765
825
|
letter-spacing: var(--tracking-display-tight);
|
|
@@ -798,6 +858,9 @@
|
|
|
798
858
|
.text-foreground {
|
|
799
859
|
color: var(--color-foreground);
|
|
800
860
|
}
|
|
861
|
+
.text-foreground\! {
|
|
862
|
+
color: var(--color-foreground) !important;
|
|
863
|
+
}
|
|
801
864
|
.text-muted-foreground {
|
|
802
865
|
color: var(--color-muted-foreground);
|
|
803
866
|
}
|
|
@@ -813,6 +876,9 @@
|
|
|
813
876
|
.text-stone-500 {
|
|
814
877
|
color: var(--color-stone-500);
|
|
815
878
|
}
|
|
879
|
+
.text-white {
|
|
880
|
+
color: var(--color-white);
|
|
881
|
+
}
|
|
816
882
|
.italic {
|
|
817
883
|
font-style: italic;
|
|
818
884
|
}
|
|
@@ -882,6 +948,11 @@
|
|
|
882
948
|
.filter {
|
|
883
949
|
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,);
|
|
884
950
|
}
|
|
951
|
+
.transition-\[background-color\] {
|
|
952
|
+
transition-property: background-color;
|
|
953
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
954
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
955
|
+
}
|
|
885
956
|
.transition-\[border-color\,box-shadow\] {
|
|
886
957
|
transition-property: border-color,box-shadow;
|
|
887
958
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -902,6 +973,15 @@
|
|
|
902
973
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
903
974
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
904
975
|
}
|
|
976
|
+
.transition-opacity {
|
|
977
|
+
transition-property: opacity;
|
|
978
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
979
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
980
|
+
}
|
|
981
|
+
.duration-150 {
|
|
982
|
+
--tw-duration: 150ms;
|
|
983
|
+
transition-duration: 150ms;
|
|
984
|
+
}
|
|
905
985
|
.duration-200 {
|
|
906
986
|
--tw-duration: 200ms;
|
|
907
987
|
transition-duration: 200ms;
|
|
@@ -1395,11 +1475,6 @@
|
|
|
1395
1475
|
letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
|
|
1396
1476
|
}
|
|
1397
1477
|
}
|
|
1398
|
-
.md\:w-md {
|
|
1399
|
-
@media (width >= 48rem) {
|
|
1400
|
-
width: var(--container-md);
|
|
1401
|
-
}
|
|
1402
|
-
}
|
|
1403
1478
|
.\[\&_svg\]\:pointer-events-none {
|
|
1404
1479
|
& svg {
|
|
1405
1480
|
pointer-events: none;
|
|
@@ -1572,6 +1647,42 @@
|
|
|
1572
1647
|
border-color: var(--ohw-border) !important;
|
|
1573
1648
|
color: var(--ohw-foreground) !important;
|
|
1574
1649
|
}
|
|
1650
|
+
[data-ohw-section-picker] {
|
|
1651
|
+
--ohw-background: #ffffff;
|
|
1652
|
+
--ohw-foreground: #0c0a09;
|
|
1653
|
+
--ohw-primary: #0885fe;
|
|
1654
|
+
--ohw-primary-foreground: #fafaf9;
|
|
1655
|
+
--ohw-muted: #f5f5f4;
|
|
1656
|
+
--ohw-muted-foreground: #78716c;
|
|
1657
|
+
--ohw-border: #e7e5e4;
|
|
1658
|
+
--ohw-popover-foreground: #0c0a09;
|
|
1659
|
+
--color-muted-foreground: var(--ohw-muted-foreground);
|
|
1660
|
+
--font-sans: Figtree, ui-sans-serif, system-ui, sans-serif;
|
|
1661
|
+
font-family: var(--font-sans);
|
|
1662
|
+
}
|
|
1663
|
+
html[data-ohw-section-picking] [data-ohw-hovered],
|
|
1664
|
+
html[data-ohw-section-picking] [data-ohw-state-hovered] {
|
|
1665
|
+
outline: none !important;
|
|
1666
|
+
box-shadow: none !important;
|
|
1667
|
+
}
|
|
1668
|
+
html[data-ohw-section-picking] [data-ohw-item-interaction],
|
|
1669
|
+
html[data-ohw-section-picking] [data-ohw-section-insert-line],
|
|
1670
|
+
html[data-ohw-section-picking] [data-ohw-navbar-container-chrome],
|
|
1671
|
+
html[data-ohw-section-picking] [data-ohw-edit-chrome],
|
|
1672
|
+
html[data-ohw-section-picking] [data-ohw-toolbar],
|
|
1673
|
+
html[data-ohw-section-picking] [data-ohw-max-badge],
|
|
1674
|
+
html[data-ohw-section-picking] [data-ohw-state-toggle] {
|
|
1675
|
+
display: none !important;
|
|
1676
|
+
pointer-events: none !important;
|
|
1677
|
+
}
|
|
1678
|
+
[data-ohw-navbar-container-chrome] {
|
|
1679
|
+
--ohw-primary: #0885fe;
|
|
1680
|
+
--ohw-background: #ffffff;
|
|
1681
|
+
--ohw-foreground: #0c0a09;
|
|
1682
|
+
--ohw-border: #e7e5e4;
|
|
1683
|
+
--font-sans: Figtree, ui-sans-serif, system-ui, sans-serif;
|
|
1684
|
+
font-family: var(--font-sans);
|
|
1685
|
+
}
|
|
1575
1686
|
[data-ohw-bridge-root].dark {
|
|
1576
1687
|
--ohw-background: #020617;
|
|
1577
1688
|
--ohw-foreground: #f8fafc;
|