@breadstone/mosaik-elements-foundation 0.0.27 → 0.0.28

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

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

package/Controls/Components/Primitives/DropZone/Themes/DropZoneElement.Cosmopolitan.js

@@ -61,7 +61,7 @@ export function dropZoneElementCosmopolitanStyle() {
   border-style: dashed;
 }
 
-:host:hover:not([disabled]):not([disabled="false"]), :host:active:not([disabled]):not([disabled="false"]), :host:focus:not([disabled]):not([disabled="false"]), :host[is-dragging]:not([disabled]):not([disabled="false"]) {
+:host:hover:not([disabled]:not([disabled="false"])), :host:active:not([disabled]:not([disabled="false"])), :host:focus:not([disabled]:not([disabled="false"])), :host[is-dragging]:not([disabled]:not([disabled="false"])) {
   border-style: solid;
 }
 

package/Controls/Components/Primitives/DropZone/Themes/DropZoneElement.Joy.js

@@ -65,7 +65,7 @@ export function dropZoneElementJoyStyle() {
   border-radius: var(--joy-layout-radius);
 }
 
-:host:hover:not([disabled]):not([disabled="false"]), :host:active:not([disabled]):not([disabled="false"]), :host:focus:not([disabled]):not([disabled="false"]), :host[is-dragging]:not([disabled]):not([disabled="false"]) {
+:host:hover:not([disabled]:not([disabled="false"])), :host:active:not([disabled]:not([disabled="false"])), :host:focus:not([disabled]:not([disabled="false"])), :host[is-dragging]:not([disabled]:not([disabled="false"])) {
   border-style: solid;
   border-color: var(--joy-color-primary-500);
   background-color: var(--joy-scheme-background);

package/Controls/Components/Primitives/DropZone/Themes/DropZoneElement.Retro.js

@@ -61,7 +61,7 @@ export function dropZoneElementRetroStyle() {
   border-style: dashed;
 }
 
-:host:hover:not([disabled]):not([disabled="false"]), :host:active:not([disabled]):not([disabled="false"]), :host:focus:not([disabled]):not([disabled="false"]), :host[is-dragging]:not([disabled]):not([disabled="false"]) {
+:host:hover:not([disabled]:not([disabled="false"])), :host:active:not([disabled]:not([disabled="false"])), :host:focus:not([disabled]:not([disabled="false"])), :host[is-dragging]:not([disabled]:not([disabled="false"])) {
   border-style: solid;
 }
 

package/Controls/Components/Primitives/Floating/Themes/FloatingElement.Joy.js

@@ -120,7 +120,7 @@ export function floatingElementJoyStyle() {
   rotate: 45deg;
 }
 
-:host(:not([disabled]):not([disabled="false"]):focus-within) {
+:host(:not([disabled]:not([disabled="false"])):focus-within) {
   --floating-border-color: var(--joy-color-primary-500);
 }
 

package/Controls/Components/Primitives/FocusRing/Themes/FocusRingElement.Joy.js

@@ -110,39 +110,39 @@ export function focusRingElementJoyStyle() {
   inset: var(--focus-ring-inward-offset);
 }
 
-:host([variant="primary"]:not([disabled]):not([disabled="false"])) {
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-primary-500);
 }
 
-:host([variant="secondary"]:not([disabled]):not([disabled="false"])) {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-secondary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]):not([disabled="false"])) {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-tertiary-500);
 }
 
-:host([variant="danger"]:not([disabled]):not([disabled="false"])) {
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-danger-500);
 }
 
-:host([variant="warning"]:not([disabled]):not([disabled="false"])) {
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-warning-500);
 }
 
-:host([variant="success"]:not([disabled]):not([disabled="false"])) {
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-success-500);
 }
 
-:host([variant="info"]:not([disabled]):not([disabled="false"])) {
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-info-500);
 }
 
-:host([variant="highlight"]:not([disabled]):not([disabled="false"])) {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-highlight-500);
 }
 
-:host([variant="neutral"]:not([disabled]):not([disabled="false"])) {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --focus-ring-border-color: var(--joy-color-neutral-500);
 }
 

package/Controls/Components/Primitives/InkBar/Themes/InkBarElement.Joy.js

@@ -98,75 +98,75 @@ export function inkBarElementJoyStyle() {
   --ink-bar-background-color: var(--joy-scheme-disabled);
 }
 
-:host([variant="primary"]:not([disabled]):not([disabled="false"])) {
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-primary-500);
 }
 
-:host([variant="secondary"]:not([disabled]):not([disabled="false"])) {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-secondary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]):not([disabled="false"])) {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-tertiary-500);
 }
 
-:host([variant="danger"]:not([disabled]):not([disabled="false"])) {
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-danger-500);
 }
 
-:host([variant="warning"]:not([disabled]):not([disabled="false"])) {
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-warning-500);
 }
 
-:host([variant="success"]:not([disabled]):not([disabled="false"])) {
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-success-500);
 }
 
-:host([variant="info"]:not([disabled]):not([disabled="false"])) {
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-info-500);
 }
 
-:host([variant="highlight"]:not([disabled]):not([disabled="false"])) {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-highlight-500);
 }
 
-:host([variant="neutral"]:not([disabled]):not([disabled="false"])) {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-neutral-500);
 }
 
-:host([appearance="soft"][variant="primary"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-primary-100);
 }
 
-:host([appearance="soft"][variant="secondary"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-secondary-100);
 }
 
-:host([appearance="soft"][variant="tertiary"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-tertiary-100);
 }
 
-:host([appearance="soft"][variant="danger"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-danger-100);
 }
 
-:host([appearance="soft"][variant="warning"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-warning-100);
 }
 
-:host([appearance="soft"][variant="success"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-success-100);
 }
 
-:host([appearance="soft"][variant="info"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-info-100);
 }
 
-:host([appearance="soft"][variant="highlight"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-highlight-100);
 }
 
-:host([appearance="soft"][variant="neutral"]:not([disabled]):not([disabled="false"])) {
+:host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
   --ink-bar-background-color: var(--joy-color-neutral-100);
 }
 

package/Controls/Components/Primitives/Popup/Themes/PopupElement.Joy.js

@@ -90,7 +90,7 @@ export function popupElementJoyStyle() {
   overflow: hidden;
 }
 
-:host(:not([disabled]):not([disabled="false"]):focus-within) {
+:host(:not([disabled]:not([disabled="false"])):focus-within) {
   --popup-border-color: var(--joy-color-primary-500);
 }
 

package/Controls/Components/Primitives/Ribbon/Themes/RibbonElement.Joy.js

@@ -154,84 +154,84 @@ export function ribbonElementJoyStyle() {
   border-right: 8px solid var(--joy-scheme-transparent);
 }
 
-:host([variant="primary"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-primary-100);
   color: var(--joy-color-primary-500);
 }
 
-:host([variant="primary"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-primary-200);
 }
 
-:host([variant="secondary"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-secondary-100);
   color: var(--joy-color-secondary-500);
 }
 
-:host([variant="secondary"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-secondary-200);
 }
 
-:host([variant="tertiary"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-tertiary-100);
   color: var(--joy-color-tertiary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-tertiary-200);
 }
 
-:host([variant="danger"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-danger-100);
   color: var(--joy-color-danger-500);
 }
 
-:host([variant="danger"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-danger-200);
 }
 
-:host([variant="warning"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-warning-100);
   color: var(--joy-color-warning-500);
 }
 
-:host([variant="warning"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-warning-200);
 }
 
-:host([variant="success"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-success-100);
   color: var(--joy-color-success-500);
 }
 
-:host([variant="success"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-success-200);
 }
 
-:host([variant="info"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-info-100);
   color: var(--joy-color-info-500);
 }
 
-:host([variant="info"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-info-200);
 }
 
-:host([variant="highlight"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-highlight-100);
   color: var(--joy-color-highlight-500);
 }
 
-:host([variant="highlight"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-highlight-200);
 }
 
-:host([variant="neutral"]:not([disabled]):not([disabled="false"])) [part="root"] {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) [part="root"] {
   background-color: var(--joy-color-neutral-100);
   color: var(--joy-color-neutral-500);
 }
 
-:host([variant="neutral"]:not([disabled]):not([disabled="false"])) [part="root"]:after {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) [part="root"]:after {
   border-top-color: var(--joy-color-neutral-200);
 }
 

package/Controls/Components/Primitives/Text/Themes/TextElement.Joy.js

@@ -141,43 +141,43 @@ export function textElementJoyStyle() {
   --text-foreground-color: var(--joy-scheme-disabled);
 }
 
-:host(:not([disabled]):not([disabled="false"])[readonly]) {
+:host(:not([disabled]:not([disabled="false"]))[readonly]) {
   --text-foreground-color: var(--joy-scheme-middlelight);
 }
 
-:host([variant="primary"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-primary-500);
 }
 
-:host([variant="secondary"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-secondary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-tertiary-500);
 }
 
-:host([variant="danger"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-danger-500);
 }
 
-:host([variant="warning"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-warning-500);
 }
 
-:host([variant="success"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="success"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-success-500);
 }
 
-:host([variant="info"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="info"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-info-500);
 }
 
-:host([variant="highlight"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-highlight-500);
 }
 
-:host([variant="neutral"]:not([disabled]):not([disabled="false"]):not([readonly])) {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([readonly])) {
   --text-foreground-color: var(--joy-color-neutral-500);
 }
 

package/Controls/Components/Ranges/ProgressBar/Themes/ProgressBarElement.Joy.js

@@ -193,39 +193,39 @@ export function progressBarElementJoyStyle() {
   background-color: var(--joy-color-neutral-500);
 }
 
-:host([variant="primary"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-primary-500);
 }
 
-:host([variant="secondary"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-secondary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-tertiary-500);
 }
 
-:host([variant="danger"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-danger-500);
 }
 
-:host([variant="warning"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-warning-500);
 }
 
-:host([variant="success"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-success-500);
 }
 
-:host([variant="info"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-info-500);
 }
 
-:host([variant="highlight"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-highlight-500);
 }
 
-:host([variant="neutral"]:not([disabled]):not([disabled="false"])) .progress-container .outer .inner .bg {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) .progress-container .outer .inner .bg {
   background-color: var(--joy-color-neutral-500);
 }
 

package/Controls/Components/Ranges/ProgressRing/Themes/ProgressRingElement.Joy.js

@@ -151,39 +151,39 @@ export function progressRingElementJoyStyle() {
   stroke: var(--progress-ring-fill-color);
 }
 
-:host([variant="primary"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="primary"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="primary"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="primary"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-primary-500);
 }
 
-:host([variant="secondary"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="secondary"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="secondary"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="secondary"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-secondary-500);
 }
 
-:host([variant="tertiary"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="tertiary"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-tertiary-500);
 }
 
-:host([variant="danger"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="danger"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="danger"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="danger"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-danger-500);
 }
 
-:host([variant="warning"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="warning"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="warning"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="warning"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-warning-500);
 }
 
-:host([variant="success"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="success"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="success"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="success"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-success-500);
 }
 
-:host([variant="info"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="info"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="info"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="info"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-info-500);
 }
 
-:host([variant="highlight"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="highlight"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="highlight"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="highlight"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-highlight-500);
 }
 
-:host([variant="neutral"]:not([disabled]):not([disabled="false"])) [part="root"] .circle-path, :host([variant="neutral"]:not([disabled]):not([disabled="false"])) [part="root"].indeterminate > circle {
+:host([variant="neutral"]:not([disabled]:not([disabled="false"]))) [part="root"] .circle-path, :host([variant="neutral"]:not([disabled]:not([disabled="false"]))) [part="root"].indeterminate > circle {
   stroke: var(--joy-color-neutral-500);
 }