@ohhwells/bridge 0.1.36-next.49 → 0.1.36-next.50

package/dist/styles.css

@@ -4,6 +4,7 @@
   :root, :host {
     --font-sans: Figtree, sans-serif;
     --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-gray-300: oklch(87.2% 0.01 258.338);
     --color-stone-200: oklch(92.3% 0.003 48.717);
     --color-stone-500: #78716C;
     --color-stone-950: #0C0A09;
@@ -32,6 +33,8 @@
     --radius-md: 6px;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
+    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
+    --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);
     --font-display: 'Instrument Serif', 'Times New Roman', serif;
@@ -61,6 +64,7 @@
     --text-xs--letter-spacing: 0em;
     --text-body: 18px;
     --text-body--line-height: 1.5;
+    --radius-none: 0px;
     --tracking-display-tight: -0.030em;
   }
 }
@@ -354,6 +358,9 @@
 .transform {
   transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
+.animate-pulse {
+  animation: var(--animate-pulse);
+}
 .cursor-default {
   cursor: default;
 }
@@ -452,6 +459,9 @@
 .rounded-md {
   border-radius: var(--radius-md);
 }
+.rounded-none {
+  border-radius: var(--radius-none);
+}
 .rounded-sm {
   border-radius: var(--radius-sm);
 }
@@ -540,6 +550,9 @@
 .bg-foreground {
   background-color: var(--color-foreground);
 }
+.bg-gray-300 {
+  background-color: var(--color-gray-300);
+}
 .bg-muted {
   background-color: var(--color-muted);
 }
@@ -882,6 +895,10 @@
   --tw-duration: 200ms;
   transition-duration: 200ms;
 }
+.ease-out {
+  --tw-ease: var(--ease-out);
+  transition-timing-function: var(--ease-out);
+}
 .outline-none {
   --tw-outline-style: none;
   outline-style: none;
@@ -1002,6 +1019,13 @@
     }
   }
 }
+.hover\:bg-background {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-background);
+    }
+  }
+}
 .hover\:bg-destructive\/80 {
   &:hover {
     @media (hover: hover) {
@@ -1759,11 +1783,20 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
   inherits: false;
 }
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
 @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 {
@@ -1808,6 +1841,7 @@
       --tw-drop-shadow-alpha: 100%;
       --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.36-next.49",
+  "version": "0.1.36-next.50",
   "private": false,
   "type": "module",
   "main": "./dist/index.cjs",