@texturehq/edges 1.19.2 → 1.20.2

package/dist/styles.css

@@ -2632,6 +2632,9 @@
   .overscroll-contain {
     overscroll-behavior: contain;
   }
+  .\!rounded-none {
+    border-radius: var(--radius-none) !important;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -2927,6 +2930,12 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-white\/30 {
+    border-color: color-mix(in srgb, #ffffff 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+    }
+  }
   .border-yellow-200 {
     border-color: var(--color-yellow-200);
   }
@@ -3047,6 +3056,9 @@
   .bg-border-muted {
     background-color: var(--color-border-muted);
   }
+  .bg-brand-light {
+    background-color: var(--color-brand-light);
+  }
   .bg-brand-primary {
     background-color: var(--color-brand-primary);
   }
@@ -3128,6 +3140,12 @@
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
+  .bg-green-500\/20 {
+    background-color: color-mix(in srgb, oklch(0.627 0.194 130.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
+    }
+  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
@@ -3158,6 +3176,12 @@
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
+  .bg-red-500\/20 {
+    background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+    }
+  }
   .bg-red-600 {
     background-color: var(--color-red-600);
   }
@@ -3227,6 +3251,12 @@
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
+  .bg-yellow-500\/20 {
+    background-color: color-mix(in srgb, oklch(0.795 0.184 86.047) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
+    }
+  }
   .bg-zinc-900 {
     background-color: var(--color-zinc-900);
   }
@@ -3803,6 +3833,9 @@
   .text-background-body {
     color: var(--color-background-body);
   }
+  .text-black {
+    color: var(--color-black);
+  }
   .text-blue-400 {
     color: var(--color-blue-400);
   }
@@ -3824,21 +3857,51 @@
   .text-brand-primary {
     color: var(--color-brand-primary);
   }
+  .text-brand-primary\/90 {
+    color: color-mix(in srgb, #444ae1 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-brand-primary) 90%, transparent);
+    }
+  }
   .text-current {
     color: currentcolor;
   }
   .text-feedback-error-text {
     color: var(--color-feedback-error-text);
   }
+  .text-feedback-error-text\/90 {
+    color: color-mix(in srgb, #b91c1c 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-feedback-error-text) 90%, transparent);
+    }
+  }
   .text-feedback-info-text {
     color: var(--color-feedback-info-text);
   }
+  .text-feedback-info-text\/90 {
+    color: color-mix(in srgb, #2563eb 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-feedback-info-text) 90%, transparent);
+    }
+  }
   .text-feedback-success-text {
     color: var(--color-feedback-success-text);
   }
+  .text-feedback-success-text\/90 {
+    color: color-mix(in srgb, #065f46 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-feedback-success-text) 90%, transparent);
+    }
+  }
   .text-feedback-warning-text {
     color: var(--color-feedback-warning-text);
   }
+  .text-feedback-warning-text\/90 {
+    color: color-mix(in srgb, #92400e 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-feedback-warning-text) 90%, transparent);
+    }
+  }
   .text-gray-300 {
     color: var(--color-gray-300);
   }
@@ -3863,6 +3926,9 @@
   .text-green-600 {
     color: var(--color-green-600);
   }
+  .text-green-700 {
+    color: var(--color-green-700);
+  }
   .text-green-800 {
     color: var(--color-green-800);
   }
@@ -3896,6 +3962,9 @@
   .text-red-600 {
     color: var(--color-red-600);
   }
+  .text-red-700 {
+    color: var(--color-red-700);
+  }
   .text-red-800 {
     color: var(--color-red-800);
   }
@@ -3968,12 +4037,21 @@
   .text-white {
     color: var(--color-white);
   }
+  .text-white\/90 {
+    color: color-mix(in srgb, #ffffff 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
+  }
   .text-yellow-500 {
     color: var(--color-yellow-500);
   }
   .text-yellow-600 {
     color: var(--color-yellow-600);
   }
+  .text-yellow-700 {
+    color: var(--color-yellow-700);
+  }
   .text-yellow-800 {
     color: var(--color-yellow-800);
   }
@@ -4828,6 +4906,26 @@
       }
     }
   }
+  .hover\:bg-white\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #ffffff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-white\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #ffffff 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+        }
+      }
+    }
+  }
   .hover\:font-semibold {
     &:hover {
       @media (hover: hover) {
@@ -4888,6 +4986,16 @@
       }
     }
   }
+  .hover\:text-white\/80 {
+    &:hover {
+      @media (hover: hover) {
+        color: color-mix(in srgb, #ffffff 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, var(--color-white) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.19.2",
-  "generatedAt": "2025-11-14T20:30:11.223Z",
+  "version": "1.20.2",
+  "generatedAt": "2025-11-15T23:27:05.463Z",
   "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.19.2",
+	"version": "1.20.2",
 	"author": "Nicholas Brown <nick@texturehq.com>",
 	"description": "A shared component library for Texture",
 	"type": "module",