npm - @breadstone/mosaik-elements-foundation - Versions diffs - 0.0.27 → 0.0.28 - Mend

@breadstone/mosaik-elements-foundation 0.0.27 → 0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/Controls/Components/Media/Icon/Themes/IconElement.Joy.js CHANGED Viewed

@@ -89,178 +89,178 @@ export function iconElementJoyStyle() {
   --icon-foreground-color: var(--joy-scheme-disabled);
 }
-:host(:not([disabled]):not([disabled="false"])[readonly]) {
+:host(:not([disabled]:not([disabled="false"]))[readonly]) {
   --icon-foreground-color: var(--joy-scheme-middlelight);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="primary"]) {
   --icon-foreground-color: var(--joy-color-primary-500);
   --icon-border-color: var(--joy-color-primary-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="secondary"]) {
   --icon-foreground-color: var(--joy-color-secondary-500);
   --icon-border-color: var(--joy-color-secondary-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="tertiary"]) {
   --icon-foreground-color: var(--joy-color-tertiary-500);
   --icon-border-color: var(--joy-color-tertiary-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="success"]) {
   --icon-foreground-color: var(--joy-color-success-500);
   --icon-border-color: var(--joy-color-success-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="danger"]) {
   --icon-foreground-color: var(--joy-color-danger-500);
   --icon-border-color: var(--joy-color-danger-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="warning"]) {
   --icon-foreground-color: var(--joy-color-warning-500);
   --icon-border-color: var(--joy-color-warning-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="info"]) {
   --icon-foreground-color: var(--joy-color-info-500);
   --icon-border-color: var(--joy-color-info-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="neutral"]) {
   --icon-foreground-color: var(--joy-color-neutral-500);
   --icon-border-color: var(--joy-color-neutral-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="highlight"]) {
   --icon-foreground-color: var(--joy-color-highlight-500);
   --icon-border-color: var(--joy-color-highlight-500);
   --icon-border-width: var(--joy-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="primary"]) {
   --icon-foreground-color: var(--joy-color-primary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="secondary"]) {
   --icon-foreground-color: var(--joy-color-secondary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="tertiary"]) {
   --icon-foreground-color: var(--joy-color-tertiary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="success"]) {
   --icon-foreground-color: var(--joy-color-success-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="danger"]) {
   --icon-foreground-color: var(--joy-color-danger-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="warning"]) {
   --icon-foreground-color: var(--joy-color-warning-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="info"]) {
   --icon-foreground-color: var(--joy-color-info-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="neutral"]) {
   --icon-foreground-color: var(--joy-color-neutral-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="highlight"]) {
   --icon-foreground-color: var(--joy-color-highlight-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="primary"]) {
   --icon-foreground-color: var(--joy-color-primary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="secondary"]) {
   --icon-foreground-color: var(--joy-color-secondary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="tertiary"]) {
   --icon-foreground-color: var(--joy-color-tertiary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="success"]) {
   --icon-foreground-color: var(--joy-color-success-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="danger"]) {
   --icon-foreground-color: var(--joy-color-danger-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="warning"]) {
   --icon-foreground-color: var(--joy-color-warning-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="info"]) {
   --icon-foreground-color: var(--joy-color-info-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="neutral"]) {
   --icon-foreground-color: var(--joy-color-neutral-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="highlight"]) {
   --icon-foreground-color: var(--joy-color-highlight-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="primary"]) {
   --icon-foreground-color: var(--joy-color-primary-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="secondary"]) {
   --icon-foreground-color: var(--joy-color-secondary-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="tertiary"]) {
   --icon-foreground-color: var(--joy-color-tertiary-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="success"]) {
   --icon-foreground-color: var(--joy-color-success-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="danger"]) {
   --icon-foreground-color: var(--joy-color-danger-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="warning"]) {
   --icon-foreground-color: var(--joy-color-warning-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="info"]) {
   --icon-foreground-color: var(--joy-color-info-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="neutral"]) {
   --icon-foreground-color: var(--joy-color-neutral-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="highlight"]) {
   --icon-foreground-color: var(--joy-color-highlight-100);
 }

package/Controls/Components/Media/Icon/Themes/IconElement.Retro.js CHANGED Viewed

@@ -89,178 +89,178 @@ export function iconElementRetroStyle() {
   --icon-foreground-color: var(--retro-scheme-disabled);
 }
-:host(:not([disabled]):not([disabled="false"])[readonly]) {
+:host(:not([disabled]:not([disabled="false"]))[readonly]) {
   --icon-foreground-color: var(--retro-scheme-middlelight);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="primary"]) {
   --icon-foreground-color: var(--retro-color-primary-500);
   --icon-border-color: var(--retro-color-primary-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="secondary"]) {
   --icon-foreground-color: var(--retro-color-secondary-500);
   --icon-border-color: var(--retro-color-secondary-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="tertiary"]) {
   --icon-foreground-color: var(--retro-color-tertiary-500);
   --icon-border-color: var(--retro-color-tertiary-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="success"]) {
   --icon-foreground-color: var(--retro-color-success-500);
   --icon-border-color: var(--retro-color-success-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="danger"]) {
   --icon-foreground-color: var(--retro-color-danger-500);
   --icon-border-color: var(--retro-color-danger-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="warning"]) {
   --icon-foreground-color: var(--retro-color-warning-500);
   --icon-border-color: var(--retro-color-warning-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="info"]) {
   --icon-foreground-color: var(--retro-color-info-500);
   --icon-border-color: var(--retro-color-info-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="neutral"]) {
   --icon-foreground-color: var(--retro-color-neutral-500);
   --icon-border-color: var(--retro-color-neutral-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="outline"][variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="highlight"]) {
   --icon-foreground-color: var(--retro-color-highlight-500);
   --icon-border-color: var(--retro-color-highlight-500);
   --icon-border-width: var(--retro-layout-thickness);
   --icon-border-style: solid;
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="primary"]) {
   --icon-foreground-color: var(--retro-color-primary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="secondary"]) {
   --icon-foreground-color: var(--retro-color-secondary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="tertiary"]) {
   --icon-foreground-color: var(--retro-color-tertiary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="success"]) {
   --icon-foreground-color: var(--retro-color-success-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="danger"]) {
   --icon-foreground-color: var(--retro-color-danger-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="warning"]) {
   --icon-foreground-color: var(--retro-color-warning-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="info"]) {
   --icon-foreground-color: var(--retro-color-info-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="neutral"]) {
   --icon-foreground-color: var(--retro-color-neutral-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="plain"][variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="highlight"]) {
   --icon-foreground-color: var(--retro-color-highlight-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="primary"]) {
   --icon-foreground-color: var(--retro-color-primary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="secondary"]) {
   --icon-foreground-color: var(--retro-color-secondary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="tertiary"]) {
   --icon-foreground-color: var(--retro-color-tertiary-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="success"]) {
   --icon-foreground-color: var(--retro-color-success-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="danger"]) {
   --icon-foreground-color: var(--retro-color-danger-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="warning"]) {
   --icon-foreground-color: var(--retro-color-warning-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="info"]) {
   --icon-foreground-color: var(--retro-color-info-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="neutral"]) {
   --icon-foreground-color: var(--retro-color-neutral-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="soft"][variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="highlight"]) {
   --icon-foreground-color: var(--retro-color-highlight-500);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="primary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="primary"]) {
   --icon-foreground-color: var(--retro-color-primary-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="secondary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="secondary"]) {
   --icon-foreground-color: var(--retro-color-secondary-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="tertiary"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="tertiary"]) {
   --icon-foreground-color: var(--retro-color-tertiary-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="success"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="success"]) {
   --icon-foreground-color: var(--retro-color-success-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="danger"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="danger"]) {
   --icon-foreground-color: var(--retro-color-danger-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="warning"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="warning"]) {
   --icon-foreground-color: var(--retro-color-warning-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="info"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="info"]) {
   --icon-foreground-color: var(--retro-color-info-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="neutral"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="neutral"]) {
   --icon-foreground-color: var(--retro-color-neutral-100);
 }
-:host(:not([disabled]):not([disabled="false"])[appearance="solid"][variant="highlight"]) {
+:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="highlight"]) {
   --icon-foreground-color: var(--retro-color-highlight-100);
 }

package/Controls/Components/Primitives/Checkmark/Themes/CheckmarkElement.Cosmopolitan.js CHANGED Viewed

@@ -166,7 +166,7 @@ export function checkmarkElementCosmopolitanStyle() {
   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);