@texturehq/edges 1.13.1 → 1.14.0

package/dist/styles/utilities.css

@@ -28,8 +28,8 @@
   outline: none;
 }
 
-/* Ensure focus-visible still works for interactive elements that don't have custom focus styles */
-:focus-visible:not(input):not(textarea):not(select) {
+/* Ensure focus-visible still works for interactive elements */
+:focus-visible {
   outline: 2px solid var(--color-action-default);
   outline-offset: 2px;
 }

package/dist/styles.css

@@ -74,6 +74,7 @@
   --spacing-8: 2rem;
   --spacing-9: 2.25rem;
   --spacing-10: 2.5rem;
+  --spacing-11: 2.75rem;
   --spacing-12: 3rem;
   --spacing-14: 3.5rem;
   --spacing-16: 4rem;
@@ -1036,7 +1037,7 @@
 [role="dialog"], [role="menu"], [role="listbox"], [data-react-aria-dialog], [data-react-aria-modal] {
   outline: none;
 }
-:focus-visible:not(input):not(textarea):not(select) {
+:focus-visible {
   outline: 2px solid var(--color-action-default);
   outline-offset: 2px;
 }
@@ -1251,8 +1252,8 @@
   .inset-0 {
     inset: var(--spacing-0);
   }
-  .inset-y-\[1px\] {
-    inset-block: 1px;
+  .inset-y-\[2px\] {
+    inset-block: 2px;
   }
   .start-1 {
     inset-inline-start: var(--spacing-1);
@@ -1308,8 +1309,8 @@
   .right-8 {
     right: var(--spacing-8);
   }
-  .right-\[1px\] {
-    right: 1px;
+  .right-\[2px\] {
+    right: 2px;
   }
   .-bottom-2 {
     bottom: calc(var(--spacing-2) * -1);
@@ -1800,6 +1801,9 @@
   .w-10 {
     width: var(--spacing-10);
   }
+  .w-11 {
+    width: var(--spacing-11);
+  }
   .w-12 {
     width: var(--spacing-12);
   }
@@ -1815,6 +1819,9 @@
   .w-24 {
     width: var(--spacing-24);
   }
+  .w-28 {
+    width: var(--spacing-28);
+  }
   .w-32 {
     width: var(--spacing-32);
   }
@@ -2534,9 +2541,9 @@
     border-top-left-radius: var(--radius-sm);
     border-bottom-left-radius: var(--radius-sm);
   }
-  .rounded-r-\[calc\(var\(--control-border-radius\)-1px\)\] {
-    border-top-right-radius: calc(var(--control-border-radius) - 1px);
-    border-bottom-right-radius: calc(var(--control-border-radius) - 1px);
+  .rounded-r-\[calc\(var\(--control-border-radius\)-2px\)\] {
+    border-top-right-radius: calc(var(--control-border-radius) - 2px);
+    border-bottom-right-radius: calc(var(--control-border-radius) - 2px);
   }
   .rounded-r-sm {
     border-top-right-radius: var(--radius-sm);
@@ -2979,6 +2986,42 @@
   .bg-slate-700 {
     background-color: var(--color-slate-700);
   }
+  .bg-state-auto {
+    background-color: var(--color-state-auto);
+  }
+  .bg-state-charging {
+    background-color: var(--color-state-charging);
+  }
+  .bg-state-cool {
+    background-color: var(--color-state-cool);
+  }
+  .bg-state-discharging {
+    background-color: var(--color-state-discharging);
+  }
+  .bg-state-eco {
+    background-color: var(--color-state-eco);
+  }
+  .bg-state-exporting {
+    background-color: var(--color-state-exporting);
+  }
+  .bg-state-heat {
+    background-color: var(--color-state-heat);
+  }
+  .bg-state-idle {
+    background-color: var(--color-state-idle);
+  }
+  .bg-state-importing {
+    background-color: var(--color-state-importing);
+  }
+  .bg-state-off {
+    background-color: var(--color-state-off);
+  }
+  .bg-state-on {
+    background-color: var(--color-state-on);
+  }
+  .bg-state-unknown {
+    background-color: var(--color-state-unknown);
+  }
   .bg-text-muted {
     background-color: var(--color-text-muted);
   }
@@ -3626,6 +3669,42 @@
   .text-slate-300 {
     color: var(--color-slate-300);
   }
+  .text-state-auto-text {
+    color: var(--color-state-auto-text);
+  }
+  .text-state-charging-text {
+    color: var(--color-state-charging-text);
+  }
+  .text-state-cool-text {
+    color: var(--color-state-cool-text);
+  }
+  .text-state-discharging-text {
+    color: var(--color-state-discharging-text);
+  }
+  .text-state-eco-text {
+    color: var(--color-state-eco-text);
+  }
+  .text-state-exporting-text {
+    color: var(--color-state-exporting-text);
+  }
+  .text-state-heat-text {
+    color: var(--color-state-heat-text);
+  }
+  .text-state-idle-text {
+    color: var(--color-state-idle-text);
+  }
+  .text-state-importing-text {
+    color: var(--color-state-importing-text);
+  }
+  .text-state-off-text {
+    color: var(--color-state-off-text);
+  }
+  .text-state-on-text {
+    color: var(--color-state-on-text);
+  }
+  .text-state-unknown-text {
+    color: var(--color-state-unknown-text);
+  }
   .text-text-body {
     color: var(--color-text-body);
   }
@@ -3697,6 +3776,12 @@
       text-decoration-color: color-mix(in oklab, var(--color-text-link-default) 30%, transparent);
     }
   }
+  .decoration-1 {
+    text-decoration-thickness: 1px;
+  }
+  .underline-offset-4 {
+    text-underline-offset: 4px;
+  }
   .placeholder-text-muted {
     &::-moz-placeholder {
       color: var(--color-text-muted);
@@ -3954,6 +4039,10 @@
   .forced-color-adjust-none {
     forced-color-adjust: none;
   }
+  .\!outline-none {
+    --tw-outline-style: none !important;
+    outline-style: none !important;
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -4236,11 +4325,6 @@
       color: var(--color-action-brand);
     }
   }
-  .visited\:text-text-link-default {
-    &:visited {
-      color: var(--color-text-link-default);
-    }
-  }
   .visited\:text-text-muted {
     &:visited {
       color: var(--color-text-muted);
@@ -4376,6 +4460,16 @@
       }
     }
   }
+  .hover\:bg-feedback-error-background\/50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #fee2e2 50%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-feedback-error-background) 50%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-gray-50 {
     &:hover {
       @media (hover: hover) {

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.13.1",
-  "generatedAt": "2025-10-27T18:44:56.463Z",
+  "version": "1.14.0",
+  "generatedAt": "2025-10-29T15:33:05.225Z",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
@@ -213,6 +213,13 @@
           "category": "formatting",
           "file": "utils/formatting/boolean.ts"
         },
+        {
+          "name": "formatCapacity",
+          "type": "function",
+          "description": "Format battery capacity (kWh) ```typescript formatCapacity(13.5); // \"13.5 kWh\" formatCapacity(1500); // \"1.5 MWh\" formatCapacity(null); // null ```",
+          "category": "formatting",
+          "file": "utils/formatting/capacity.ts"
+        },
         {
           "name": "formatComponentValue",
           "type": "function",
@@ -297,6 +304,13 @@
           "category": "formatting",
           "file": "utils/formatting/power.ts"
         },
+        {
+          "name": "formatPowerRating",
+          "type": "function",
+          "description": "Format power rating (kW) ```typescript formatPowerRating(5.2); // \"5.2 kW\" formatPowerRating(2500); // \"2.5 MW\" formatPowerRating(null); // null ```",
+          "category": "formatting",
+          "file": "utils/formatting/capacity.ts"
+        },
         {
           "name": "FormatRegistry",
           "type": "constant",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.13.1",
+  "version": "1.14.0",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",