@ohhwells/bridge 0.1.17 → 0.1.18

package/dist/styles.css

@@ -4,22 +4,31 @@
   :root, :host {
     --font-sans: Figtree, sans-serif;
     --spacing: 0.25rem;
+    --text-xs: 12px;
+    --text-xs--line-height: 16px;
     --text-sm: 14px;
     --text-sm--line-height: 20px;
     --font-weight-medium: 500;
+    --font-weight-semibold: 600;
     --radius-md: 6px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --color-primary: var(--ohw-primary, #0885FE);
+    --color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
     --color-background: var(--ohw-background, #ffffff);
     --color-foreground: var(--ohw-foreground, #020617);
+    --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-input: var(--ohw-input, #e2e8f0);
     --color-ring: var(--ohw-ring, #64748b);
     --text-sm--letter-spacing: 0em;
+    --text-xs--letter-spacing: 0em;
   }
 }
 .pointer-events-auto {
@@ -46,6 +55,12 @@
 .sticky {
   position: sticky;
 }
+.left-0 {
+  left: calc(var(--spacing) * 0);
+}
+.z-2147483646 {
+  z-index: 2147483646;
+}
 .z-2147483647 {
   z-index: 2147483647;
 }
@@ -103,12 +118,21 @@
 .min-h-screen {
   min-height: 100vh;
 }
+.w-full {
+  width: 100%;
+}
 .min-w-8 {
   min-width: calc(var(--spacing) * 8);
 }
 .min-w-10 {
   min-width: calc(var(--spacing) * 10);
 }
+.flex-1 {
+  flex: 1;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
 .grow {
   flex-grow: 1;
 }
@@ -133,6 +157,9 @@
 .gap-2 {
   gap: calc(var(--spacing) * 2);
 }
+.rounded-full {
+  border-radius: calc(infinity * 1px);
+}
 .rounded-md {
   border-radius: var(--radius-md);
 }
@@ -147,9 +174,21 @@
 .border-input {
   border-color: var(--color-input);
 }
+.border-transparent {
+  border-color: transparent;
+}
+.bg-destructive {
+  background-color: var(--color-destructive);
+}
 .bg-muted {
   background-color: var(--color-muted);
 }
+.bg-primary {
+  background-color: var(--color-primary);
+}
+.bg-secondary {
+  background-color: var(--color-secondary);
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -165,6 +204,12 @@
 .px-2\.5 {
   padding-inline: calc(var(--spacing) * 2.5);
 }
+.px-8 {
+  padding-inline: calc(var(--spacing) * 8);
+}
+.py-0\.5 {
+  padding-block: calc(var(--spacing) * 0.5);
+}
 .py-1 {
   padding-block: calc(var(--spacing) * 1);
 }
@@ -176,16 +221,34 @@
   line-height: var(--tw-leading, var(--text-sm--line-height));
   letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
 }
+.text-xs {
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+  letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
+}
 .font-medium {
   --tw-font-weight: var(--font-weight-medium);
   font-weight: var(--font-weight-medium);
 }
+.font-semibold {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
+.text-destructive-foreground {
+  color: var(--color-destructive-foreground);
+}
 .text-foreground {
   color: var(--color-foreground);
 }
+.text-primary-foreground {
+  color: var(--color-primary-foreground);
+}
+.text-secondary-foreground {
+  color: var(--color-secondary-foreground);
+}
 .italic {
   font-style: italic;
 }
@@ -212,6 +275,11 @@
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
+.transition-colors {
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
 .outline-none {
   --tw-outline-style: none;
   outline-style: none;
@@ -223,6 +291,16 @@
     }
   }
 }
+.hover\:bg-destructive\/80 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-destructive) 80%, transparent);
+      }
+    }
+  }
+}
 .hover\:bg-muted {
   &:hover {
     @media (hover: hover) {
@@ -230,6 +308,23 @@
     }
   }
 }
+.hover\:bg-primary {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary);
+    }
+  }
+}
+.hover\:bg-secondary\/80 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-secondary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
+      }
+    }
+  }
+}
 .hover\:bg-transparent {
   &:hover {
     @media (hover: hover) {
@@ -258,6 +353,29 @@
     }
   }
 }
+.focus\:ring-2 {
+  &:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
+  }
+}
+.focus\:ring-ring {
+  &:focus {
+    --tw-ring-color: var(--color-ring);
+  }
+}
+.focus\:ring-offset-2 {
+  &:focus {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+}
+.focus\:outline-none {
+  &:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
 .focus-visible\:border-ring {
   &:focus-visible {
     border-color: var(--color-ring);
@@ -352,6 +470,8 @@
   }
 }
 [data-ohw-bridge-root] {
+  --ohw-primary: #0885FE;
+  --ohw-primary-foreground: #FAFAF9;
   --ohw-background: #ffffff;
   --ohw-foreground: #020617;
   --ohw-card: #ffffff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohhwells/bridge",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "private": false,
   "type": "module",
   "main": "./dist/index.cjs",
@@ -27,6 +27,7 @@
     "react-dom": ">=18"
   },
   "dependencies": {
+    "@radix-ui/react-slot": "^1.3.0",
     "radix-ui": "^1.4.3"
   },
   "devDependencies": {