@texturehq/edges 1.27.1 → 1.28.0

package/dist/styles/animations.css

@@ -236,6 +236,26 @@
   }
 }
 
+@keyframes cursor-blink {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+
+@keyframes cursor-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
 /* ============================================
    Animation Utility Classes
    ============================================ */

package/dist/styles/utilities.css

@@ -9,6 +9,10 @@
   background: var(--theme-background-canvas);
 }
 
+.bg-background-ai {
+  background: var(--theme-background-ai);
+}
+
 /* Scrollbar hiding utility */
 .scrollbar-hide {
   /* Firefox */
@@ -20,6 +24,45 @@
   }
 }
 
+/**
+ * Scrollbar visibility utility
+ * Forces scrollbars to always be visible for accessibility.
+ * Important for users without trackpads who need to see scrollable areas.
+ * Works on macOS where scrollbars are hidden by default.
+ */
+.scrollbar-visible {
+  /* Firefox - thin scrollbar that's always visible */
+  scrollbar-width: thin;
+  scrollbar-color: var(--theme-border-default, #d1d5db) transparent;
+
+  /* Safari and Chrome */
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+    display: block;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+    border-radius: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--theme-border-default, #d1d5db);
+    border-radius: 4px;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: var(--theme-border-muted, #9ca3af);
+  }
+
+  &::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+}
+
 /**
  * Accessibility: Remove focus outlines from container elements
  * These elements get programmatic focus but shouldn't show visual focus rings.

package/dist/styles.css

@@ -128,6 +128,7 @@
   --color-background-modal: rgba(0, 0, 0, 0.15);
   --color-background-input: #ffffff;
   --theme-background-canvas: linear-gradient(to bottom right, rgb(239 246 255), rgb(250 245 255), rgb(253 242 248));
+  --theme-background-ai: linear-gradient(to bottom right, rgb(245 243 255 / 0.5), rgb(255 255 255), rgb(240 249 255 / 0.5));
   --color-text-body: #333333;
   --color-text-heading: #111827;
   --color-text-muted: #4b5563;
@@ -581,6 +582,7 @@
   --color-background-modal: rgba(255, 255, 255, 0.12);
   --color-background-input: rgba(255, 255, 255, 0.05);
   --theme-background-canvas: linear-gradient(to bottom right, rgb(24 28 48), rgb(30 26 45), rgb(35 26 38));
+  --theme-background-ai: linear-gradient(to bottom right, rgb(46 16 101 / 0.2), rgb(31 41 55), rgb(8 47 73 / 0.2));
   --color-text-body: #ededef;
   --color-text-heading: #ffffff;
   --theme-text-label: #ffffff;
@@ -1255,6 +1257,22 @@
     transform: translateX(2px);
   }
 }
+@keyframes cursor-blink {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+@keyframes cursor-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
 .slide-in-from-right {
   animation: slide-in-from-right 0.3s ease-out;
 }
@@ -1282,12 +1300,40 @@
 .bg-background-canvas {
   background: var(--theme-background-canvas);
 }
+.bg-background-ai {
+  background: var(--theme-background-ai);
+}
 .scrollbar-hide {
   scrollbar-width: none;
   &::-webkit-scrollbar {
     display: none;
   }
 }
+.scrollbar-visible {
+  scrollbar-width: thin;
+  scrollbar-color: var(--theme-border-default, #d1d5db) transparent;
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+    display: block;
+  }
+  &::-webkit-scrollbar-track {
+    background: transparent;
+    border-radius: 4px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--theme-border-default, #d1d5db);
+    border-radius: 4px;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: var(--theme-border-muted, #9ca3af);
+  }
+  &::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+}
 [role="dialog"], [role="menu"], [role="listbox"], [data-react-aria-dialog], [data-react-aria-modal], [data-react-aria-modal-overlay] {
   outline: none !important;
 }

package/dist/utilities.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.27.1",
+  "version": "1.28.0",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.27.1",
+  "version": "1.28.0",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",