@breadstone/mosaik-elements-foundation 0.0.27 → 0.0.29

package/Controls/Components/Primitives/Checkmark/Themes/CheckmarkElement.Joy.js

@@ -166,7 +166,7 @@ export function checkmarkElementJoyStyle() {
   background: var(--checkmark-background-color);
 }
 
-:host([type="hook"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"]:not([disabled]:not([disabled="false"]))) {
   border-color: var(--checkmark-border-color);
   background-color: var(--checkmark-background-color);
   color: var(--checkmark-foreground-color);
@@ -262,83 +262,83 @@ export function checkmarkElementJoyStyle() {
   background-color: var(--joy-scheme-disabled);
 }
 
-:host([type="switch"][variant="primary"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="primary"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="primary"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="primary"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="primary"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="primary"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-primary-500);
 }
 
-:host([type="switch"][variant="primary"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="primary"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-primary-500);
   --checkmark-border-color: var(--joy-color-primary-500);
 }
 
-:host([type="switch"][variant="secondary"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="secondary"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="secondary"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="secondary"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="secondary"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-secondary-500);
 }
 
-:host([type="switch"][variant="secondary"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="secondary"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-secondary-500);
   --checkmark-border-color: var(--joy-color-secondary-500);
 }
 
-:host([type="switch"][variant="tertiary"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="tertiary"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="tertiary"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="tertiary"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="tertiary"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-tertiary-500);
 }
 
-:host([type="switch"][variant="tertiary"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="tertiary"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-tertiary-500);
   --checkmark-border-color: var(--joy-color-tertiary-500);
 }
 
-:host([type="switch"][variant="danger"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="danger"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="danger"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="danger"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="danger"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="danger"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-danger-500);
 }
 
-:host([type="switch"][variant="danger"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="danger"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-danger-500);
   --checkmark-border-color: var(--joy-color-danger-500);
 }
 
-:host([type="switch"][variant="warning"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="warning"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="warning"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="warning"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="warning"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="warning"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-warning-500);
 }
 
-:host([type="switch"][variant="warning"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="warning"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-warning-500);
   --checkmark-border-color: var(--joy-color-warning-500);
 }
 
-:host([type="switch"][variant="success"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="success"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="success"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="success"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="success"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="success"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-success-500);
 }
 
-:host([type="switch"][variant="success"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="success"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-success-500);
   --checkmark-border-color: var(--joy-color-success-500);
 }
 
-:host([type="switch"][variant="info"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="info"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="info"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="info"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="info"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="info"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-info-500);
 }
 
-:host([type="switch"][variant="info"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="info"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-info-500);
   --checkmark-border-color: var(--joy-color-info-500);
 }
 
-:host([type="switch"][variant="highlight"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="highlight"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="highlight"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="highlight"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="highlight"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-highlight-500);
 }
 
-:host([type="switch"][variant="highlight"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="highlight"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-highlight-500);
   --checkmark-border-color: var(--joy-color-highlight-500);
 }
 
-:host([type="switch"][variant="neutral"]:not([disabled]):not([disabled="false"]):hover), :host([type="switch"][variant="neutral"]:not([disabled]):not([disabled="false"]):active), :host([type="switch"][variant="neutral"]:not([disabled]):not([disabled="false"]):focus) {
+:host([type="switch"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover), :host([type="switch"][variant="neutral"]:not([disabled]:not([disabled="false"])):active), :host([type="switch"][variant="neutral"]:not([disabled]:not([disabled="false"])):focus) {
   --checkmark-border-color: var(--joy-color-neutral-500);
 }
 
-:host([type="switch"][variant="neutral"]:not([disabled]):not([disabled="false"])[checked]) {
+:host([type="switch"][variant="neutral"]:not([disabled]:not([disabled="false"]))[checked]) {
   --checkmark-background-color: var(--joy-color-neutral-500);
   --checkmark-border-color: var(--joy-color-neutral-500);
 }
@@ -348,7 +348,7 @@ export function checkmarkElementJoyStyle() {
   border-color: var(--joy-color-grneutralay-900);
 }
 
-:host([type="hook"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-border-color: var(--joy-scheme-disabled);
 }
 
@@ -356,297 +356,297 @@ export function checkmarkElementJoyStyle() {
   --checkmark-background-color: var(--joy-scheme-highlight);
 }
 
-:host([type="hook"][appearance="outline"][variant="primary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-primary-500);
   --checkmark-border-color: var(--joy-color-primary-500);
   --checkmark-background-color: var(--joy-color-primary-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="primary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-primary-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="primary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-primary-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="primary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-primary-100);
   --checkmark-foreground-color: var(--joy-color-primary-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="primary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-primary-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="primary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-primary-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="primary"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="primary"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-primary-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="primary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-primary-600);
 }
 
-:host([type="hook"][appearance="outline"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-secondary-500);
   --checkmark-border-color: var(--joy-color-secondary-500);
   --checkmark-background-color: var(--joy-color-secondary-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="secondary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-secondary-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-secondary-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-secondary-100);
   --checkmark-foreground-color: var(--joy-color-secondary-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="secondary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-secondary-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-secondary-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="secondary"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="secondary"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-secondary-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="secondary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-secondary-600);
 }
 
-:host([type="hook"][appearance="outline"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-tertiary-500);
   --checkmark-border-color: var(--joy-color-tertiary-500);
   --checkmark-background-color: var(--joy-color-tertiary-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="tertiary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-tertiary-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-tertiary-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-tertiary-100);
   --checkmark-foreground-color: var(--joy-color-tertiary-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="tertiary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-tertiary-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-tertiary-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="tertiary"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="tertiary"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-tertiary-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="tertiary"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-tertiary-600);
 }
 
-:host([type="hook"][appearance="outline"][variant="danger"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-danger-500);
   --checkmark-border-color: var(--joy-color-danger-500);
   --checkmark-background-color: var(--joy-color-danger-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="danger"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-danger-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="danger"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-danger-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="danger"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-danger-100);
   --checkmark-foreground-color: var(--joy-color-danger-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="danger"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-danger-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="danger"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-danger-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="danger"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="danger"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-danger-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="danger"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-danger-600);
 }
 
-:host([type="hook"][appearance="outline"][variant="warning"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-warning-500);
   --checkmark-border-color: var(--joy-color-warning-500);
   --checkmark-background-color: var(--joy-color-warning-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="warning"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-warning-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="warning"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-warning-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="warning"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-warning-100);
   --checkmark-foreground-color: var(--joy-color-warning-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="warning"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-warning-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="warning"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-warning-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="warning"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="warning"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-warning-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="warning"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-warning-600);
 }
 
-:host([type="hook"][appearance="outline"][variant="success"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-success-500);
   --checkmark-border-color: var(--joy-color-success-500);
   --checkmark-background-color: var(--joy-color-success-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="success"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-success-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="success"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-success-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="success"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-success-100);
   --checkmark-foreground-color: var(--joy-color-success-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="success"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-success-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="success"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-success-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="success"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="success"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-success-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="success"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-success-600);
 }
 
-:host([type="hook"][appearance="outline"][variant="info"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-info-500);
   --checkmark-border-color: var(--joy-color-info-500);
   --checkmark-background-color: var(--joy-color-info-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="info"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-info-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="info"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-info-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="info"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-info-100);
   --checkmark-foreground-color: var(--joy-color-info-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="info"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-info-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="info"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-info-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="info"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="info"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-info-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="info"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-info-600);
 }
 
-:host([type="hook"][appearance="outline"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-highlight-500);
   --checkmark-border-color: var(--joy-color-highlight-500);
   --checkmark-background-color: var(--joy-color-highlight-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="highlight"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-highlight-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-highlight-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-highlight-100);
   --checkmark-foreground-color: var(--joy-color-highlight-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="highlight"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-highlight-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-highlight-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="highlight"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="highlight"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-highlight-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="highlight"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-highlight-600);
 }
 
-:host([type="hook"][appearance="outline"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-neutral-500);
   --checkmark-border-color: var(--joy-color-neutral-500);
   --checkmark-background-color: var(--joy-color-neutral-50);
 }
 
-:host([type="hook"][appearance="outline"][variant="neutral"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-neutral-100);
 }
 
-:host([type="hook"][appearance="plain"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-neutral-500);
 }
 
@@ -654,24 +654,24 @@ export function checkmarkElementJoyStyle() {
   --checkmark-background-color: var(--joy-color-neutral-50);
 }
 
-:host([type="hook"][appearance="soft"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-neutral-100);
   --checkmark-foreground-color: var(--joy-color-neutral-500);
 }
 
-:host([type="hook"][appearance="soft"][variant="neutral"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-neutral-200);
 }
 
-:host([type="hook"][appearance="solid"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --checkmark-foreground-color: var(--joy-color-neutral-0);
 }
 
-:host([type="hook"][appearance="solid"][variant="neutral"][checked]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"][appearance="solid"][variant="neutral"][checked]:not([disabled]:not([disabled="false"]))) {
   --checkmark-background-color: var(--joy-color-neutral-500);
 }
 
-:host([type="hook"][appearance="solid"][variant="neutral"]:not([disabled]):not([disabled="false"]):hover) {
+:host([type="hook"][appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
   --checkmark-background-color: var(--joy-color-neutral-600);
 }
 

package/Controls/Components/Primitives/Checkmark/Themes/CheckmarkElement.Retro.js

@@ -166,7 +166,7 @@ export function checkmarkElementRetroStyle() {
   background: var(--checkmark-background-color);
 }
 
-:host([type="hook"]:not([disabled]):not([disabled="false"])) {
+:host([type="hook"]:not([disabled]:not([disabled="false"]))) {
   border-color: var(--checkmark-border-color);
   background-color: var(--checkmark-background-color);
   color: var(--checkmark-foreground-color);

package/Controls/Components/Primitives/Dot/Themes/DotElement.Cosmopolitan.js

@@ -83,7 +83,7 @@ export function dotElementCosmopolitanStyle() {
   transform: scale(1);
 }
 
-:host(:not([disabled]):not([disabled="false"]):hover) {
+:host(:not([disabled]:not([disabled="false"])):hover) {
   transform: scale(1.25);
 }
 

package/Controls/Components/Primitives/Dot/Themes/DotElement.Joy.js

@@ -83,7 +83,7 @@ export function dotElementJoyStyle() {
   transform: scale(1);
 }
 
-:host(:not([disabled]):not([disabled="false"]):hover) {
+:host(:not([disabled]:not([disabled="false"])):hover) {
   transform: scale(1.25);
 }
 
@@ -107,39 +107,39 @@ export function dotElementJoyStyle() {
   --dot-size: 48px;
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="primary"]) {
   --dot-background-color: var(--joy-color-primary-500);
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="secondary"]) {
   --dot-background-color: var(--joy-color-secondary-500);
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="tertiary"]) {
   --dot-background-color: var(--joy-color-tertiary-500);
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="danger"]) {
   --dot-background-color: var(--joy-color-danger-500);
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="warning"]) {
   --dot-background-color: var(--joy-color-warning-500);
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="success"]) {
   --dot-background-color: var(--joy-color-success-500);
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="info"]) {
   --dot-background-color: var(--joy-color-info-500);
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="highlight"]) {
   --dot-background-color: var(--joy-color-highlight-500);
 }
 
-:host(:not([disabled]):not([disabled="false"])[variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[variant="neutral"]) {
   --dot-background-color: var(--joy-color-neutral-500);
 }