@breadstone/mosaik-elements-foundation 0.0.26 → 0.0.28

package/Controls/Components/Media/Chip/ChipElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chip/ChipElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChipElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chip/ChipElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,SAAS,EAA0C,MAAM,8BAA8B,CAAC;AACjG,OAAO,EAAE,SAAS,EAAqC,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,aAAa;AAEb;;;;;;;;;;;;;;GAcG;AAwBI,IAAM,WAAW,GAAjB,MAAM,WACT,SAAQ,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGhI,iBAAiB;IAET,KAAK,CAAS;IACd,YAAY,CAAU;IAE9B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED,IAAW,WAAW,CAAC,KAAc;QACjC,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;YAElC,yCAAyC;YACzC,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACvC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YAC3B,CAAC;QACL,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,IACoB,SAAS;QACzB,OAAO,KAAK,CAAC,SAAS,CAAC;IAC3B,CAAC;IAED,IAAoB,SAAS,CAAC,KAAc;QACxC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACrB,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC,CAAC;QAC5F,CAAC;QAED,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAED;;;OAGG;IACa,KAAK;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QAED,KAAK,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC;IAED;;;OAGG;IACa,OAAO;QACnB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QAED,KAAK,CAAC,OAAO,EAAE,CAAC;IACpB,CAAC;IAED;;;OAGG;IACa,MAAM;QAClB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QAED,KAAK,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC;IAED;;;OAGG;IACI,YAAY,CAAC,CAAa;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ,CAAA;AAhHG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uCAG1B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;;;8CAG9C;AAmBD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;;;4CAG9C;AAtFQ,WAAW;IAvBvB,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACJ,GAAG,EAAE,mBAAmB;YACxB,KAAK,EAAE,qBAAqB;YAC5B,YAAY,EAAE,4BAA4B;SAC7C;QACD,IAAI,EAAE;YACF,QAAQ,EAAE,IAAI;SACjB;QACD,aAAa;QACb,oBAAoB;QACpB,2BAA2B;QAC3B,KAAK;QACL,OAAO,EAAE;YACL,gBAAgB;YAChB,aAAa;YACb,WAAW;YACX,WAAW;YACX,WAAW;SACd;KACJ,CAAC;;GACW,WAAW,CA2JvB"}

package/Controls/Components/Media/Chip/Themes/ChipElement.Joy.js

@@ -135,7 +135,7 @@ export function chipElementJoyStyle() {
   --chip-foreground-color: var(--joy-scheme-disabled);
 }
 
-:host([is-checkable]:not([disabled])) {
+:host([is-checkable]:not([disabled]:not([disabled="false"]))) {
   cursor: pointer;
 }
 
@@ -143,95 +143,95 @@ export function chipElementJoyStyle() {
   --chip-background-color: var(--joy-scheme-highlight);
 }
 
-:host([appearance="outline"]:not([disabled])) {
+:host([appearance="outline"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-neutral-500);
   --chip-border-color: var(--joy-color-neutral-500);
   --chip-border-width: var(--joy-layout-thickness);
   --chip-border-style: solid;
 }
 
-:host([appearance="outline"][is-checkable]:hover:not([disabled])) {
+:host([appearance="outline"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-neutral-100);
 }
 
-:host([appearance="outline"][variant="primary"]:not([disabled])) {
+:host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-primary-500);
   --chip-border-color: var(--joy-color-primary-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="primary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="primary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-primary-100);
 }
 
-:host([appearance="outline"][variant="secondary"]:not([disabled])) {
+:host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-secondary-500);
   --chip-border-color: var(--joy-color-secondary-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="secondary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="secondary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-secondary-100);
 }
 
-:host([appearance="outline"][variant="tertiary"]:not([disabled])) {
+:host([appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-tertiary-500);
   --chip-border-color: var(--joy-color-tertiary-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="tertiary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="tertiary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-tertiary-100);
 }
 
-:host([appearance="outline"][variant="danger"]:not([disabled])) {
+:host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-danger-500);
   --chip-border-color: var(--joy-color-danger-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="danger"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="danger"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-danger-100);
 }
 
-:host([appearance="outline"][variant="warning"]:not([disabled])) {
+:host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-warning-500);
   --chip-border-color: var(--joy-color-warning-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="warning"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="warning"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-warning-100);
 }
 
-:host([appearance="outline"][variant="success"]:not([disabled])) {
+:host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-success-500);
   --chip-border-color: var(--joy-color-success-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="success"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="success"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-success-100);
 }
 
-:host([appearance="outline"][variant="info"]:not([disabled])) {
+:host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-info-500);
   --chip-border-color: var(--joy-color-info-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="info"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="info"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-info-100);
 }
 
-:host([appearance="outline"][variant="highlight"]:not([disabled])) {
+:host([appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-highlight-500);
   --chip-border-color: var(--joy-color-highlight-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="highlight"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="highlight"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-highlight-100);
 }
 
-:host([appearance="outline"][variant="neutral"]:not([disabled])) {
+:host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-neutral-500);
   --chip-border-color: var(--joy-color-neutral-500);
 }
 
-:host(:not([disabled])[appearance="outline"][variant="neutral"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="neutral"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-neutral-100);
 }
 
@@ -243,120 +243,120 @@ export function chipElementJoyStyle() {
   --focus-ring-outward-offset: 0px;
 }
 
-:host([appearance="plain"][variant="primary"]:not([disabled])) {
+:host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-primary-500);
   --chip-border-color: var(--joy-color-primary-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="primary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="primary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-primary-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-primary-500);
 }
 
-:host([appearance="plain"][variant="secondary"]:not([disabled])) {
+:host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-secondary-500);
   --chip-border-color: var(--joy-color-secondary-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="secondary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="secondary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-secondary-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-secondary-500);
 }
 
-:host([appearance="plain"][variant="tertiary"]:not([disabled])) {
+:host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-tertiary-500);
   --chip-border-color: var(--joy-color-tertiary-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="tertiary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="tertiary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-tertiary-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-tertiary-500);
 }
 
-:host([appearance="plain"][variant="danger"]:not([disabled])) {
+:host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-danger-500);
   --chip-border-color: var(--joy-color-danger-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="danger"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="danger"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-danger-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-danger-500);
 }
 
-:host([appearance="plain"][variant="warning"]:not([disabled])) {
+:host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-warning-500);
   --chip-border-color: var(--joy-color-warning-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="warning"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="warning"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-warning-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-warning-500);
 }
 
-:host([appearance="plain"][variant="success"]:not([disabled])) {
+:host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-success-500);
   --chip-border-color: var(--joy-color-success-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="success"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="success"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-success-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-success-500);
 }
 
-:host([appearance="plain"][variant="info"]:not([disabled])) {
+:host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-info-500);
   --chip-border-color: var(--joy-color-info-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="info"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="info"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-info-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-info-500);
 }
 
-:host([appearance="plain"][variant="highlight"]:not([disabled])) {
+:host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-highlight-500);
   --chip-border-color: var(--joy-color-highlight-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="highlight"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="highlight"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-highlight-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-highlight-500);
 }
 
-:host([appearance="plain"][variant="neutral"]:not([disabled])) {
+:host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-neutral-500);
   --chip-border-color: var(--joy-color-neutral-500);
 }
 
-:host(:not([disabled])[appearance="plain"][variant="neutral"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="neutral"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-neutral-100);
 }
 
-:host([appearance="plain"]:not([disabled])), :host([appearance="plain"][is-checkable]:hover:not([disabled])) {
+:host([appearance="plain"]:not([disabled]:not([disabled="false"]))), :host([appearance="plain"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-neutral-500);
 }
 
@@ -368,255 +368,255 @@ export function chipElementJoyStyle() {
   --focus-ring-outward-offset: 0px;
 }
 
-:host([appearance="soft"]:not([disabled])) {
+:host([appearance="soft"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-neutral-500);
   --chip-background-color: var(--joy-color-neutral-100);
 }
 
-:host([appearance="soft"][is-checkable]:not([disabled]):hover) {
+:host([appearance="soft"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-neutral-1200);
 }
 
-:host([appearance="soft"][variant="primary"]:not([disabled])) {
+:host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-primary-500);
   --chip-background-color: var(--joy-color-primary-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="primary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="primary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-primary-200);
 }
 
-:host([appearance="soft"][variant="secondary"]:not([disabled])) {
+:host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-secondary-500);
   --chip-background-color: var(--joy-color-secondary-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="secondary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="secondary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-secondary-200);
 }
 
-:host([appearance="soft"][variant="tertiary"]:not([disabled])) {
+:host([appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-tertiary-500);
   --chip-background-color: var(--joy-color-tertiary-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="tertiary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="tertiary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-tertiary-200);
 }
 
-:host([appearance="soft"][variant="danger"]:not([disabled])) {
+:host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-danger-500);
   --chip-background-color: var(--joy-color-danger-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="danger"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="danger"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-danger-200);
 }
 
-:host([appearance="soft"][variant="warning"]:not([disabled])) {
+:host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-warning-500);
   --chip-background-color: var(--joy-color-warning-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="warning"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="warning"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-warning-200);
 }
 
-:host([appearance="soft"][variant="success"]:not([disabled])) {
+:host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-success-500);
   --chip-background-color: var(--joy-color-success-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="success"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="success"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-success-200);
 }
 
-:host([appearance="soft"][variant="info"]:not([disabled])) {
+:host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-info-500);
   --chip-background-color: var(--joy-color-info-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="info"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="info"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-info-200);
 }
 
-:host([appearance="soft"][variant="highlight"]:not([disabled])) {
+:host([appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-highlight-500);
   --chip-background-color: var(--joy-color-highlight-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="highlight"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="highlight"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-highlight-200);
 }
 
-:host([appearance="soft"][variant="neutral"]:not([disabled])) {
+:host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-neutral-500);
   --chip-background-color: var(--joy-color-neutral-100);
 }
 
-:host(:not([disabled])[appearance="soft"][variant="neutral"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="neutral"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-neutral-200);
 }
 
-:host([appearance="solid"][variant="primary"]:not([disabled])) {
+:host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-primary-500);
   --chip-border-color: var(--joy-color-primary-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="primary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="primary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-primary-200);
 }
 
-:host([appearance="solid"][variant="primary"]:not([disabled])) {
+:host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-primary-500);
   --chip-foreground-color: var(--joy-color-primary-0);
 }
 
-:host([appearance="solid"][variant="primary"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="primary"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-primary-6500);
 }
 
-:host([appearance="solid"][variant="secondary"]:not([disabled])) {
+:host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-secondary-500);
   --chip-border-color: var(--joy-color-secondary-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="secondary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="secondary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-secondary-200);
 }
 
-:host([appearance="solid"][variant="secondary"]:not([disabled])) {
+:host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-secondary-500);
   --chip-foreground-color: var(--joy-color-secondary-0);
 }
 
-:host([appearance="solid"][variant="secondary"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="secondary"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-secondary-6500);
 }
 
-:host([appearance="solid"][variant="tertiary"]:not([disabled])) {
+:host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-tertiary-500);
   --chip-border-color: var(--joy-color-tertiary-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="tertiary"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="tertiary"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-tertiary-200);
 }
 
-:host([appearance="solid"][variant="tertiary"]:not([disabled])) {
+:host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-tertiary-500);
   --chip-foreground-color: var(--joy-color-tertiary-0);
 }
 
-:host([appearance="solid"][variant="tertiary"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="tertiary"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-tertiary-6500);
 }
 
-:host([appearance="solid"][variant="danger"]:not([disabled])) {
+:host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-danger-500);
   --chip-border-color: var(--joy-color-danger-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="danger"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="danger"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-danger-200);
 }
 
-:host([appearance="solid"][variant="danger"]:not([disabled])) {
+:host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-danger-500);
   --chip-foreground-color: var(--joy-color-danger-0);
 }
 
-:host([appearance="solid"][variant="danger"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="danger"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-danger-6500);
 }
 
-:host([appearance="solid"][variant="warning"]:not([disabled])) {
+:host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-warning-500);
   --chip-border-color: var(--joy-color-warning-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="warning"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="warning"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-warning-200);
 }
 
-:host([appearance="solid"][variant="warning"]:not([disabled])) {
+:host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-warning-500);
   --chip-foreground-color: var(--joy-color-warning-0);
 }
 
-:host([appearance="solid"][variant="warning"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="warning"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-warning-6500);
 }
 
-:host([appearance="solid"][variant="success"]:not([disabled])) {
+:host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-success-500);
   --chip-border-color: var(--joy-color-success-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="success"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="success"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-success-200);
 }
 
-:host([appearance="solid"][variant="success"]:not([disabled])) {
+:host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-success-500);
   --chip-foreground-color: var(--joy-color-success-0);
 }
 
-:host([appearance="solid"][variant="success"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="success"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-success-6500);
 }
 
-:host([appearance="solid"][variant="info"]:not([disabled])) {
+:host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-info-500);
   --chip-border-color: var(--joy-color-info-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="info"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="info"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-info-200);
 }
 
-:host([appearance="solid"][variant="info"]:not([disabled])) {
+:host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-info-500);
   --chip-foreground-color: var(--joy-color-info-0);
 }
 
-:host([appearance="solid"][variant="info"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="info"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-info-6500);
 }
 
-:host([appearance="solid"][variant="highlight"]:not([disabled])) {
+:host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-highlight-500);
   --chip-border-color: var(--joy-color-highlight-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="highlight"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="highlight"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-highlight-200);
 }
 
-:host([appearance="solid"][variant="highlight"]:not([disabled])) {
+:host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-highlight-500);
   --chip-foreground-color: var(--joy-color-highlight-0);
 }
 
-:host([appearance="solid"][variant="highlight"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="highlight"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-highlight-6500);
 }
 
-:host([appearance="solid"][variant="neutral"]:not([disabled])) {
+:host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --chip-foreground-color: var(--joy-color-neutral-500);
   --chip-border-color: var(--joy-color-neutral-500);
 }
 
-:host(:not([disabled])[appearance="solid"][variant="neutral"][is-checkable]:hover) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="neutral"][is-checkable]:hover) {
   --chip-background-color: var(--joy-color-neutral-200);
 }
 
-:host([appearance="solid"][variant="neutral"]:not([disabled])) {
+:host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --chip-background-color: var(--joy-color-neutral-500);
   --chip-foreground-color: var(--joy-color-neutral-0);
 }
 
-:host([appearance="solid"][variant="neutral"][is-checkable]:not([disabled]):hover) {
+:host([appearance="solid"][variant="neutral"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
   --chip-background-color: var(--joy-color-neutral-6500);
 }