@ohhwells/bridge 0.1.33-next.39 → 0.1.34-next.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/styles.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --color-black: #000;
11
11
  --color-white: #fff;
12
12
  --spacing: 0.25rem;
13
+ --container-xs: 20rem;
13
14
  --container-md: 28rem;
14
15
  --text-xs: 12px;
15
16
  --text-xs--line-height: 16px;
@@ -105,6 +106,9 @@
105
106
  .top-\[calc\(100\%\+4px\)\] {
106
107
  top: calc(100% + 4px);
107
108
  }
109
+ .top-full {
110
+ top: 100%;
111
+ }
108
112
  .right-0 {
109
113
  right: calc(var(--spacing) * 0);
110
114
  }
@@ -117,6 +121,9 @@
117
121
  .bottom-0 {
118
122
  bottom: calc(var(--spacing) * 0);
119
123
  }
124
+ .bottom-full {
125
+ bottom: 100%;
126
+ }
120
127
  .left-0 {
121
128
  left: calc(var(--spacing) * 0);
122
129
  }
@@ -168,9 +175,15 @@
168
175
  .mt-0\.5 {
169
176
  margin-top: calc(var(--spacing) * 0.5);
170
177
  }
178
+ .mt-2 {
179
+ margin-top: calc(var(--spacing) * 2);
180
+ }
171
181
  .mr-\[-1px\] {
172
182
  margin-right: -1px;
173
183
  }
184
+ .mb-2 {
185
+ margin-bottom: calc(var(--spacing) * 2);
186
+ }
174
187
  .mb-4 {
175
188
  margin-bottom: calc(var(--spacing) * 4);
176
189
  }
@@ -202,6 +215,9 @@
202
215
  width: calc(var(--spacing) * 4);
203
216
  height: calc(var(--spacing) * 4);
204
217
  }
218
+ .h-6 {
219
+ height: calc(var(--spacing) * 6);
220
+ }
205
221
  .h-7 {
206
222
  height: calc(var(--spacing) * 7);
207
223
  }
@@ -281,6 +297,9 @@
281
297
  .w-full {
282
298
  width: 100%;
283
299
  }
300
+ .w-px {
301
+ width: 1px;
302
+ }
284
303
  .max-w-\[483px\] {
285
304
  max-width: 483px;
286
305
  }
@@ -293,6 +312,9 @@
293
312
  .max-w-\[calc\(100vw-16px\)\] {
294
313
  max-width: calc(100vw - 16px);
295
314
  }
315
+ .max-w-xs {
316
+ max-width: var(--container-xs);
317
+ }
296
318
  .min-w-0 {
297
319
  min-width: calc(var(--spacing) * 0);
298
320
  }
@@ -321,6 +343,10 @@
321
343
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
322
344
  translate: var(--tw-translate-x) var(--tw-translate-y);
323
345
  }
346
+ .-translate-x-\[calc\(100\%\+7px\)\] {
347
+ --tw-translate-x: calc(calc(100% + 7px) * -1);
348
+ translate: var(--tw-translate-x) var(--tw-translate-y);
349
+ }
324
350
  .-translate-y-1\/2 {
325
351
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
326
352
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -411,6 +437,9 @@
411
437
  .overflow-x-auto {
412
438
  overflow-x: auto;
413
439
  }
440
+ .rounded {
441
+ border-radius: 0.25rem;
442
+ }
414
443
  .rounded-\[10px\] {
415
444
  border-radius: 10px;
416
445
  }
@@ -502,9 +531,15 @@
502
531
  background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
503
532
  }
504
533
  }
534
+ .bg-border {
535
+ background-color: var(--color-border);
536
+ }
505
537
  .bg-destructive {
506
538
  background-color: var(--color-destructive);
507
539
  }
540
+ .bg-foreground {
541
+ background-color: var(--color-foreground);
542
+ }
508
543
  .bg-muted {
509
544
  background-color: var(--color-muted);
510
545
  }
@@ -724,6 +759,9 @@
724
759
  .text-\[\#0A0A0A\] {
725
760
  color: #0A0A0A;
726
761
  }
762
+ .text-background {
763
+ color: var(--color-background);
764
+ }
727
765
  .text-card-foreground {
728
766
  color: var(--color-card-foreground);
729
767
  }
@@ -777,6 +815,10 @@
777
815
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-primary));
778
816
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
779
817
  }
818
+ .shadow-\[0px_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\] {
819
+ --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 4px 6px -1px var(--tw-shadow-color, rgba(0,0,0,0.1));
820
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
821
+ }
780
822
  .shadow-lg {
781
823
  --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
824
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -852,6 +894,107 @@
852
894
  color: var(--color-muted-foreground);
853
895
  }
854
896
  }
897
+ .before\:pointer-events-none {
898
+ &::before {
899
+ content: var(--tw-content);
900
+ pointer-events: none;
901
+ }
902
+ }
903
+ .before\:absolute {
904
+ &::before {
905
+ content: var(--tw-content);
906
+ position: absolute;
907
+ }
908
+ }
909
+ .before\:top-0 {
910
+ &::before {
911
+ content: var(--tw-content);
912
+ top: calc(var(--spacing) * 0);
913
+ }
914
+ }
915
+ .before\:top-1\/2 {
916
+ &::before {
917
+ content: var(--tw-content);
918
+ top: calc(1 / 2 * 100%);
919
+ }
920
+ }
921
+ .before\:right-0 {
922
+ &::before {
923
+ content: var(--tw-content);
924
+ right: calc(var(--spacing) * 0);
925
+ }
926
+ }
927
+ .before\:bottom-0 {
928
+ &::before {
929
+ content: var(--tw-content);
930
+ bottom: calc(var(--spacing) * 0);
931
+ }
932
+ }
933
+ .before\:left-0 {
934
+ &::before {
935
+ content: var(--tw-content);
936
+ left: calc(var(--spacing) * 0);
937
+ }
938
+ }
939
+ .before\:left-1\/2 {
940
+ &::before {
941
+ content: var(--tw-content);
942
+ left: calc(1 / 2 * 100%);
943
+ }
944
+ }
945
+ .before\:size-2 {
946
+ &::before {
947
+ content: var(--tw-content);
948
+ width: calc(var(--spacing) * 2);
949
+ height: calc(var(--spacing) * 2);
950
+ }
951
+ }
952
+ .before\:-translate-x-1\/2 {
953
+ &::before {
954
+ content: var(--tw-content);
955
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
956
+ translate: var(--tw-translate-x) var(--tw-translate-y);
957
+ }
958
+ }
959
+ .before\:translate-x-1\/2 {
960
+ &::before {
961
+ content: var(--tw-content);
962
+ --tw-translate-x: calc(1 / 2 * 100%);
963
+ translate: var(--tw-translate-x) var(--tw-translate-y);
964
+ }
965
+ }
966
+ .before\:-translate-y-1\/2 {
967
+ &::before {
968
+ content: var(--tw-content);
969
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
970
+ translate: var(--tw-translate-x) var(--tw-translate-y);
971
+ }
972
+ }
973
+ .before\:translate-y-1\/2 {
974
+ &::before {
975
+ content: var(--tw-content);
976
+ --tw-translate-y: calc(1 / 2 * 100%);
977
+ translate: var(--tw-translate-x) var(--tw-translate-y);
978
+ }
979
+ }
980
+ .before\:rotate-45 {
981
+ &::before {
982
+ content: var(--tw-content);
983
+ rotate: 45deg;
984
+ }
985
+ }
986
+ .before\:bg-foreground {
987
+ &::before {
988
+ content: var(--tw-content);
989
+ background-color: var(--color-foreground);
990
+ }
991
+ }
992
+ .before\:content-\[\"\"\] {
993
+ &::before {
994
+ --tw-content: "";
995
+ content: var(--tw-content);
996
+ }
997
+ }
855
998
  .hover\:bg-accent {
856
999
  &:hover {
857
1000
  @media (hover: hover) {
@@ -1082,6 +1225,11 @@
1082
1225
  cursor: not-allowed;
1083
1226
  }
1084
1227
  }
1228
+ .disabled\:text-muted-foreground {
1229
+ &:disabled {
1230
+ color: var(--color-muted-foreground);
1231
+ }
1232
+ }
1085
1233
  .disabled\:text-stone-950 {
1086
1234
  &:disabled {
1087
1235
  color: var(--color-stone-950);
@@ -1097,6 +1245,11 @@
1097
1245
  opacity: 50%;
1098
1246
  }
1099
1247
  }
1248
+ .disabled\:opacity-60 {
1249
+ &:disabled {
1250
+ opacity: 60%;
1251
+ }
1252
+ }
1100
1253
  .aria-invalid\:border-destructive {
1101
1254
  &[aria-invalid="true"] {
1102
1255
  border-color: var(--color-destructive);
@@ -1606,6 +1759,11 @@
1606
1759
  syntax: "*";
1607
1760
  inherits: false;
1608
1761
  }
1762
+ @property --tw-content {
1763
+ syntax: "*";
1764
+ initial-value: "";
1765
+ inherits: false;
1766
+ }
1609
1767
  @layer properties {
1610
1768
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1611
1769
  *, ::before, ::after, ::backdrop {
@@ -1650,6 +1808,7 @@
1650
1808
  --tw-drop-shadow-alpha: 100%;
1651
1809
  --tw-drop-shadow-size: initial;
1652
1810
  --tw-duration: initial;
1811
+ --tw-content: "";
1653
1812
  }
1654
1813
  }
1655
1814
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ohhwells/bridge",
3
- "version": "0.1.33-next.39",
3
+ "version": "0.1.34-next.40",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",