@texturehq/edges 1.16.0 → 1.17.2

package/dist/styles/utilities.css

@@ -30,17 +30,26 @@
 
 /**
  * Remove default focus outlines from menu items and list items
- * We'll use data-[focused] with custom styling for keyboard focus instead
+ * We'll use data-[focus-visible] with custom styling for keyboard focus instead
  */
 [role="menuitem"],
 [role="option"] {
   outline: none;
 }
 
+/**
+ * Global fix: Remove focus outlines from mouse clicks
+ * Only show focus indicators when using keyboard navigation
+ * This prevents the focus ring from appearing when clicking buttons, links, etc.
+ */
+:focus:not(:focus-visible) {
+  outline: none !important;
+}
+
 /**
  * Global focus-visible for keyboard navigation accessibility
  * Applies to buttons, links, and form controls
- * Menu/list items use data-[focused] with custom styling instead
+ * Menu/list items use data-[focus-visible] with custom styling instead
  */
 :focus-visible:not([role="menuitem"]):not([role="option"]) {
   outline: 2px solid var(--color-action-default);

package/dist/styles.css

@@ -104,13 +104,14 @@
   --color-background-surface: #ffffff;
   --color-background-muted: #f3f4f6;
   --color-background-hover: #f3f4f6;
-  --color-background-selected: #d1d5db;
+  --color-background-selected: #e5e7eb;
   --color-background-modal: rgba(0, 0, 0, 0.15);
   --color-background-input: #ffffff;
   --color-text-body: #333333;
   --color-text-heading: #111827;
   --color-text-muted: #4b5563;
   --color-text-caption: #6b7280;
+  --color-text-subtle: #5f6873;
   --color-text-placeholder: #9ca3af;
   --color-text-disabled: #9ca3af;
   --color-text-link-default: #444ae1;
@@ -463,13 +464,14 @@
   --color-background-surface: #1a2038;
   --color-background-muted: #374151;
   --color-background-hover: #242d47;
-  --color-background-selected: #6b7280;
+  --color-background-selected: #4b5563;
   --color-background-modal: rgba(255, 255, 255, 0.12);
   --color-background-input: rgba(255, 255, 255, 0.05);
   --color-text-body: #ededef;
   --color-text-heading: #ffffff;
   --color-text-muted: #9ca3af;
   --color-text-caption: #d1d5db;
+  --color-text-subtle: #8e8e93;
   --color-text-placeholder: #9ca3af;
   --color-text-disabled: #9ca3af;
   --color-text-link-default: #b4b9ff;
@@ -1042,6 +1044,9 @@
 [role="menuitem"], [role="option"] {
   outline: none;
 }
+:focus:not(:focus-visible) {
+  outline: none !important;
+}
 :focus-visible:not([role="menuitem"]):not([role="option"]) {
   outline: 2px solid var(--color-action-default);
   outline-offset: 2px;
@@ -1485,6 +1490,9 @@
   .-mt-1 {
     margin-top: calc(var(--spacing-1) * -1);
   }
+  .-mt-1\.5 {
+    margin-top: calc(var(--spacing) * -1.5);
+  }
   .-mt-4 {
     margin-top: calc(var(--spacing-4) * -1);
   }
@@ -2330,6 +2338,9 @@
   .gap-10 {
     gap: var(--spacing-10);
   }
+  .gap-16 {
+    gap: var(--spacing-16);
+  }
   .gap-\[var\(--control-gap-lg\)\] {
     gap: var(--control-gap-lg);
   }
@@ -2695,6 +2706,12 @@
       border-color: color-mix(in oklab, var(--color-action-brand) 20%, transparent);
     }
   }
+  .border-action-brand\/30 {
+    border-color: color-mix(in srgb, #444ae1 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-action-brand) 30%, transparent);
+    }
+  }
   .border-action-default {
     border-color: var(--color-action-default);
   }
@@ -2767,15 +2784,39 @@
   .border-feedback-error-border {
     border-color: var(--color-feedback-error-border);
   }
+  .border-feedback-error-border\/40 {
+    border-color: color-mix(in srgb, #ef4444 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-feedback-error-border) 40%, transparent);
+    }
+  }
   .border-feedback-info-border {
     border-color: var(--color-feedback-info-border);
   }
+  .border-feedback-info-border\/40 {
+    border-color: color-mix(in srgb, #93c5fd 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-feedback-info-border) 40%, transparent);
+    }
+  }
   .border-feedback-success-border {
     border-color: var(--color-feedback-success-border);
   }
+  .border-feedback-success-border\/40 {
+    border-color: color-mix(in srgb, #10b981 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-feedback-success-border) 40%, transparent);
+    }
+  }
   .border-feedback-warning-border {
     border-color: var(--color-feedback-warning-border);
   }
+  .border-feedback-warning-border\/40 {
+    border-color: color-mix(in srgb, #f59e0b 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-feedback-warning-border) 40%, transparent);
+    }
+  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -3536,9 +3577,6 @@
   .text-\[10px\] {
     font-size: 10px;
   }
-  .text-\[13px\] {
-    font-size: 13px;
-  }
   .text-\[15px\] {
     font-size: 15px;
   }
@@ -3622,6 +3660,9 @@
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
   }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -3817,6 +3858,9 @@
   .text-text-placeholder {
     color: var(--color-text-placeholder);
   }
+  .text-text-subtle {
+    color: var(--color-text-subtle);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -6035,11 +6079,6 @@
       color: var(--color-gray-400);
     }
   }
-  .dark\:text-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      color: var(--color-gray-700);
-    }
-  }
   .dark\:text-text-body {
     @media (prefers-color-scheme: dark) {
       color: var(--color-text-body);

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.16.0",
-  "generatedAt": "2025-11-02T03:03:46.455Z",
+  "version": "1.17.2",
+  "generatedAt": "2025-11-04T18:18:44.060Z",
   "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.16.0",
+  "version": "1.17.2",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",