@ohhwells/bridge 0.1.19 → 0.1.20

package/dist/styles.css

@@ -3,6 +3,7 @@
 @layer ohw-theme {
   :root, :host {
     --font-sans: Figtree, sans-serif;
+    --color-red-500: oklch(63.7% 0.237 25.331);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -22,8 +23,10 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --leading-tight: 1.25;
     --radius-md: 6px;
     --radius-lg: 0.5rem;
+    --radius-xl: 0.75rem;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --font-display: 'Instrument Serif', 'Times New Roman', serif;
@@ -80,12 +83,30 @@
 .inset-0 {
   inset: calc(var(--spacing) * 0);
 }
+.top-1\/2 {
+  top: calc(1 / 2 * 100%);
+}
+.top-2\.5 {
+  top: calc(var(--spacing) * 2.5);
+}
+.right-0 {
+  right: calc(var(--spacing) * 0);
+}
+.right-1\.5 {
+  right: calc(var(--spacing) * 1.5);
+}
 .left-0 {
   left: calc(var(--spacing) * 0);
 }
+.left-1\/2 {
+  left: calc(1 / 2 * 100%);
+}
 .z-10 {
   z-index: 10;
 }
+.z-50 {
+  z-index: 50;
+}
 .z-2147483646 {
   z-index: 2147483646;
 }
@@ -116,6 +137,12 @@
 .mx-auto {
   margin-inline: auto;
 }
+.mt-0\.5 {
+  margin-top: calc(var(--spacing) * 0.5);
+}
+.mb-8 {
+  margin-bottom: calc(var(--spacing) * 8);
+}
 .box-border {
   box-sizing: border-box;
 }
@@ -137,6 +164,9 @@
 .inline-flex {
   display: inline-flex;
 }
+.h-7 {
+  height: calc(var(--spacing) * 7);
+}
 .h-8 {
   height: calc(var(--spacing) * 8);
 }
@@ -167,15 +197,18 @@
 .min-h-screen {
   min-height: 100vh;
 }
+.w-7 {
+  width: calc(var(--spacing) * 7);
+}
+.w-8 {
+  width: calc(var(--spacing) * 8);
+}
 .w-10 {
   width: calc(var(--spacing) * 10);
 }
 .w-14 {
   width: calc(var(--spacing) * 14);
 }
-.w-\[72px\] {
-  width: 72px;
-}
 .w-\[120px\] {
   width: 120px;
 }
@@ -197,22 +230,23 @@
 .min-w-10 {
   min-width: calc(var(--spacing) * 10);
 }
-.min-w-max {
-  min-width: -moz-max-content;
-  min-width: max-content;
-}
 .flex-1 {
   flex: 1;
 }
-.flex-none {
-  flex: none;
-}
 .shrink-0 {
   flex-shrink: 0;
 }
 .grow {
   flex-grow: 1;
 }
+.-translate-x-1\/2 {
+  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.-translate-y-1\/2 {
+  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+  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,);
 }
@@ -234,6 +268,9 @@
 .items-end {
   align-items: flex-end;
 }
+.items-start {
+  align-items: flex-start;
+}
 .items-stretch {
   align-items: stretch;
 }
@@ -243,6 +280,9 @@
 .justify-center {
   justify-content: center;
 }
+.justify-end {
+  justify-content: flex-end;
+}
 .gap-1 {
   gap: calc(var(--spacing) * 1);
 }
@@ -278,6 +318,9 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.overflow-hidden {
+  overflow: hidden;
+}
 .overflow-x-auto {
   overflow-x: auto;
 }
@@ -293,6 +336,9 @@
 .rounded-md {
   border-radius: var(--radius-md);
 }
+.rounded-xl {
+  border-radius: var(--radius-xl);
+}
 .border {
   border-style: var(--tw-border-style);
   border-width: 1px;
@@ -309,6 +355,10 @@
   --tw-border-style: dashed;
   border-style: dashed;
 }
+.border-none {
+  --tw-border-style: none;
+  border-style: none;
+}
 .border-\[\#E7E5E4\] {
   border-color: #E7E5E4;
 }
@@ -354,6 +404,9 @@
 .p-1 {
   padding: calc(var(--spacing) * 1);
 }
+.p-6 {
+  padding: calc(var(--spacing) * 6);
+}
 .p-10 {
   padding: calc(var(--spacing) * 10);
 }
@@ -378,6 +431,9 @@
 .px-5 {
   padding-inline: calc(var(--spacing) * 5);
 }
+.px-7 {
+  padding-inline: calc(var(--spacing) * 7);
+}
 .px-8 {
   padding-inline: calc(var(--spacing) * 8);
 }
@@ -399,12 +455,21 @@
 .py-8 {
   padding-block: calc(var(--spacing) * 8);
 }
+.py-12 {
+  padding-block: calc(var(--spacing) * 12);
+}
 .py-20 {
   padding-block: calc(var(--spacing) * 20);
 }
 .py-\[10px\] {
   padding-block: 10px;
 }
+.pt-2 {
+  padding-top: calc(var(--spacing) * 2);
+}
+.pb-6 {
+  padding-bottom: calc(var(--spacing) * 6);
+}
 .text-center {
   text-align: center;
 }
@@ -451,6 +516,10 @@
   font-size: var(--text-body);
   line-height: var(--tw-leading, var(--text-body--line-height));
 }
+.leading-tight {
+  --tw-leading: var(--leading-tight);
+  line-height: var(--leading-tight);
+}
 .font-bold {
   --tw-font-weight: var(--font-weight-bold);
   font-weight: var(--font-weight-bold);
@@ -492,6 +561,9 @@
 .text-primary-foreground {
   color: var(--color-primary-foreground);
 }
+.text-red-500 {
+  color: var(--color-red-500);
+}
 .text-secondary-foreground {
   color: var(--color-secondary-foreground);
 }
@@ -514,6 +586,10 @@
   --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
+.shadow-xl {
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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-xs {
   --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);
@@ -655,6 +731,11 @@
     pointer-events: none;
   }
 }
+.disabled\:cursor-not-allowed {
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
 .disabled\:opacity-50 {
   &:disabled {
     opacity: 50%;
@@ -808,6 +889,21 @@
             appearance: none;
   }
 }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -833,6 +929,10 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
@@ -967,12 +1067,16 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-border-style: solid;
+      --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;

package/package.json

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