@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/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-next.38",
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": {