@breadstone/mosaik-elements-foundation 0.0.25 → 0.0.27

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

@@ -135,7 +135,7 @@ export function checkmarkElementJoyStyle() {
   left: -6px;
 }
 
-:host([type="switch"][disabled]) {
+:host([type="switch"][disabled]):not([disabled="false"]) {
   cursor: pointer;
   box-shadow: none;
 }
@@ -166,7 +166,7 @@ export function checkmarkElementJoyStyle() {
   background: var(--checkmark-background-color);
 }
 
-:host([type="hook"]:not([disabled])) {
+: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);
@@ -254,91 +254,91 @@ export function checkmarkElementJoyStyle() {
   background-color: var(--joy-scheme-highlight);
 }
 
-:host([type="switch"][disabled]) {
+:host([type="switch"][disabled]):not([disabled="false"]) {
   border-color: var(--joy-scheme-disabled);
 }
 
-:host([type="switch"][disabled]) [part="checkmark"] {
+:host([type="switch"][disabled]):not([disabled="false"]) [part="checkmark"] {
   background-color: var(--joy-scheme-disabled);
 }
 
-:host([type="switch"][variant="primary"]:not([disabled]):hover), :host([type="switch"][variant="primary"]:not([disabled]):active), :host([type="switch"][variant="primary"]:not([disabled]):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])[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]):hover), :host([type="switch"][variant="secondary"]:not([disabled]):active), :host([type="switch"][variant="secondary"]:not([disabled]):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])[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]):hover), :host([type="switch"][variant="tertiary"]:not([disabled]):active), :host([type="switch"][variant="tertiary"]:not([disabled]):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])[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]):hover), :host([type="switch"][variant="danger"]:not([disabled]):active), :host([type="switch"][variant="danger"]:not([disabled]):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])[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]):hover), :host([type="switch"][variant="warning"]:not([disabled]):active), :host([type="switch"][variant="warning"]:not([disabled]):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])[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]):hover), :host([type="switch"][variant="success"]:not([disabled]):active), :host([type="switch"][variant="success"]:not([disabled]):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])[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]):hover), :host([type="switch"][variant="info"]:not([disabled]):active), :host([type="switch"][variant="info"]:not([disabled]):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])[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]):hover), :host([type="switch"][variant="highlight"]:not([disabled]):active), :host([type="switch"][variant="highlight"]:not([disabled]):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])[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]):hover), :host([type="switch"][variant="neutral"]:not([disabled]):active), :host([type="switch"][variant="neutral"]:not([disabled]):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])[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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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]):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])) {
+: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])) {
+: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]):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])) {
+: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])) {
+: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]):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

@@ -135,7 +135,7 @@ export function checkmarkElementRetroStyle() {
   left: -6px;
 }
 
-:host([type="switch"][disabled]) {
+:host([type="switch"][disabled]):not([disabled="false"]) {
   cursor: pointer;
   box-shadow: none;
 }
@@ -166,7 +166,7 @@ export function checkmarkElementRetroStyle() {
   background: var(--checkmark-background-color);
 }
 
-:host([type="hook"]:not([disabled])) {
+: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/Content/ContentElement.js

@@ -102,7 +102,7 @@ let ContentElement = class ContentElement extends Themeable(Slottable(CustomElem
     }
 };
 __decorate([
-    Attribute({ type: Boolean }),
+    Attribute({ type: Boolean, useDefault: true }),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], ContentElement.prototype, "hasContent", null);

package/Controls/Components/Primitives/Content/ContentElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Content/ContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;GAQG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IAEA,eAAe,CAA4C;IACpE,WAAW,CAAU;IAE7B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAC/E,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;;;OAMG;IACH,IACW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,IAAY,UAAU,CAAC,KAAc;QACjC,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IACW,cAAc;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,aAAa;QACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACO,gBAAgB,CAAC,IAAgC;QACvD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;CAIJ,CAAA;AA/CG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;gDAG5B;AAgBD;IAAC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;;;oDAGrC;AApEQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,KAAK,EAAE,wBAAwB;YAC/B,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CA6F1B"}
+{"version":3,"file":"ContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Content/ContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;GAQG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IAEA,eAAe,CAA4C;IACpE,WAAW,CAAU;IAE7B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAC/E,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;;;OAMG;IACH,IACW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,IAAY,UAAU,CAAC,KAAc;QACjC,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IACW,cAAc;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACa,aAAa;QACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACO,gBAAgB,CAAC,IAAgC;QACvD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;CAIJ,CAAA;AA/CG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;;;gDAG9C;AAgBD;IAAC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;;;oDAGrC;AApEQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,KAAK,EAAE,wBAAwB;YAC/B,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CA6F1B"}

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

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