@ohhwells/bridge 0.1.30 → 0.1.31-next.29

package/dist/styles.css

@@ -7,6 +7,7 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --container-md: 28rem;
     --text-xs: 12px;
     --text-xs--line-height: 16px;
     --text-sm: 14px;
@@ -103,6 +104,9 @@
 .top-\[9px\] {
   top: 9px;
 }
+.top-\[calc\(100\%\+4px\)\] {
+  top: calc(100% + 4px);
+}
 .right-0 {
   right: calc(var(--spacing) * 0);
 }
@@ -133,6 +137,9 @@
 .z-2147483647 {
   z-index: 2147483647;
 }
+.z-\[2147483646\] {
+  z-index: 2147483646;
+}
 .z-\[2147483647\] {
   z-index: 2147483647;
 }
@@ -205,6 +212,9 @@
 .h-10 {
   height: calc(var(--spacing) * 10);
 }
+.h-20 {
+  height: calc(var(--spacing) * 20);
+}
 .h-\[70px\] {
   height: 70px;
 }
@@ -223,6 +233,15 @@
 .h-screen {
   height: 100vh;
 }
+.max-h-48 {
+  max-height: calc(var(--spacing) * 48);
+}
+.max-h-\[calc\(100\%-32px\)\] {
+  max-height: calc(100% - 32px);
+}
+.max-h-\[calc\(100vh-32px\)\] {
+  max-height: calc(100vh - 32px);
+}
 .min-h-dvh {
   min-height: 100dvh;
 }
@@ -244,9 +263,6 @@
 .w-14 {
   width: calc(var(--spacing) * 14);
 }
-.w-\[483px\] {
-  width: 483px;
-}
 .w-\[var\(--radix-popover-trigger-width\)\] {
   width: var(--radix-popover-trigger-width);
 }
@@ -257,9 +273,15 @@
 .w-full {
   width: 100%;
 }
+.max-w-\[483px\] {
+  max-width: 483px;
+}
 .max-w-\[1280px\] {
   max-width: 1280px;
 }
+.max-w-\[calc\(100\%-16px\)\] {
+  max-width: calc(100% - 16px);
+}
 .max-w-\[calc\(100vw-16px\)\] {
   max-width: calc(100vw - 16px);
 }
@@ -331,6 +353,9 @@
 .justify-end {
   justify-content: flex-end;
 }
+.gap-0 {
+  gap: calc(var(--spacing) * 0);
+}
 .gap-1 {
   gap: calc(var(--spacing) * 1);
 }
@@ -460,6 +485,12 @@
     background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
   }
 }
+.bg-black\/50 {
+  background-color: color-mix(in srgb, #000 50%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+  }
+}
 .bg-destructive {
   background-color: var(--color-destructive);
 }
@@ -1072,6 +1103,11 @@
     letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
   }
 }
+.md\:w-md {
+  @media (width >= 48rem) {
+    width: var(--container-md);
+  }
+}
 .\[\&_svg\]\:pointer-events-none {
   & svg {
     pointer-events: none;
@@ -1123,6 +1159,20 @@
   --ohw-success: #16a34a;
   --ohw-hover-success: #15803d;
 }
+[data-ohw-visible-viewport] {
+  position: fixed;
+  left: 0;
+  width: 100%;
+  pointer-events: none;
+  z-index: 2147483645;
+  overflow: hidden;
+}
+[data-ohw-visible-viewport] [data-slot="dialog-overlay"] {
+  pointer-events: auto;
+}
+[data-ohw-link-page-dropdown] {
+  pointer-events: auto;
+}
 [data-ohw-link-modal-root],
 [data-ohw-link-popover-root] {
   --ohw-background: #ffffff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohhwells/bridge",
-  "version": "0.1.30",
+  "version": "0.1.31-next.29",
   "private": false,
   "type": "module",
   "main": "./dist/index.cjs",