@ohhwells/bridge 0.1.48 → 0.1.49-next.115

package/dist/styles.css

@@ -22,10 +22,6 @@
     --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;
@@ -50,6 +46,7 @@
     --color-foreground: var(--ohw-foreground, #0c0a09);
     --color-card-foreground: var(--ohw-card-foreground, #0c0a09);
     --color-popover: var(--ohw-popover, #ffffff);
+    --color-popover-foreground: var(--ohw-popover-foreground, #0c0a09);
     --color-secondary: var(--ohw-secondary, #f5f5f4);
     --color-secondary-foreground: var(--ohw-secondary-foreground, #0c0a09);
     --color-muted: var(--ohw-muted, #f5f5f4);
@@ -58,11 +55,10 @@
     --color-accent-foreground: var(--ohw-accent-foreground, #0c0a09);
     --color-destructive: var(--ohw-destructive, #c10007);
     --color-destructive-foreground: var(--ohw-destructive-foreground, #fafaf9);
+    --color-bg-destructive-10: var(--ohw-bg-destructive-10, #c100071a);
     --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;
     --text-lg--letter-spacing: 0em;
     --text-base--letter-spacing: 0em;
@@ -152,6 +148,9 @@
 .left-1\/2 {
   left: calc(1 / 2 * 100%);
 }
+.left-2 {
+  left: calc(var(--spacing) * 2);
+}
 .left-5 {
   left: calc(var(--spacing) * 5);
 }
@@ -339,6 +338,9 @@
 .w-14 {
   width: calc(var(--spacing) * 14);
 }
+.w-56 {
+  width: calc(var(--spacing) * 56);
+}
 .w-\[3px\] {
   width: 3px;
 }
@@ -376,6 +378,9 @@
 .min-w-10 {
   min-width: calc(var(--spacing) * 10);
 }
+.min-w-32 {
+  min-width: calc(var(--spacing) * 32);
+}
 .min-w-\[64px\] {
   min-width: 64px;
 }
@@ -391,6 +396,9 @@
 .grow {
   flex-grow: 1;
 }
+.origin-\[var\(--radix-dropdown-menu-content-transform-origin\)\] {
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
 .origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
   transform-origin: var(--radix-tooltip-content-transform-origin);
 }
@@ -406,6 +414,10 @@
   --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
+.-translate-y-full {
+  --tw-translate-y: -100%;
+  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);
@@ -505,12 +517,18 @@
 .overflow-x-auto {
   overflow-x: auto;
 }
+.rounded-\[6px\] {
+  border-radius: 6px;
+}
 .rounded-\[10px\] {
   border-radius: 10px;
 }
 .rounded-\[calc\(var\(--radius\,0\.5rem\)-2px\)\] {
   border-radius: calc(var(--radius,0.5rem) - 2px);
 }
+.rounded-\[calc\(var\(--radius\,0\.5rem\)-4px\)\] {
+  border-radius: calc(var(--radius,0.5rem) - 4px);
+}
 .rounded-\[var\(--radius\,0\.5rem\)\] {
   border-radius: var(--radius,0.5rem);
 }
@@ -547,6 +565,10 @@
   border-style: var(--tw-border-style);
   border-width: 2px;
 }
+.border-t {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+}
 .border-b {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
@@ -753,6 +775,9 @@
 .pl-4 {
   padding-left: calc(var(--spacing) * 4);
 }
+.pl-8 {
+  padding-left: calc(var(--spacing) * 8);
+}
 .text-center {
   text-align: center;
 }
@@ -768,11 +793,6 @@
 .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));
@@ -890,6 +910,9 @@
 .text-muted-foreground {
   color: var(--color-muted-foreground);
 }
+.text-popover-foreground {
+  color: var(--color-popover-foreground);
+}
 .text-primary-foreground {
   color: var(--color-primary-foreground);
 }
@@ -940,6 +963,10 @@
   --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_4px_6px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_2px_4px_0px_rgba\(0\,0\,0\,0\.1\)\] {
+  --tw-shadow: 0px 4px 6px 0px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 2px 4px 0px 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);
@@ -1029,6 +1056,11 @@
   --tw-outline-style: none;
   outline-style: none;
 }
+.select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+       user-select: none;
+}
 .placeholder\:text-muted-foreground {
   &::-moz-placeholder {
     color: var(--color-muted-foreground);
@@ -1251,6 +1283,11 @@
     }
   }
 }
+.focus\:bg-muted {
+  &:focus {
+    background-color: var(--color-muted);
+  }
+}
 .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);
@@ -1413,6 +1450,21 @@
     }
   }
 }
+.data-\[disabled\]\:pointer-events-none {
+  &[data-disabled] {
+    pointer-events: none;
+  }
+}
+.data-\[disabled\]\:opacity-50 {
+  &[data-disabled] {
+    opacity: 50%;
+  }
+}
+.data-\[highlighted\]\:bg-muted {
+  &[data-highlighted] {
+    background-color: var(--color-muted);
+  }
+}
 .data-\[state\=off\]\:opacity-50 {
   &[data-state="off"] {
     opacity: 50%;
@@ -1448,6 +1500,39 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
+.data-\[variant\=destructive\]\:text-destructive {
+  &[data-variant="destructive"] {
+    color: var(--color-destructive);
+  }
+}
+.data-\[variant\=destructive\]\:focus\:bg-bg-destructive-10 {
+  &[data-variant="destructive"] {
+    &:focus {
+      background-color: var(--color-bg-destructive-10);
+    }
+  }
+}
+.data-\[variant\=destructive\]\:focus\:text-destructive {
+  &[data-variant="destructive"] {
+    &:focus {
+      color: var(--color-destructive);
+    }
+  }
+}
+.data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-bg-destructive-10 {
+  &[data-variant="destructive"] {
+    &[data-highlighted] {
+      background-color: var(--color-bg-destructive-10);
+    }
+  }
+}
+.data-\[variant\=destructive\]\:data-\[highlighted\]\:text-destructive {
+  &[data-variant="destructive"] {
+    &[data-highlighted] {
+      color: var(--color-destructive);
+    }
+  }
+}
 .sm\:contents {
   @media (width >= 40rem) {
     display: contents;
@@ -1503,29 +1588,61 @@
     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));
-  }
-}
 .\[\&_svg\]\:pointer-events-none {
   & svg {
     pointer-events: none;
   }
 }
+.\[\&_svg\]\:size-4 {
+  & svg {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+}
 .\[\&_svg\]\:shrink-0 {
   & svg {
     flex-shrink: 0;
   }
 }
+.data-\[variant\=destructive\]\:\[\&_svg\]\:text-destructive {
+  &[data-variant="destructive"] {
+    & svg {
+      color: var(--color-destructive);
+    }
+  }
+}
 .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
   & svg:not([class*='size-']) {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
 }
+.\[\&_svg\:not\(\[class\*\=absolute\]\)\]\:relative {
+  & svg:not([class*=absolute]) {
+    position: relative;
+  }
+}
+.\[\&\>svg\:first-child\]\:absolute {
+  &>svg:first-child {
+    position: absolute;
+  }
+}
+.\[\&\>svg\:first-child\]\:top-1\/2 {
+  &>svg:first-child {
+    top: calc(1 / 2 * 100%);
+  }
+}
+.\[\&\>svg\:first-child\]\:left-2 {
+  &>svg:first-child {
+    left: calc(var(--spacing) * 2);
+  }
+}
+.\[\&\>svg\:first-child\]\:-translate-y-1\/2 {
+  &>svg:first-child {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
 [data-ohw-bridge-root] {
   --color-primary: var(--ohw-primary, #0885FE);
   --color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);

package/package.json

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