@codbex/harmonia 1.10.0 → 1.10.2

package/dist/harmonia.esm.js

@@ -5311,6 +5311,10 @@ function chip_default(Alpine) {
       "[&_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",
@@ -5320,8 +5324,9 @@ function chip_default(Alpine) {
       "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");
@@ -5332,7 +5337,7 @@ function chip_default(Alpine) {
       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"
@@ -5340,7 +5345,7 @@ function chip_default(Alpine) {
       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"
@@ -5348,7 +5353,7 @@ function chip_default(Alpine) {
       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"
@@ -5356,7 +5361,7 @@ function chip_default(Alpine) {
       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"
@@ -5364,14 +5369,14 @@ function chip_default(Alpine) {
       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"
@@ -5394,8 +5399,8 @@ function chip_default(Alpine) {
     });
   });
   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(
@@ -11431,7 +11436,7 @@ function tree_default(Alpine) {
 }
 
 // package.json
-var version = "1.10.0";
+var version = "1.10.2";
 
 // src/utils/theme.js
 var colorSchemeKey = "codbex.harmonia.colorMode";