@codbex/harmonia 1.10.0 → 1.10.2

package/dist/harmonia.js

@@ -3405,6 +3405,10 @@
         "[&_svg:not([class*='size-'])]:size-4",
         "shrink-0",
         "[&_svg]:shrink-0",
+        "aria-expanded:outline-[calc(var(--spacing)*0.75)]",
+        "aria-expanded:outline",
+        "focus:outline-[calc(var(--spacing)*0.75)]",
+        "focus:outline",
         "focus-visible:outline-[calc(var(--spacing)*0.75)]",
         "focus-visible:outline",
         "h-7",
@@ -3414,8 +3418,9 @@
         "has-[>[data-slot=chip-close]]:pr-0",
         "has-[>[data-slot=spinner]]:px-2",
         "text-secondary-foreground",
-        "fill-secondary-foreground",
-        "border"
+        "border",
+        "[&>:is(div,span:not([data-slot=chip-close]),p)]:py-1",
+        "[&>:is(div,span:not([data-slot=chip-close]),p)]:truncate"
       );
       if (!el.hasAttribute("type")) {
         el.setAttribute("type", "button");
@@ -3426,7 +3431,7 @@
         primary: [
           "bg-primary/10",
           "border-primary/50",
-          "[&>svg]:fill-primary",
+          "[&>svg]:text-primary",
           "[&:hover:not(:has([data-slot=chip-close]:hover)):not(:active)]:bg-primary/15",
           "[&:active:not(:has([data-slot=chip-close]:active))]:bg-primary/20",
           "outline-primary/50"
@@ -3434,7 +3439,7 @@
         positive: [
           "bg-positive/10",
           "border-positive/50",
-          "[&>svg]:fill-positive",
+          "[&>svg]:text-positive",
           "[&:hover:not(:has([data-slot=chip-close]:hover)):not(:active)]:bg-positive/15",
           "[&:active:not(:has([data-slot=chip-close]:active))]:bg-positive/20",
           "outline-positive/50"
@@ -3442,7 +3447,7 @@
         negative: [
           "bg-negative/10",
           "border-negative/50",
-          "[&>svg]:fill-negative",
+          "[&>svg]:text-negative",
           "[&:hover:not(:has([data-slot=chip-close]:hover)):not(:active)]:bg-negative/15",
           "[&:active:not(:has([data-slot=chip-close]:active))]:bg-negative/20",
           "outline-negative/50"
@@ -3450,7 +3455,7 @@
         warning: [
           "bg-warning/10",
           "border-warning/50",
-          "[&>svg]:fill-warning",
+          "[&>svg]:text-warning",
           "[&:hover:not(:has([data-slot=chip-close]:hover)):not(:active)]:bg-warning/15",
           "[&:active:not(:has([data-slot=chip-close]:active))]:bg-warning/20",
           "outline-warning/50"
@@ -3458,14 +3463,14 @@
         information: [
           "bg-information/10",
           "border-information/50",
-          "[&>svg]:fill-information",
+          "[&>svg]:text-information",
           "[&:hover:not(:has([data-slot=chip-close]:hover)):not(:active)]:bg-information/15",
           "[&:active:not(:has([data-slot=chip-close]:active))]:bg-information/20",
           "outline-information/50"
         ],
         outline: [
           "bg-background",
-          "[&>svg]:fill-secondary-foreground",
+          "[&>svg]:text-secondary-foreground",
           "[&:hover:not(:has([data-slot=chip-close]:hover)):not(:active)]:bg-secondary-hover",
           "[&:active:not(:has([data-slot=chip-close]:active))]:bg-secondary-active",
           "outline-ring/50"
@@ -3488,8 +3493,8 @@
       });
     });
     Alpine.directive("h-chip-close", (el, { original }, { effect, cleanup }) => {
-      if (el.tagName === "BUTTON") {
-        throw new Error(`${original} must NOT be a button element`);
+      if (el.tagName !== "SPAN") {
+        throw new Error(`${original} must be a span element`);
       }
       const chip = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_chip"));
       el.classList.add(
@@ -11569,7 +11574,7 @@
   }
 
   // package.json
-  var version = "1.10.0";
+  var version = "1.10.2";
 
   // src/index.js
   window.Harmonia = { getBreakpointListener, addColorSchemeListener, getColorScheme, removeColorSchemeListener, setColorScheme, getSystemColorScheme, version };