@ohhwells/bridge 0.1.33-next.38 → 0.1.33
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 +174 -336
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -5
- package/dist/index.d.ts +1 -5
- package/dist/index.js +144 -304
- package/dist/index.js.map +1 -1
- package/dist/styles.css +18 -123
- package/package.json +1 -2
package/dist/styles.css
CHANGED
|
@@ -4,9 +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-stone-200: oklch(92.3% 0.003 48.717);
|
|
8
|
-
--color-stone-500: #78716C;
|
|
9
|
-
--color-stone-950: #0C0A09;
|
|
10
7
|
--color-black: #000;
|
|
11
8
|
--color-white: #fff;
|
|
12
9
|
--spacing: 0.25rem;
|
|
@@ -21,6 +18,10 @@
|
|
|
21
18
|
--text-lg--line-height: 28px;
|
|
22
19
|
--text-xl: 20px;
|
|
23
20
|
--text-xl--line-height: 28px;
|
|
21
|
+
--text-4xl: 36px;
|
|
22
|
+
--text-4xl--line-height: 40px;
|
|
23
|
+
--text-5xl: 48px;
|
|
24
|
+
--text-5xl--line-height: 1;
|
|
24
25
|
--font-weight-normal: 400;
|
|
25
26
|
--font-weight-medium: 500;
|
|
26
27
|
--font-weight-semibold: 600;
|
|
@@ -37,7 +38,6 @@
|
|
|
37
38
|
--font-body: 'Red Hat Display', system-ui, sans-serif;
|
|
38
39
|
--color-primary: var(--ohw-primary, #0885FE);
|
|
39
40
|
--color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
|
|
40
|
-
--color-primary-50: var(--ohw-primary-50, #EFF6FF);
|
|
41
41
|
--color-background: var(--ohw-background, #ffffff);
|
|
42
42
|
--color-foreground: var(--ohw-foreground, #020617);
|
|
43
43
|
--color-card-foreground: var(--ohw-card-foreground, #020617);
|
|
@@ -53,6 +53,8 @@
|
|
|
53
53
|
--color-border: var(--ohw-border, #e2e8f0);
|
|
54
54
|
--color-input: var(--ohw-input, #e2e8f0);
|
|
55
55
|
--color-ring: var(--ohw-ring, #64748b);
|
|
56
|
+
--text-5xl--letter-spacing: -0.025em;
|
|
57
|
+
--text-4xl--letter-spacing: -0.025em;
|
|
56
58
|
--text-xl--letter-spacing: -0.025em;
|
|
57
59
|
--text-lg--letter-spacing: 0em;
|
|
58
60
|
--text-base--letter-spacing: 0em;
|
|
@@ -198,10 +200,6 @@
|
|
|
198
200
|
.inline-flex {
|
|
199
201
|
display: inline-flex;
|
|
200
202
|
}
|
|
201
|
-
.size-4 {
|
|
202
|
-
width: calc(var(--spacing) * 4);
|
|
203
|
-
height: calc(var(--spacing) * 4);
|
|
204
|
-
}
|
|
205
203
|
.h-7 {
|
|
206
204
|
height: calc(var(--spacing) * 7);
|
|
207
205
|
}
|
|
@@ -238,9 +236,6 @@
|
|
|
238
236
|
.max-h-48 {
|
|
239
237
|
max-height: calc(var(--spacing) * 48);
|
|
240
238
|
}
|
|
241
|
-
.max-h-\[30px\] {
|
|
242
|
-
max-height: 30px;
|
|
243
|
-
}
|
|
244
239
|
.max-h-\[calc\(100\%-32px\)\] {
|
|
245
240
|
max-height: calc(100% - 32px);
|
|
246
241
|
}
|
|
@@ -256,9 +251,6 @@
|
|
|
256
251
|
.w-2 {
|
|
257
252
|
width: calc(var(--spacing) * 2);
|
|
258
253
|
}
|
|
259
|
-
.w-4 {
|
|
260
|
-
width: calc(var(--spacing) * 4);
|
|
261
|
-
}
|
|
262
254
|
.w-7 {
|
|
263
255
|
width: calc(var(--spacing) * 7);
|
|
264
256
|
}
|
|
@@ -331,9 +323,6 @@
|
|
|
331
323
|
.cursor-default {
|
|
332
324
|
cursor: default;
|
|
333
325
|
}
|
|
334
|
-
.cursor-grab {
|
|
335
|
-
cursor: grab;
|
|
336
|
-
}
|
|
337
326
|
.cursor-pointer {
|
|
338
327
|
cursor: pointer;
|
|
339
328
|
}
|
|
@@ -640,6 +629,11 @@
|
|
|
640
629
|
.font-sans {
|
|
641
630
|
font-family: var(--font-sans);
|
|
642
631
|
}
|
|
632
|
+
.text-4xl {
|
|
633
|
+
font-size: var(--text-4xl);
|
|
634
|
+
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
635
|
+
letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
|
|
636
|
+
}
|
|
643
637
|
.text-base {
|
|
644
638
|
font-size: var(--text-base);
|
|
645
639
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
@@ -748,9 +742,6 @@
|
|
|
748
742
|
.text-secondary-foreground {
|
|
749
743
|
color: var(--color-secondary-foreground);
|
|
750
744
|
}
|
|
751
|
-
.text-stone-500 {
|
|
752
|
-
color: var(--color-stone-500);
|
|
753
|
-
}
|
|
754
745
|
.italic {
|
|
755
746
|
font-style: italic;
|
|
756
747
|
}
|
|
@@ -781,10 +772,6 @@
|
|
|
781
772
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
782
773
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
783
774
|
}
|
|
784
|
-
.shadow-md {
|
|
785
|
-
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
786
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
787
|
-
}
|
|
788
775
|
.shadow-none {
|
|
789
776
|
--tw-shadow: 0 0 #0000;
|
|
790
777
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -826,20 +813,11 @@
|
|
|
826
813
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
827
814
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
828
815
|
}
|
|
829
|
-
.transition-all {
|
|
830
|
-
transition-property: all;
|
|
831
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
832
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
833
|
-
}
|
|
834
816
|
.transition-colors {
|
|
835
817
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
836
818
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
837
819
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
838
820
|
}
|
|
839
|
-
.duration-200 {
|
|
840
|
-
--tw-duration: 200ms;
|
|
841
|
-
transition-duration: 200ms;
|
|
842
|
-
}
|
|
843
821
|
.outline-none {
|
|
844
822
|
--tw-outline-style: none;
|
|
845
823
|
outline-style: none;
|
|
@@ -1000,78 +978,6 @@
|
|
|
1000
978
|
}
|
|
1001
979
|
}
|
|
1002
980
|
}
|
|
1003
|
-
.enabled\:hover\:border {
|
|
1004
|
-
&:enabled {
|
|
1005
|
-
&:hover {
|
|
1006
|
-
@media (hover: hover) {
|
|
1007
|
-
border-style: var(--tw-border-style);
|
|
1008
|
-
border-width: 1px;
|
|
1009
|
-
}
|
|
1010
|
-
}
|
|
1011
|
-
}
|
|
1012
|
-
}
|
|
1013
|
-
.enabled\:hover\:border-stone-200 {
|
|
1014
|
-
&:enabled {
|
|
1015
|
-
&:hover {
|
|
1016
|
-
@media (hover: hover) {
|
|
1017
|
-
border-color: var(--color-stone-200);
|
|
1018
|
-
}
|
|
1019
|
-
}
|
|
1020
|
-
}
|
|
1021
|
-
}
|
|
1022
|
-
.enabled\:hover\:text-stone-950 {
|
|
1023
|
-
&:enabled {
|
|
1024
|
-
&:hover {
|
|
1025
|
-
@media (hover: hover) {
|
|
1026
|
-
color: var(--color-stone-950);
|
|
1027
|
-
}
|
|
1028
|
-
}
|
|
1029
|
-
}
|
|
1030
|
-
}
|
|
1031
|
-
.enabled\:active\:cursor-grabbing {
|
|
1032
|
-
&:enabled {
|
|
1033
|
-
&:active {
|
|
1034
|
-
cursor: grabbing;
|
|
1035
|
-
}
|
|
1036
|
-
}
|
|
1037
|
-
}
|
|
1038
|
-
.enabled\:active\:border {
|
|
1039
|
-
&:enabled {
|
|
1040
|
-
&:active {
|
|
1041
|
-
border-style: var(--tw-border-style);
|
|
1042
|
-
border-width: 1px;
|
|
1043
|
-
}
|
|
1044
|
-
}
|
|
1045
|
-
}
|
|
1046
|
-
.enabled\:active\:border-primary {
|
|
1047
|
-
&:enabled {
|
|
1048
|
-
&:active {
|
|
1049
|
-
border-color: var(--color-primary);
|
|
1050
|
-
}
|
|
1051
|
-
}
|
|
1052
|
-
}
|
|
1053
|
-
.enabled\:active\:bg-primary-50 {
|
|
1054
|
-
&:enabled {
|
|
1055
|
-
&:active {
|
|
1056
|
-
background-color: var(--color-primary-50);
|
|
1057
|
-
}
|
|
1058
|
-
}
|
|
1059
|
-
}
|
|
1060
|
-
.enabled\:active\:text-stone-950 {
|
|
1061
|
-
&:enabled {
|
|
1062
|
-
&:active {
|
|
1063
|
-
color: var(--color-stone-950);
|
|
1064
|
-
}
|
|
1065
|
-
}
|
|
1066
|
-
}
|
|
1067
|
-
.enabled\:active\:shadow {
|
|
1068
|
-
&:enabled {
|
|
1069
|
-
&:active {
|
|
1070
|
-
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1071
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1072
|
-
}
|
|
1073
|
-
}
|
|
1074
|
-
}
|
|
1075
981
|
.disabled\:pointer-events-none {
|
|
1076
982
|
&:disabled {
|
|
1077
983
|
pointer-events: none;
|
|
@@ -1082,16 +988,6 @@
|
|
|
1082
988
|
cursor: not-allowed;
|
|
1083
989
|
}
|
|
1084
990
|
}
|
|
1085
|
-
.disabled\:text-stone-950 {
|
|
1086
|
-
&:disabled {
|
|
1087
|
-
color: var(--color-stone-950);
|
|
1088
|
-
}
|
|
1089
|
-
}
|
|
1090
|
-
.disabled\:opacity-40 {
|
|
1091
|
-
&:disabled {
|
|
1092
|
-
opacity: 40%;
|
|
1093
|
-
}
|
|
1094
|
-
}
|
|
1095
991
|
.disabled\:opacity-50 {
|
|
1096
992
|
&:disabled {
|
|
1097
993
|
opacity: 50%;
|
|
@@ -1200,6 +1096,13 @@
|
|
|
1200
1096
|
padding-block: calc(var(--spacing) * 20);
|
|
1201
1097
|
}
|
|
1202
1098
|
}
|
|
1099
|
+
.sm\:text-5xl {
|
|
1100
|
+
@media (width >= 40rem) {
|
|
1101
|
+
font-size: var(--text-5xl);
|
|
1102
|
+
line-height: var(--tw-leading, var(--text-5xl--line-height));
|
|
1103
|
+
letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
|
|
1104
|
+
}
|
|
1105
|
+
}
|
|
1203
1106
|
.md\:w-md {
|
|
1204
1107
|
@media (width >= 48rem) {
|
|
1205
1108
|
width: var(--container-md);
|
|
@@ -1224,10 +1127,8 @@
|
|
|
1224
1127
|
[data-ohw-bridge-root] {
|
|
1225
1128
|
--color-primary: var(--ohw-primary, #0885FE);
|
|
1226
1129
|
--color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
|
|
1227
|
-
--color-primary-50: var(--ohw-primary-50, #EFF6FF);
|
|
1228
1130
|
--ohw-primary: #0885FE;
|
|
1229
1131
|
--ohw-primary-foreground: #FAFAF9;
|
|
1230
|
-
--ohw-primary-50: #EFF6FF;
|
|
1231
1132
|
--ohw-background: #ffffff;
|
|
1232
1133
|
--ohw-foreground: #020617;
|
|
1233
1134
|
--ohw-card: #ffffff;
|
|
@@ -1386,7 +1287,6 @@
|
|
|
1386
1287
|
--ohw-popover-foreground: #f8fafc;
|
|
1387
1288
|
--ohw-primary: #f8fafc;
|
|
1388
1289
|
--ohw-primary-foreground: #0f172a;
|
|
1389
|
-
--ohw-primary-50: #1e3a5f;
|
|
1390
1290
|
--ohw-hover-primary: #f1f5f9;
|
|
1391
1291
|
--ohw-secondary: #1e293b;
|
|
1392
1292
|
--ohw-secondary-foreground: #f8fafc;
|
|
@@ -1602,10 +1502,6 @@
|
|
|
1602
1502
|
syntax: "*";
|
|
1603
1503
|
inherits: false;
|
|
1604
1504
|
}
|
|
1605
|
-
@property --tw-duration {
|
|
1606
|
-
syntax: "*";
|
|
1607
|
-
inherits: false;
|
|
1608
|
-
}
|
|
1609
1505
|
@layer properties {
|
|
1610
1506
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
1611
1507
|
*, ::before, ::after, ::backdrop {
|
|
@@ -1649,7 +1545,6 @@
|
|
|
1649
1545
|
--tw-drop-shadow-color: initial;
|
|
1650
1546
|
--tw-drop-shadow-alpha: 100%;
|
|
1651
1547
|
--tw-drop-shadow-size: initial;
|
|
1652
|
-
--tw-duration: initial;
|
|
1653
1548
|
}
|
|
1654
1549
|
}
|
|
1655
1550
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ohhwells/bridge",
|
|
3
|
-
"version": "0.1.33
|
|
3
|
+
"version": "0.1.33",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -28,7 +28,6 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@radix-ui/react-slot": "^1.3.0",
|
|
31
|
-
"lucide-react": "^1.23.0",
|
|
32
31
|
"radix-ui": "^1.4.3"
|
|
33
32
|
},
|
|
34
33
|
"devDependencies": {
|