@texturehq/edges 1.20.2 → 1.21.0

package/dist/styles.css

@@ -441,21 +441,21 @@
   --action-disabled-background: #d1d5db;
   --action-disabled-text: #6b7280;
   --feedback-success-text: oklch(0.314 0.095 133.748);
-  --feedback-success-icon: oklch(0.314 0.095 133.748);
-  --feedback-success-background: oklch(0.982 0.018 131.68);
-  --feedback-success-border: oklch(0.627 0.194 130.331);
+  --feedback-success-icon: oklch(0.437 0.154 132.474);
+  --feedback-success-background: oklch(0.99 0.01 131.68);
+  --feedback-success-border: oklch(0.527 0.19 131.688);
   --feedback-error-text: oklch(0.505 0.213 27.518);
-  --feedback-error-icon: oklch(0.505 0.213 27.518);
-  --feedback-error-background: oklch(0.971 0.013 17.38);
+  --feedback-error-icon: oklch(0.577 0.245 27.325);
+  --feedback-error-background: oklch(0.985 0.008 17.38);
   --feedback-error-border: oklch(0.637 0.237 25.331);
   --feedback-warning-text: oklch(0.398 0.092 60.236);
-  --feedback-warning-icon: oklch(0.398 0.092 60.236);
-  --feedback-warning-background: oklch(0.987 0.024 102.851);
-  --feedback-warning-border: oklch(0.795 0.184 86.047);
+  --feedback-warning-icon: oklch(0.554 0.135 66.191);
+  --feedback-warning-background: oklch(0.993 0.015 102.851);
+  --feedback-warning-border: oklch(0.681 0.162 75.834);
   --feedback-info-text: oklch(0.488 0.243 255.638);
-  --feedback-info-icon: oklch(0.488 0.243 255.638);
-  --feedback-info-background: oklch(0.97 0.014 237.69);
-  --feedback-info-border: oklch(0.809 0.105 244.039);
+  --feedback-info-icon: oklch(0.546 0.245 253.739);
+  --feedback-info-background: oklch(0.985 0.008 237.69);
+  --feedback-info-border: oklch(0.623 0.214 250.546);
   --color-map-marker-default: #7a8ee1;
   --color-map-streets-border: #000000;
   --color-map-neutral-border: #000000;
@@ -1734,6 +1734,9 @@
   .h-64 {
     height: var(--spacing-64);
   }
+  .h-80 {
+    height: var(--spacing-80);
+  }
   .h-96 {
     height: var(--spacing-96);
   }
@@ -2011,9 +2014,21 @@
   .max-w-\[200px\] {
     max-width: 200px;
   }
+  .max-w-\[220px\] {
+    max-width: 220px;
+  }
+  .max-w-\[240px\] {
+    max-width: 240px;
+  }
   .max-w-\[250px\] {
     max-width: 250px;
   }
+  .max-w-\[260px\] {
+    max-width: 260px;
+  }
+  .max-w-\[280px\] {
+    max-width: 280px;
+  }
   .max-w-\[300px\] {
     max-width: 300px;
   }
@@ -2951,6 +2966,21 @@
   .border-l-border-muted {
     border-left-color: var(--color-border-muted);
   }
+  .border-l-brand-primary {
+    border-left-color: var(--color-brand-primary);
+  }
+  .border-l-feedback-error-border {
+    border-left-color: var(--color-feedback-error-border);
+  }
+  .border-l-feedback-info-border {
+    border-left-color: var(--color-feedback-info-border);
+  }
+  .border-l-feedback-success-border {
+    border-left-color: var(--color-feedback-success-border);
+  }
+  .border-l-feedback-warning-border {
+    border-left-color: var(--color-feedback-warning-border);
+  }
   .border-l-transparent {
     border-left-color: transparent;
   }
@@ -3008,6 +3038,12 @@
       background-color: color-mix(in oklab, var(--color-background-muted) 30%, transparent);
     }
   }
+  .bg-background-muted\/60 {
+    background-color: color-mix(in srgb, #f3f4f6 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-background-muted) 60%, transparent);
+    }
+  }
   .bg-background-selected {
     background-color: var(--color-background-selected);
   }
@@ -3857,51 +3893,21 @@
   .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);
   }
@@ -5525,6 +5531,16 @@
       position: relative;
     }
   }
+  .md\:order-1 {
+    @media (width >= 48rem) {
+      order: 1;
+    }
+  }
+  .md\:order-2 {
+    @media (width >= 48rem) {
+      order: 2;
+    }
+  }
   .md\:col-auto {
     @media (width >= 48rem) {
       grid-column: auto;
@@ -5690,6 +5706,26 @@
       max-width: none;
     }
   }
+  .md\:min-w-0 {
+    @media (width >= 48rem) {
+      min-width: var(--spacing-0);
+    }
+  }
+  .md\:flex-\[1\] {
+    @media (width >= 48rem) {
+      flex: 1;
+    }
+  }
+  .md\:flex-\[2\] {
+    @media (width >= 48rem) {
+      flex: 2;
+    }
+  }
+  .md\:flex-shrink-0 {
+    @media (width >= 48rem) {
+      flex-shrink: 0;
+    }
+  }
   .md\:translate-x-0 {
     @media (width >= 48rem) {
       --tw-translate-x: var(--spacing-0);
@@ -5761,6 +5797,11 @@
       grid-template-columns: none;
     }
   }
+  .md\:flex-col {
+    @media (width >= 48rem) {
+      flex-direction: column;
+    }
+  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
@@ -5776,6 +5817,11 @@
       justify-content: space-between;
     }
   }
+  .md\:justify-center {
+    @media (width >= 48rem) {
+      justify-content: center;
+    }
+  }
   .md\:space-y-12 {
     @media (width >= 48rem) {
       :where(& > :not(:last-child)) {

package/dist/utilities.manifest.json

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