@ohhwells/bridge 0.1.52 → 0.1.53-next.145
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 +42 -2
- package/dist/index.cjs +3538 -756
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +140 -1
- package/dist/index.d.ts +140 -1
- package/dist/index.js +3501 -718
- package/dist/index.js.map +1 -1
- package/dist/styles.css +89 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
--radius-md: 6px;
|
|
33
33
|
--radius-lg: 0.5rem;
|
|
34
34
|
--radius-xl: 0.75rem;
|
|
35
|
+
--radius-2xl: 1rem;
|
|
35
36
|
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
|
|
36
37
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
37
38
|
--default-transition-duration: 150ms;
|
|
@@ -103,6 +104,9 @@
|
|
|
103
104
|
.inset-0 {
|
|
104
105
|
inset: calc(var(--spacing) * 0);
|
|
105
106
|
}
|
|
107
|
+
.inset-y-0 {
|
|
108
|
+
inset-block: calc(var(--spacing) * 0);
|
|
109
|
+
}
|
|
106
110
|
.top-0 {
|
|
107
111
|
top: calc(var(--spacing) * 0);
|
|
108
112
|
}
|
|
@@ -130,6 +134,9 @@
|
|
|
130
134
|
.right-1\.5 {
|
|
131
135
|
right: calc(var(--spacing) * 1.5);
|
|
132
136
|
}
|
|
137
|
+
.right-2\.5 {
|
|
138
|
+
right: calc(var(--spacing) * 2.5);
|
|
139
|
+
}
|
|
133
140
|
.right-3 {
|
|
134
141
|
right: calc(var(--spacing) * 3);
|
|
135
142
|
}
|
|
@@ -245,6 +252,9 @@
|
|
|
245
252
|
.inline {
|
|
246
253
|
display: inline;
|
|
247
254
|
}
|
|
255
|
+
.inline-block {
|
|
256
|
+
display: inline-block;
|
|
257
|
+
}
|
|
248
258
|
.inline-flex {
|
|
249
259
|
display: inline-flex;
|
|
250
260
|
}
|
|
@@ -270,6 +280,9 @@
|
|
|
270
280
|
.\!h-full {
|
|
271
281
|
height: 100% !important;
|
|
272
282
|
}
|
|
283
|
+
.h-2 {
|
|
284
|
+
height: calc(var(--spacing) * 2);
|
|
285
|
+
}
|
|
273
286
|
.h-6 {
|
|
274
287
|
height: calc(var(--spacing) * 6);
|
|
275
288
|
}
|
|
@@ -351,6 +364,9 @@
|
|
|
351
364
|
.w-56 {
|
|
352
365
|
width: calc(var(--spacing) * 56);
|
|
353
366
|
}
|
|
367
|
+
.w-64 {
|
|
368
|
+
width: calc(var(--spacing) * 64);
|
|
369
|
+
}
|
|
354
370
|
.w-\[3px\] {
|
|
355
371
|
width: 3px;
|
|
356
372
|
}
|
|
@@ -453,6 +469,11 @@
|
|
|
453
469
|
.resize {
|
|
454
470
|
resize: both;
|
|
455
471
|
}
|
|
472
|
+
.appearance-none {
|
|
473
|
+
-webkit-appearance: none;
|
|
474
|
+
-moz-appearance: none;
|
|
475
|
+
appearance: none;
|
|
476
|
+
}
|
|
456
477
|
.flex-col {
|
|
457
478
|
flex-direction: column;
|
|
458
479
|
}
|
|
@@ -530,6 +551,9 @@
|
|
|
530
551
|
.overflow-x-auto {
|
|
531
552
|
overflow-x: auto;
|
|
532
553
|
}
|
|
554
|
+
.rounded-2xl {
|
|
555
|
+
border-radius: var(--radius-2xl);
|
|
556
|
+
}
|
|
533
557
|
.rounded-\[6px\] {
|
|
534
558
|
border-radius: 6px;
|
|
535
559
|
}
|
|
@@ -673,6 +697,9 @@
|
|
|
673
697
|
.bg-primary {
|
|
674
698
|
background-color: var(--color-primary);
|
|
675
699
|
}
|
|
700
|
+
.bg-primary-50 {
|
|
701
|
+
background-color: var(--color-primary-50);
|
|
702
|
+
}
|
|
676
703
|
.bg-secondary {
|
|
677
704
|
background-color: var(--color-secondary);
|
|
678
705
|
}
|
|
@@ -701,6 +728,9 @@
|
|
|
701
728
|
.p-3 {
|
|
702
729
|
padding: calc(var(--spacing) * 3);
|
|
703
730
|
}
|
|
731
|
+
.p-5 {
|
|
732
|
+
padding: calc(var(--spacing) * 5);
|
|
733
|
+
}
|
|
704
734
|
.p-6 {
|
|
705
735
|
padding: calc(var(--spacing) * 6);
|
|
706
736
|
}
|
|
@@ -755,6 +785,9 @@
|
|
|
755
785
|
.py-4 {
|
|
756
786
|
padding-block: calc(var(--spacing) * 4);
|
|
757
787
|
}
|
|
788
|
+
.py-5 {
|
|
789
|
+
padding-block: calc(var(--spacing) * 5);
|
|
790
|
+
}
|
|
758
791
|
.py-8 {
|
|
759
792
|
padding-block: calc(var(--spacing) * 8);
|
|
760
793
|
}
|
|
@@ -779,6 +812,9 @@
|
|
|
779
812
|
.pr-3 {
|
|
780
813
|
padding-right: calc(var(--spacing) * 3);
|
|
781
814
|
}
|
|
815
|
+
.pr-11 {
|
|
816
|
+
padding-right: calc(var(--spacing) * 11);
|
|
817
|
+
}
|
|
782
818
|
.pr-12 {
|
|
783
819
|
padding-right: calc(var(--spacing) * 12);
|
|
784
820
|
}
|
|
@@ -794,6 +830,9 @@
|
|
|
794
830
|
.pl-4 {
|
|
795
831
|
padding-left: calc(var(--spacing) * 4);
|
|
796
832
|
}
|
|
833
|
+
.pl-5 {
|
|
834
|
+
padding-left: calc(var(--spacing) * 5);
|
|
835
|
+
}
|
|
797
836
|
.pl-8 {
|
|
798
837
|
padding-left: calc(var(--spacing) * 8);
|
|
799
838
|
}
|
|
@@ -853,6 +892,10 @@
|
|
|
853
892
|
--tw-leading: calc(var(--spacing) * 6);
|
|
854
893
|
line-height: calc(var(--spacing) * 6);
|
|
855
894
|
}
|
|
895
|
+
.leading-7 {
|
|
896
|
+
--tw-leading: calc(var(--spacing) * 7);
|
|
897
|
+
line-height: calc(var(--spacing) * 7);
|
|
898
|
+
}
|
|
856
899
|
.leading-none {
|
|
857
900
|
--tw-leading: 1;
|
|
858
901
|
line-height: 1;
|
|
@@ -1029,6 +1072,11 @@
|
|
|
1029
1072
|
.filter {
|
|
1030
1073
|
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,);
|
|
1031
1074
|
}
|
|
1075
|
+
.transition {
|
|
1076
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
1077
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1078
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1079
|
+
}
|
|
1032
1080
|
.transition-\[background-color\] {
|
|
1033
1081
|
transition-property: background-color;
|
|
1034
1082
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -1283,6 +1331,9 @@
|
|
|
1283
1331
|
--tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
|
|
1284
1332
|
}
|
|
1285
1333
|
}
|
|
1334
|
+
.active\:cursor-grabbing:active {
|
|
1335
|
+
cursor: grabbing;
|
|
1336
|
+
}
|
|
1286
1337
|
@media (hover: hover) {
|
|
1287
1338
|
.enabled\:hover\:border:enabled:hover {
|
|
1288
1339
|
border-style: var(--tw-border-style);
|
|
@@ -1471,6 +1522,44 @@
|
|
|
1471
1522
|
.\[\&_svg\:not\(\[class\*\=absolute\]\)\]\:relative svg:not([class*=absolute]) {
|
|
1472
1523
|
position: relative;
|
|
1473
1524
|
}
|
|
1525
|
+
.\[\&\:\:-moz-range-thumb\]\:size-5::-moz-range-thumb {
|
|
1526
|
+
width: calc(var(--spacing) * 5);
|
|
1527
|
+
height: calc(var(--spacing) * 5);
|
|
1528
|
+
}
|
|
1529
|
+
.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
|
|
1530
|
+
border-radius: calc(infinity * 1px);
|
|
1531
|
+
}
|
|
1532
|
+
.\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb {
|
|
1533
|
+
border-style: var(--tw-border-style);
|
|
1534
|
+
border-width: 2px;
|
|
1535
|
+
}
|
|
1536
|
+
.\[\&\:\:-moz-range-thumb\]\:border-primary::-moz-range-thumb {
|
|
1537
|
+
border-color: var(--color-primary);
|
|
1538
|
+
}
|
|
1539
|
+
.\[\&\:\:-moz-range-thumb\]\:bg-background::-moz-range-thumb {
|
|
1540
|
+
background-color: var(--color-background);
|
|
1541
|
+
}
|
|
1542
|
+
.\[\&\:\:-webkit-slider-thumb\]\:size-5::-webkit-slider-thumb {
|
|
1543
|
+
width: calc(var(--spacing) * 5);
|
|
1544
|
+
height: calc(var(--spacing) * 5);
|
|
1545
|
+
}
|
|
1546
|
+
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
|
|
1547
|
+
-webkit-appearance: none;
|
|
1548
|
+
appearance: none;
|
|
1549
|
+
}
|
|
1550
|
+
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
|
|
1551
|
+
border-radius: calc(infinity * 1px);
|
|
1552
|
+
}
|
|
1553
|
+
.\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
|
|
1554
|
+
border-style: var(--tw-border-style);
|
|
1555
|
+
border-width: 2px;
|
|
1556
|
+
}
|
|
1557
|
+
.\[\&\:\:-webkit-slider-thumb\]\:border-primary::-webkit-slider-thumb {
|
|
1558
|
+
border-color: var(--color-primary);
|
|
1559
|
+
}
|
|
1560
|
+
.\[\&\:\:-webkit-slider-thumb\]\:bg-background::-webkit-slider-thumb {
|
|
1561
|
+
background-color: var(--color-background);
|
|
1562
|
+
}
|
|
1474
1563
|
.\[\&\>svg\:first-child\]\:absolute > svg:first-child {
|
|
1475
1564
|
position: absolute;
|
|
1476
1565
|
}
|