@ohhwells/bridge 0.1.38-next.69 → 0.1.38

package/dist/styles.css

@@ -12,6 +12,7 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-xs: 20rem;
+    --container-md: 28rem;
     --text-xs: 12px;
     --text-xs--line-height: 16px;
     --text-sm: 14px;
@@ -22,6 +23,10 @@
     --text-lg--line-height: 28px;
     --text-xl: 20px;
     --text-xl--line-height: 28px;
+    --text-4xl: 36px;
+    --text-4xl--line-height: 40px;
+    --text-5xl: 48px;
+    --text-5xl--line-height: 1;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -56,6 +61,8 @@
     --color-border: var(--ohw-border, #e2e8f0);
     --color-input: var(--ohw-input, #e2e8f0);
     --color-ring: var(--ohw-ring, #64748b);
+    --text-5xl--letter-spacing: -0.025em;
+    --text-4xl--letter-spacing: -0.025em;
     --text-xl--letter-spacing: -0.025em;
     --text-lg--letter-spacing: 0em;
     --text-base--letter-spacing: 0em;
@@ -103,9 +110,6 @@
 .top-2\.5 {
   top: calc(var(--spacing) * 2.5);
 }
-.top-3 {
-  top: calc(var(--spacing) * 3);
-}
 .top-\[9px\] {
   top: 9px;
 }
@@ -121,9 +125,6 @@
 .right-1\.5 {
   right: calc(var(--spacing) * 1.5);
 }
-.right-3 {
-  right: calc(var(--spacing) * 3);
-}
 .right-\[9px\] {
   right: 9px;
 }
@@ -139,9 +140,6 @@
 .left-1\/2 {
   left: calc(1 / 2 * 100%);
 }
-.left-5 {
-  left: calc(var(--spacing) * 5);
-}
 .z-10 {
   z-index: 10;
 }
@@ -154,12 +152,6 @@
 .z-2147483647 {
   z-index: 2147483647;
 }
-.z-\[1\] {
-  z-index: 1;
-}
-.z-\[2\] {
-  z-index: 2;
-}
 .z-\[2147483646\] {
   z-index: 2147483646;
 }
@@ -220,9 +212,6 @@
 .flex {
   display: flex;
 }
-.grid {
-  display: grid;
-}
 .hidden {
   display: none;
 }
@@ -236,21 +225,6 @@
   width: calc(var(--spacing) * 4);
   height: calc(var(--spacing) * 4);
 }
-.size-5 {
-  width: calc(var(--spacing) * 5);
-  height: calc(var(--spacing) * 5);
-}
-.size-7 {
-  width: calc(var(--spacing) * 7);
-  height: calc(var(--spacing) * 7);
-}
-.size-8 {
-  width: calc(var(--spacing) * 8);
-  height: calc(var(--spacing) * 8);
-}
-.\!h-full {
-  height: 100% !important;
-}
 .h-6 {
   height: calc(var(--spacing) * 6);
 }
@@ -266,11 +240,8 @@
 .h-10 {
   height: calc(var(--spacing) * 10);
 }
-.h-\[3px\] {
-  height: 3px;
-}
-.h-\[36px\] {
-  height: 36px;
+.h-20 {
+  height: calc(var(--spacing) * 20);
 }
 .h-\[70px\] {
   height: 70px;
@@ -308,9 +279,6 @@
 .min-h-screen {
   min-height: 100vh;
 }
-.\!w-full {
-  width: 100% !important;
-}
 .w-2 {
   width: calc(var(--spacing) * 2);
 }
@@ -329,12 +297,6 @@
 .w-14 {
   width: calc(var(--spacing) * 14);
 }
-.w-\[3px\] {
-  width: 3px;
-}
-.w-\[200px\] {
-  width: 200px;
-}
 .w-\[var\(--radix-popover-trigger-width\)\] {
   width: var(--radix-popover-trigger-width);
 }
@@ -348,12 +310,18 @@
 .w-px {
   width: 1px;
 }
-.max-w-\[448px\] {
-  max-width: 448px;
+.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);
+}
 .max-w-xs {
   max-width: var(--container-xs);
 }
@@ -393,10 +361,6 @@
   --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.translate-y-1\/2 {
-  --tw-translate-y: calc(1 / 2 * 100%);
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-}
 .transform {
   transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
@@ -483,9 +447,6 @@
 .overflow-hidden {
   overflow: hidden;
 }
-.overflow-visible {
-  overflow: visible;
-}
 .overflow-x-auto {
   overflow-x: auto;
 }
@@ -574,12 +535,6 @@
 .bg-background {
   background-color: var(--color-background);
 }
-.bg-background\/90 {
-  background-color: var(--color-background);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-background) 90%, transparent);
-  }
-}
 .bg-black\/20 {
   background-color: color-mix(in srgb, #000 20%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
@@ -607,12 +562,6 @@
 .bg-muted {
   background-color: var(--color-muted);
 }
-.bg-muted\/40 {
-  background-color: var(--color-muted);
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
-  }
-}
 .bg-popover {
   background-color: var(--color-popover);
 }
@@ -628,10 +577,6 @@
 .bg-white {
   background-color: var(--color-white);
 }
-.object-cover {
-  -o-object-fit: cover;
-     object-fit: cover;
-}
 .p-0 {
   padding: calc(var(--spacing) * 0);
 }
@@ -668,9 +613,6 @@
 .px-3 {
   padding-inline: calc(var(--spacing) * 3);
 }
-.px-4 {
-  padding-inline: calc(var(--spacing) * 4);
-}
 .px-5 {
   padding-inline: calc(var(--spacing) * 5);
 }
@@ -695,9 +637,6 @@
 .py-2 {
   padding-block: calc(var(--spacing) * 2);
 }
-.py-3 {
-  padding-block: calc(var(--spacing) * 3);
-}
 .py-4 {
   padding-block: calc(var(--spacing) * 4);
 }
@@ -755,6 +694,11 @@
 .font-sans {
   font-family: var(--font-sans);
 }
+.text-4xl {
+  font-size: var(--text-4xl);
+  line-height: var(--tw-leading, var(--text-4xl--line-height));
+  letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
+}
 .text-base {
   font-size: var(--text-base);
   line-height: var(--tw-leading, var(--text-base--line-height));
@@ -784,10 +728,6 @@
   font-size: var(--text-body);
   line-height: var(--tw-leading, var(--text-body--line-height));
 }
-.leading-4 {
-  --tw-leading: calc(var(--spacing) * 4);
-  line-height: calc(var(--spacing) * 4);
-}
 .leading-5 {
   --tw-leading: calc(var(--spacing) * 5);
   line-height: calc(var(--spacing) * 5);
@@ -812,10 +752,6 @@
   --tw-font-weight: var(--font-weight-medium);
   font-weight: var(--font-weight-medium);
 }
-.font-medium\! {
-  --tw-font-weight: var(--font-weight-medium) !important;
-  font-weight: var(--font-weight-medium) !important;
-}
 .font-normal {
   --tw-font-weight: var(--font-weight-normal);
   font-weight: var(--font-weight-normal);
@@ -824,10 +760,6 @@
   --tw-font-weight: var(--font-weight-semibold);
   font-weight: var(--font-weight-semibold);
 }
-.tracking-\[0\.18px\] {
-  --tw-tracking: 0.18px;
-  letter-spacing: 0.18px;
-}
 .tracking-display-tight {
   --tw-tracking: var(--tracking-display-tight);
   letter-spacing: var(--tracking-display-tight);
@@ -866,9 +798,6 @@
 .text-foreground {
   color: var(--color-foreground);
 }
-.text-foreground\! {
-  color: var(--color-foreground) !important;
-}
 .text-muted-foreground {
   color: var(--color-muted-foreground);
 }
@@ -884,9 +813,6 @@
 .text-stone-500 {
   color: var(--color-stone-500);
 }
-.text-white {
-  color: var(--color-white);
-}
 .italic {
   font-style: italic;
 }
@@ -896,18 +822,9 @@
 .caret-foreground {
   caret-color: var(--color-foreground);
 }
-.opacity-0 {
-  opacity: 0%;
-}
-.opacity-40 {
-  opacity: 40%;
-}
 .opacity-50 {
   opacity: 50%;
 }
-.opacity-70 {
-  opacity: 70%;
-}
 .opacity-80 {
   opacity: 80%;
 }
@@ -954,10 +871,6 @@
   --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.ring {
-  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
 .ring-0 {
   --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -969,11 +882,6 @@
 .filter {
   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,);
 }
-.transition-\[background-color\] {
-  transition-property: background-color;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-}
 .transition-\[border-color\,box-shadow\] {
   transition-property: border-color,box-shadow;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -994,15 +902,6 @@
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.transition-opacity {
-  transition-property: opacity;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-  transition-duration: var(--tw-duration, var(--default-transition-duration));
-}
-.duration-150 {
-  --tw-duration: 150ms;
-  transition-duration: 150ms;
-}
 .duration-200 {
   --tw-duration: 200ms;
   transition-duration: 200ms;
@@ -1279,11 +1178,6 @@
     }
   }
 }
-.active\:cursor-grabbing {
-  &:active {
-    cursor: grabbing;
-  }
-}
 .enabled\:hover\:border {
   &:enabled {
     &:hover {
@@ -1494,6 +1388,18 @@
     padding-block: calc(var(--spacing) * 20);
   }
 }
+.sm\:text-5xl {
+  @media (width >= 40rem) {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+    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;
@@ -1666,47 +1572,6 @@
   border-color: var(--ohw-border) !important;
   color: var(--ohw-foreground) !important;
 }
-[data-ohw-section-picker] {
-  --ohw-background: #ffffff;
-  --ohw-foreground: #0c0a09;
-  --ohw-primary: #0885fe;
-  --ohw-primary-foreground: #fafaf9;
-  --ohw-muted: #f5f5f4;
-  --ohw-muted-foreground: #78716c;
-  --ohw-border: #e7e5e4;
-  --ohw-popover-foreground: #0c0a09;
-  --color-muted-foreground: var(--ohw-muted-foreground);
-  --font-sans: Figtree, ui-sans-serif, system-ui, sans-serif;
-  font-family: var(--font-sans);
-}
-html[data-ohw-section-picking] [data-ohw-hovered],
-html[data-ohw-section-picking] [data-ohw-state-hovered] {
-  outline: none !important;
-  box-shadow: none !important;
-}
-html[data-ohw-section-picking] [data-ohw-item-interaction],
-html[data-ohw-section-picking] [data-ohw-section-insert-line],
-html[data-ohw-section-picking] [data-ohw-navbar-container-chrome],
-html[data-ohw-section-picking] [data-ohw-edit-chrome],
-html[data-ohw-section-picking] [data-ohw-toolbar],
-html[data-ohw-section-picking] [data-ohw-max-badge],
-html[data-ohw-section-picking] [data-ohw-state-toggle] {
-  display: none !important;
-  pointer-events: none !important;
-}
-.ov-gap-line {
-  background-color: var(--ohw-primary, #0885fe);
-  border-radius: 2px;
-  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
-}
-[data-ohw-navbar-container-chrome] {
-  --ohw-primary: #0885fe;
-  --ohw-background: #ffffff;
-  --ohw-foreground: #0c0a09;
-  --ohw-border: #e7e5e4;
-  --font-sans: Figtree, ui-sans-serif, system-ui, sans-serif;
-  font-family: var(--font-sans);
-}
 [data-ohw-bridge-root].dark {
   --ohw-background: #020617;
   --ohw-foreground: #f8fafc;

package/package.json

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