@ohhwells/bridge 0.1.42 → 0.1.44

package/dist/styles.css

@@ -40,26 +40,27 @@
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --radius: 0.5rem;
     --font-display: 'Instrument Serif', 'Times New Roman', serif;
     --font-body: 'Red Hat Display', system-ui, sans-serif;
     --color-primary: var(--ohw-primary, #0885FE);
     --color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
     --color-primary-50: var(--ohw-primary-50, #EFF6FF);
     --color-background: var(--ohw-background, #ffffff);
-    --color-foreground: var(--ohw-foreground, #020617);
-    --color-card-foreground: var(--ohw-card-foreground, #020617);
+    --color-foreground: var(--ohw-foreground, #0c0a09);
+    --color-card-foreground: var(--ohw-card-foreground, #0c0a09);
     --color-popover: var(--ohw-popover, #ffffff);
-    --color-secondary: var(--ohw-secondary, #f1f5f9);
-    --color-secondary-foreground: var(--ohw-secondary-foreground, #0f172a);
-    --color-muted: var(--ohw-muted, #f1f5f9);
-    --color-muted-foreground: var(--ohw-muted-foreground, #64748b);
-    --color-accent: var(--ohw-accent, #f1f5f9);
-    --color-accent-foreground: var(--ohw-accent-foreground, #0f172a);
-    --color-destructive: var(--ohw-destructive, #dc2626);
-    --color-destructive-foreground: var(--ohw-destructive-foreground, #f8fafc);
-    --color-border: var(--ohw-border, #e2e8f0);
-    --color-input: var(--ohw-input, #e2e8f0);
-    --color-ring: var(--ohw-ring, #64748b);
+    --color-secondary: var(--ohw-secondary, #f5f5f4);
+    --color-secondary-foreground: var(--ohw-secondary-foreground, #0c0a09);
+    --color-muted: var(--ohw-muted, #f5f5f4);
+    --color-muted-foreground: var(--ohw-muted-foreground, #78716c);
+    --color-accent: var(--ohw-accent, #f5f5f4);
+    --color-accent-foreground: var(--ohw-accent-foreground, #0c0a09);
+    --color-destructive: var(--ohw-destructive, #c10007);
+    --color-destructive-foreground: var(--ohw-destructive-foreground, #fafaf9);
+    --color-border: var(--ohw-border, #e7e5e4);
+    --color-input: var(--ohw-input, #e7e5e4);
+    --color-ring: var(--ohw-ring, #0885FE);
     --text-5xl--letter-spacing: -0.025em;
     --text-4xl--letter-spacing: -0.025em;
     --text-xl--letter-spacing: -0.025em;
@@ -199,15 +200,9 @@
 .mt-0\.5 {
   margin-top: calc(var(--spacing) * 0.5);
 }
-.mt-2 {
-  margin-top: calc(var(--spacing) * 2);
-}
 .mr-\[-1px\] {
   margin-right: -1px;
 }
-.mb-2 {
-  margin-bottom: calc(var(--spacing) * 2);
-}
 .mb-4 {
   margin-bottom: calc(var(--spacing) * 4);
 }
@@ -238,6 +233,10 @@
 .inline-flex {
   display: inline-flex;
 }
+.size-2\.5 {
+  width: calc(var(--spacing) * 2.5);
+  height: calc(var(--spacing) * 2.5);
+}
 .size-4 {
   width: calc(var(--spacing) * 4);
   height: calc(var(--spacing) * 4);
@@ -381,6 +380,9 @@
 .grow {
   flex-grow: 1;
 }
+.origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
+  transform-origin: var(--radix-tooltip-content-transform-origin);
+}
 .-translate-x-1\/2 {
   --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -397,6 +399,13 @@
   --tw-translate-y: calc(1 / 2 * 100%);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
+.translate-y-\[calc\(-50\%-2px\)\] {
+  --tw-translate-y: calc(-50% - 2px);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.rotate-45 {
+  rotate: 45deg;
+}
 .transform {
   transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
@@ -489,12 +498,18 @@
 .overflow-x-auto {
   overflow-x: auto;
 }
-.rounded {
-  border-radius: 0.25rem;
+.rounded-\[2px\] {
+  border-radius: 2px;
 }
 .rounded-\[10px\] {
   border-radius: 10px;
 }
+.rounded-\[calc\(var\(--radius\,0\.5rem\)-2px\)\] {
+  border-radius: calc(var(--radius,0.5rem) - 2px);
+}
+.rounded-\[var\(--radius\,0\.5rem\)\] {
+  border-radius: var(--radius,0.5rem);
+}
 .rounded-full {
   border-radius: calc(infinity * 1px);
 }
@@ -574,12 +589,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)) {
@@ -628,6 +637,9 @@
 .bg-white {
   background-color: var(--color-white);
 }
+.fill-foreground {
+  fill: var(--color-foreground);
+}
 .p-0 {
   padding: calc(var(--spacing) * 0);
 }
@@ -920,16 +932,12 @@
   --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-primary));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.shadow-\[0px_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\] {
-  --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));
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
 .shadow-lg {
   --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));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 .shadow-md {
-  --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));
+  --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));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 .shadow-none {
@@ -1017,107 +1025,6 @@
     color: var(--color-muted-foreground);
   }
 }
-.before\:pointer-events-none {
-  &::before {
-    content: var(--tw-content);
-    pointer-events: none;
-  }
-}
-.before\:absolute {
-  &::before {
-    content: var(--tw-content);
-    position: absolute;
-  }
-}
-.before\:top-0 {
-  &::before {
-    content: var(--tw-content);
-    top: calc(var(--spacing) * 0);
-  }
-}
-.before\:top-1\/2 {
-  &::before {
-    content: var(--tw-content);
-    top: calc(1 / 2 * 100%);
-  }
-}
-.before\:right-0 {
-  &::before {
-    content: var(--tw-content);
-    right: calc(var(--spacing) * 0);
-  }
-}
-.before\:bottom-0 {
-  &::before {
-    content: var(--tw-content);
-    bottom: calc(var(--spacing) * 0);
-  }
-}
-.before\:left-0 {
-  &::before {
-    content: var(--tw-content);
-    left: calc(var(--spacing) * 0);
-  }
-}
-.before\:left-1\/2 {
-  &::before {
-    content: var(--tw-content);
-    left: calc(1 / 2 * 100%);
-  }
-}
-.before\:size-2 {
-  &::before {
-    content: var(--tw-content);
-    width: calc(var(--spacing) * 2);
-    height: calc(var(--spacing) * 2);
-  }
-}
-.before\:-translate-x-1\/2 {
-  &::before {
-    content: var(--tw-content);
-    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-}
-.before\:translate-x-1\/2 {
-  &::before {
-    content: var(--tw-content);
-    --tw-translate-x: calc(1 / 2 * 100%);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-}
-.before\:-translate-y-1\/2 {
-  &::before {
-    content: var(--tw-content);
-    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-}
-.before\:translate-y-1\/2 {
-  &::before {
-    content: var(--tw-content);
-    --tw-translate-y: calc(1 / 2 * 100%);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-}
-.before\:rotate-45 {
-  &::before {
-    content: var(--tw-content);
-    rotate: 45deg;
-  }
-}
-.before\:bg-foreground {
-  &::before {
-    content: var(--tw-content);
-    background-color: var(--color-foreground);
-  }
-}
-.before\:content-\[\"\"\] {
-  &::before {
-    --tw-content: "";
-    content: var(--tw-content);
-  }
-}
 .hover\:bg-accent {
   &:hover {
     @media (hover: hover) {
@@ -1514,34 +1421,35 @@
   --ohw-primary-foreground: #FAFAF9;
   --ohw-primary-50: #EFF6FF;
   --ohw-background: #ffffff;
-  --ohw-foreground: #020617;
+  --ohw-foreground: #0c0a09;
   --ohw-card: #ffffff;
-  --ohw-card-foreground: #020617;
+  --ohw-card-foreground: #0c0a09;
   --ohw-popover: #ffffff;
-  --ohw-popover-foreground: #020617;
-  --ohw-hover-primary: #1e293b;
-  --ohw-secondary: #f1f5f9;
-  --ohw-secondary-foreground: #0f172a;
-  --ohw-hover-secondary: #e2e8f0;
-  --ohw-muted: #f1f5f9;
-  --ohw-muted-foreground: #64748b;
-  --ohw-accent: #f1f5f9;
-  --ohw-accent-foreground: #0f172a;
-  --ohw-bg-accent-50: #f1f5f980;
-  --ohw-bg-muted-40: #f1f5f966;
-  --ohw-bg-muted-50: #f1f5f980;
-  --ohw-destructive: #dc2626;
-  --ohw-destructive-foreground: #f8fafc;
+  --ohw-popover-foreground: #0c0a09;
+  --ohw-hover-primary: #1c1917;
+  --ohw-secondary: #f5f5f4;
+  --ohw-secondary-foreground: #0c0a09;
+  --ohw-hover-secondary: #e7e5e4;
+  --ohw-muted: #f5f5f4;
+  --ohw-muted-foreground: #78716c;
+  --ohw-accent: #f5f5f4;
+  --ohw-accent-foreground: #0c0a09;
+  --ohw-bg-accent-50: #f5f5f480;
+  --ohw-bg-muted-40: #f5f5f466;
+  --ohw-bg-muted-50: #f5f5f480;
+  --ohw-destructive: #c10007;
+  --ohw-destructive-foreground: #fafaf9;
   --ohw-hover-destructive: #ef4444;
-  --ohw-bg-destructive-10: #dc26261a;
-  --ohw-hover-destructive-20: #dc262633;
+  --ohw-bg-destructive-10: #c100071a;
+  --ohw-hover-destructive-20: #c1000733;
   --ohw-border-destructive-50: #fecaca;
-  --ohw-border: #e2e8f0;
-  --ohw-border-muted-40: #f1f5f966;
-  --ohw-input: #e2e8f0;
-  --ohw-ring: #64748b;
+  --ohw-border: #e7e5e4;
+  --ohw-border-muted-40: #f5f5f466;
+  --ohw-input: #e7e5e4;
+  --ohw-ring: #0885FE;
   --ohw-success: #16a34a;
   --ohw-hover-success: #15803d;
+  --radius: 0.5rem;
 }
 [data-ohw-visible-viewport] {
   position: fixed;
@@ -1936,11 +1844,6 @@ html[data-ohw-section-picking] [data-ohw-state-toggle] {
   syntax: "*";
   inherits: false;
 }
-@property --tw-content {
-  syntax: "*";
-  initial-value: "";
-  inherits: false;
-}
 @keyframes pulse {
   50% {
     opacity: 0.5;
@@ -1991,7 +1894,6 @@ html[data-ohw-section-picking] [data-ohw-state-toggle] {
       --tw-drop-shadow-size: initial;
       --tw-duration: initial;
       --tw-ease: initial;
-      --tw-content: "";
     }
   }
 }

package/package.json

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