@texturehq/edges 1.11.1 → 1.12.1

package/dist/styles/utilities.css

@@ -14,3 +14,22 @@
     display: none;
   }
 }
+
+/**
+ * Accessibility: Remove focus outlines from container elements
+ * These elements get programmatic focus but shouldn't show visual focus rings.
+ * Interactive elements inside them will still show focus indicators via focus-visible.
+ */
+[role="dialog"],
+[role="menu"],
+[role="listbox"],
+[data-react-aria-dialog],
+[data-react-aria-modal] {
+  outline: none;
+}
+
+/* Ensure focus-visible still works for interactive elements */
+:focus-visible {
+  outline: 2px solid var(--color-action-default);
+  outline-offset: 2px;
+}

package/dist/styles.css

@@ -92,7 +92,6 @@
   --radius-md: 0.375rem;
   --radius-lg: 0.5rem;
   --radius-xl: 0.75rem;
-  --radius-2xl: 1rem;
   --radius-full: 9999px;
   --font-weight-light: 300;
   --font-weight-normal: 400;
@@ -493,9 +492,9 @@
   --color-action-brand: #7a8ee1;
   --color-action-brand-hover: #6a6fcc;
   --color-action-brand-text: #ffffff;
-  --color-action-default: #374151;
-  --color-action-default-hover: #4b5563;
-  --color-action-default-text: #ffffff;
+  --color-action-default: #ededef;
+  --color-action-default-hover: #ffffff;
+  --color-action-default-text: #111827;
   --color-state-charging: #581c87;
   --color-state-charging-border: #a855f7;
   --color-state-charging-text: #e9d5ff;
@@ -1035,6 +1034,13 @@
     display: none;
   }
 }
+[role="dialog"], [role="menu"], [role="listbox"], [data-react-aria-dialog], [data-react-aria-modal] {
+  outline: none;
+}
+:focus-visible {
+  outline: 2px solid var(--color-action-default);
+  outline-offset: 2px;
+}
 @layer theme, base, components, utilities;
 @layer theme;
 @layer base {
@@ -1528,8 +1534,8 @@
   .mb-6 {
     margin-bottom: var(--spacing-6);
   }
-  .mb-12 {
-    margin-bottom: var(--spacing-12);
+  .mb-8 {
+    margin-bottom: var(--spacing-8);
   }
   .-ml-px {
     margin-left: -1px;
@@ -1702,6 +1708,9 @@
   .h-\[var\(--control-xl-height\)\] {
     height: var(--control-xl-height);
   }
+  .h-auto {
+    height: auto;
+  }
   .h-full {
     height: 100%;
   }
@@ -2518,10 +2527,6 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
-  .rounded-t-2xl {
-    border-top-left-radius: var(--radius-2xl);
-    border-top-right-radius: var(--radius-2xl);
-  }
   .rounded-t-none {
     border-top-left-radius: var(--radius-none);
     border-top-right-radius: var(--radius-none);
@@ -3012,10 +3017,10 @@
     --tw-gradient-from: var(--color-action-brand);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .from-black\/60 {
-    --tw-gradient-from: color-mix(in srgb, #000000 60%, transparent);
+  .from-black\/40 {
+    --tw-gradient-from: color-mix(in srgb, #000000 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
+      --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent);
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
@@ -3036,10 +3041,10 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .via-black\/50 {
-    --tw-gradient-via: color-mix(in srgb, #000000 50%, transparent);
+  .via-black\/30 {
+    --tw-gradient-via: color-mix(in srgb, #000000 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent);
+      --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);
     }
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
@@ -3048,10 +3053,10 @@
     --tw-gradient-to: var(--color-skeleton-base);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-black\/60 {
-    --tw-gradient-to: color-mix(in srgb, #000000 60%, transparent);
+  .to-black\/40 {
+    --tw-gradient-to: color-mix(in srgb, #000000 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent);
+      --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent);
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
@@ -3286,12 +3291,6 @@
   .pr-9 {
     padding-right: var(--spacing-9);
   }
-  .pb-0 {
-    padding-bottom: var(--spacing-0);
-  }
-  .pb-1 {
-    padding-bottom: var(--spacing-1);
-  }
   .pb-1\.5 {
     padding-bottom: calc(var(--spacing) * 1.5);
   }
@@ -3493,6 +3492,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre-line {
+    white-space: pre-line;
+  }
   .\!text-action-brand {
     color: var(--color-action-brand) !important;
   }
@@ -4738,11 +4740,11 @@
       background-color: var(--color-gray-100);
     }
   }
-  .supports-\[backdrop-filter\]\:bg-black\/40 {
+  .supports-\[backdrop-filter\]\:bg-black\/25 {
     @supports (backdrop-filter: var(--tw)) {
-      background-color: color-mix(in srgb, #000000 40%, transparent);
+      background-color: color-mix(in srgb, #000000 25%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
       }
     }
   }
@@ -5016,9 +5018,9 @@
       margin-bottom: var(--spacing-4);
     }
   }
-  .md\:mb-8 {
+  .md\:mb-12 {
     @media (width >= 48rem) {
-      margin-bottom: var(--spacing-8);
+      margin-bottom: var(--spacing-12);
     }
   }
   .md\:block {
@@ -5061,11 +5063,6 @@
       height: 100%;
     }
   }
-  .md\:max-h-\[85vh\] {
-    @media (width >= 48rem) {
-      max-height: 85vh;
-    }
-  }
   .md\:w-10 {
     @media (width >= 48rem) {
       width: var(--spacing-10);
@@ -5162,11 +5159,6 @@
       flex-direction: row;
     }
   }
-  .md\:items-center {
-    @media (width >= 48rem) {
-      align-items: center;
-    }
-  }
   .md\:items-start {
     @media (width >= 48rem) {
       align-items: flex-start;
@@ -5177,19 +5169,13 @@
       justify-content: space-between;
     }
   }
-  .md\:gap-6 {
+  .md\:space-y-12 {
     @media (width >= 48rem) {
-      gap: var(--spacing-6);
-    }
-  }
-  .md\:rounded-xl {
-    @media (width >= 48rem) {
-      border-radius: var(--radius-xl);
-    }
-  }
-  .md\:p-4 {
-    @media (width >= 48rem) {
-      padding: var(--spacing-4);
+      :where(& > :not(:last-child)) {
+        --tw-space-y-reverse: 0;
+        margin-block-start: calc(var(--spacing-12) * var(--tw-space-y-reverse));
+        margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));
+      }
     }
   }
   .md\:px-6 {

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.11.1",
-  "generatedAt": "2025-10-22T20:48:54.739Z",
+  "version": "1.12.1",
+  "generatedAt": "2025-10-24T17:11:02.264Z",
   "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.11.1",
+  "version": "1.12.1",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",