@texturehq/edges 1.23.7 → 1.24.1

package/dist/styles.css

@@ -101,6 +101,7 @@
   --spacing-40: 10rem;
   --spacing-48: 12rem;
   --spacing-64: 16rem;
+  --spacing-72: 18rem;
   --spacing-80: 20rem;
   --spacing-96: 24rem;
   --radius-none: 0px;
@@ -256,12 +257,14 @@
   --color-amber-800: oklch(47.3% 0.137 46.201);
   --color-amber-900: oklch(41.4% 0.112 45.904);
   --color-amber-950: oklch(27.9% 0.077 45.635);
+  --color-teal-500: oklch(70.4% 0.14 182.503);
   --color-purple-50: oklch(97.7% 0.014 308.299);
   --color-purple-100: oklch(94.6% 0.033 307.174);
   --color-purple-500: oklch(62.7% 0.265 303.9);
   --color-purple-600: oklch(55.8% 0.288 302.321);
   --color-purple-800: oklch(43.8% 0.218 303.724);
   --color-pink-500: oklch(65.6% 0.241 354.308);
+  --color-pink-600: oklch(59.2% 0.249 0.584);
   --color-slate-300: oklch(86.9% 0.022 252.894);
   --color-slate-600: oklch(44.6% 0.043 257.281);
   --color-slate-700: oklch(37.2% 0.044 257.287);
@@ -1895,6 +1898,9 @@
   .h-64 {
     height: var(--spacing-64);
   }
+  .h-72 {
+    height: var(--spacing-72);
+  }
   .h-80 {
     height: var(--spacing-80);
   }
@@ -2393,6 +2399,9 @@
   .cursor-grab {
     cursor: grab;
   }
+  .cursor-grabbing {
+    cursor: grabbing;
+  }
   .cursor-help {
     cursor: help;
   }
@@ -2423,6 +2432,18 @@
   .resize-y {
     resize: vertical;
   }
+  .snap-x {
+    scroll-snap-type: x var(--tw-scroll-snap-strictness);
+  }
+  .snap-y {
+    scroll-snap-type: y var(--tw-scroll-snap-strictness);
+  }
+  .snap-mandatory {
+    --tw-scroll-snap-strictness: mandatory;
+  }
+  .snap-start {
+    scroll-snap-align: start;
+  }
   .list-inside {
     list-style-position: inside;
   }
@@ -2810,9 +2831,15 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
   .overscroll-contain {
     overscroll-behavior: contain;
   }
+  .scroll-smooth {
+    scroll-behavior: smooth;
+  }
   .\!rounded-none {
     border-radius: var(--radius-none) !important;
   }
@@ -3373,12 +3400,30 @@
   .bg-orange-100 {
     background-color: var(--color-orange-100);
   }
+  .bg-orange-500 {
+    background-color: var(--color-orange-500);
+  }
+  .bg-orange-600 {
+    background-color: var(--color-orange-600);
+  }
+  .bg-pink-500 {
+    background-color: var(--color-pink-500);
+  }
+  .bg-pink-600 {
+    background-color: var(--color-pink-600);
+  }
   .bg-purple-50 {
     background-color: var(--color-purple-50);
   }
   .bg-purple-100 {
     background-color: var(--color-purple-100);
   }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
+  }
+  .bg-purple-600 {
+    background-color: var(--color-purple-600);
+  }
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
@@ -3436,6 +3481,9 @@
   .bg-state-unknown {
     background-color: var(--color-state-unknown);
   }
+  .bg-teal-500 {
+    background-color: var(--color-teal-500);
+  }
   .bg-text-caption {
     background-color: var(--color-text-caption);
   }
@@ -3636,6 +3684,9 @@
   .p-10 {
     padding: var(--spacing-10);
   }
+  .p-12 {
+    padding: var(--spacing-12);
+  }
   .p-\[1rem\] {
     padding: 1rem;
   }
@@ -5028,6 +5079,16 @@
       }
     }
   }
+  .hover\:bg-action-brand\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #444ae1 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-action-brand) 90%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-action-default-hover {
     &:hover {
       @media (hover: hover) {
@@ -5097,6 +5158,13 @@
       }
     }
   }
+  .hover\:bg-border-input {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-border-input);
+      }
+    }
+  }
   .hover\:bg-brand-primary\/90 {
     &:hover {
       @media (hover: hover) {
@@ -5471,6 +5539,11 @@
       color: var(--color-text-muted);
     }
   }
+  .disabled\:opacity-40 {
+    &:disabled {
+      opacity: 40%;
+    }
+  }
   .disabled\:opacity-50 {
     &:disabled {
       opacity: 50%;
@@ -7661,6 +7734,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -7986,6 +8064,7 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-scroll-snap-strictness: proximity;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-x-reverse: 0;

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.23.7",
-  "generatedAt": "2025-11-29T17:59:53.781Z",
+  "version": "1.24.1",
+  "generatedAt": "2025-11-30T15:12:49.135Z",
   "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.23.7",
+  "version": "1.24.1",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",
@@ -38,7 +38,8 @@
     "./styles.css": "./dist/styles.css",
     "./dist/styles.css": "./dist/styles.css",
     "./theme.css": "./dist/theme.css",
-    "./dist/theme.css": "./dist/theme.css"
+    "./dist/theme.css": "./dist/theme.css",
+    "./responsive-typography.css": "./dist/styles/responsive-typography.css"
   },
   "scripts": {
     "dev": "yarn watch",
@@ -160,6 +161,7 @@
     "jsdom": "^24.0.0",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.0",
+    "postcss-import": "^16.1.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-hook-form": "^7.53.0",

package/scripts/generate-edges-docs.js

@@ -221,23 +221,19 @@ function generateComponentsManifest() {
     // Extract description from JSDoc
     let idx = -1;
     let description = "";
+    // Use regex patterns with word boundaries to avoid substring matches
     const patterns = [
-      `export function ${name}`,
-      `export const ${name}:`,
-      `export const ${name} =`,
-      `export class ${name}`,
+      new RegExp(`export\\s+function\\s+${name}\\s*[({<]`),
       new RegExp(`export\\s+const\\s+${name}\\s*[:=]`),
-      new RegExp(`export\\s+function\\s+${name}\\s*[(<]`),
+      new RegExp(`export\\s+class\\s+${name}\\s+`),
     ];
 
     for (const pattern of patterns) {
-      if (typeof pattern === "string") {
-        idx = content.indexOf(pattern);
-      } else {
-        const match = content.search(pattern);
-        if (match !== -1) idx = match;
+      const match = content.search(pattern);
+      if (match !== -1) {
+        idx = match;
+        break;
       }
-      if (idx !== -1) break;
     }
 
     if (idx !== -1) {