@dialpad/dialtone-css 8.80.0-next.7 → 8.80.0-next.9

package/lib/dist/dialtone.css

@@ -1636,6 +1636,9 @@
   .d-box--shadow-card {
     --box-shadow: var(--dt-shadow-card);
   }
+  .d-box--is-0 {
+    inline-size: 0;
+  }
   .d-box--is-1px {
     inline-size: var(--dt-layout-1px);
   }
@@ -1660,54 +1663,102 @@
   .d-box--is-75 {
     inline-size: var(--dt-layout-75);
   }
-  .d-box--is-0 {
-    inline-size: var(--dt-layout-0);
-  }
   .d-box--is-100 {
     inline-size: var(--dt-layout-100);
   }
+  .d-box--is-125 {
+    inline-size: var(--dt-layout-125);
+  }
+  .d-box--is-150 {
+    inline-size: var(--dt-layout-150);
+  }
+  .d-box--is-175 {
+    inline-size: var(--dt-layout-175);
+  }
   .d-box--is-200 {
     inline-size: var(--dt-layout-200);
   }
+  .d-box--is-250 {
+    inline-size: var(--dt-layout-250);
+  }
   .d-box--is-300 {
     inline-size: var(--dt-layout-300);
   }
+  .d-box--is-350 {
+    inline-size: var(--dt-layout-350);
+  }
   .d-box--is-400 {
     inline-size: var(--dt-layout-400);
   }
+  .d-box--is-450 {
+    inline-size: var(--dt-layout-450);
+  }
   .d-box--is-500 {
     inline-size: var(--dt-layout-500);
   }
+  .d-box--is-550 {
+    inline-size: var(--dt-layout-550);
+  }
   .d-box--is-600 {
     inline-size: var(--dt-layout-600);
   }
+  .d-box--is-650 {
+    inline-size: var(--dt-layout-650);
+  }
   .d-box--is-700 {
     inline-size: var(--dt-layout-700);
   }
+  .d-box--is-750 {
+    inline-size: var(--dt-layout-750);
+  }
   .d-box--is-800 {
     inline-size: var(--dt-layout-800);
   }
+  .d-box--is-850 {
+    inline-size: var(--dt-layout-850);
+  }
   .d-box--is-900 {
     inline-size: var(--dt-layout-900);
   }
+  .d-box--is-950 {
+    inline-size: var(--dt-layout-950);
+  }
   .d-box--is-1000 {
     inline-size: var(--dt-layout-1000);
   }
+  .d-box--is-1050 {
+    inline-size: var(--dt-layout-1050);
+  }
   .d-box--is-1100 {
     inline-size: var(--dt-layout-1100);
   }
+  .d-box--is-1150 {
+    inline-size: var(--dt-layout-1150);
+  }
   .d-box--is-1200 {
     inline-size: var(--dt-layout-1200);
   }
+  .d-box--is-1250 {
+    inline-size: var(--dt-layout-1250);
+  }
   .d-box--is-1300 {
     inline-size: var(--dt-layout-1300);
   }
+  .d-box--is-1350 {
+    inline-size: var(--dt-layout-1350);
+  }
   .d-box--is-1400 {
     inline-size: var(--dt-layout-1400);
   }
+  .d-box--is-1450 {
+    inline-size: var(--dt-layout-1450);
+  }
   .d-box--is-1500 {
     inline-size: var(--dt-layout-1500);
   }
+  .d-box--is-1550 {
+    inline-size: var(--dt-layout-1550);
+  }
   .d-box--is-1600 {
     inline-size: var(--dt-layout-1600);
   }
@@ -1756,6 +1807,9 @@
   .d-box--is-100p {
     inline-size: var(--dt-layout-100-percent);
   }
+  .d-box--bls-0 {
+    block-size: 0;
+  }
   .d-box--bls-1px {
     block-size: var(--dt-layout-1px);
   }
@@ -1780,54 +1834,102 @@
   .d-box--bls-75 {
     block-size: var(--dt-layout-75);
   }
-  .d-box--bls-0 {
-    block-size: var(--dt-layout-0);
-  }
   .d-box--bls-100 {
     block-size: var(--dt-layout-100);
   }
+  .d-box--bls-125 {
+    block-size: var(--dt-layout-125);
+  }
+  .d-box--bls-150 {
+    block-size: var(--dt-layout-150);
+  }
+  .d-box--bls-175 {
+    block-size: var(--dt-layout-175);
+  }
   .d-box--bls-200 {
     block-size: var(--dt-layout-200);
   }
+  .d-box--bls-250 {
+    block-size: var(--dt-layout-250);
+  }
   .d-box--bls-300 {
     block-size: var(--dt-layout-300);
   }
+  .d-box--bls-350 {
+    block-size: var(--dt-layout-350);
+  }
   .d-box--bls-400 {
     block-size: var(--dt-layout-400);
   }
+  .d-box--bls-450 {
+    block-size: var(--dt-layout-450);
+  }
   .d-box--bls-500 {
     block-size: var(--dt-layout-500);
   }
+  .d-box--bls-550 {
+    block-size: var(--dt-layout-550);
+  }
   .d-box--bls-600 {
     block-size: var(--dt-layout-600);
   }
+  .d-box--bls-650 {
+    block-size: var(--dt-layout-650);
+  }
   .d-box--bls-700 {
     block-size: var(--dt-layout-700);
   }
+  .d-box--bls-750 {
+    block-size: var(--dt-layout-750);
+  }
   .d-box--bls-800 {
     block-size: var(--dt-layout-800);
   }
+  .d-box--bls-850 {
+    block-size: var(--dt-layout-850);
+  }
   .d-box--bls-900 {
     block-size: var(--dt-layout-900);
   }
+  .d-box--bls-950 {
+    block-size: var(--dt-layout-950);
+  }
   .d-box--bls-1000 {
     block-size: var(--dt-layout-1000);
   }
+  .d-box--bls-1050 {
+    block-size: var(--dt-layout-1050);
+  }
   .d-box--bls-1100 {
     block-size: var(--dt-layout-1100);
   }
+  .d-box--bls-1150 {
+    block-size: var(--dt-layout-1150);
+  }
   .d-box--bls-1200 {
     block-size: var(--dt-layout-1200);
   }
+  .d-box--bls-1250 {
+    block-size: var(--dt-layout-1250);
+  }
   .d-box--bls-1300 {
     block-size: var(--dt-layout-1300);
   }
+  .d-box--bls-1350 {
+    block-size: var(--dt-layout-1350);
+  }
   .d-box--bls-1400 {
     block-size: var(--dt-layout-1400);
   }
+  .d-box--bls-1450 {
+    block-size: var(--dt-layout-1450);
+  }
   .d-box--bls-1500 {
     block-size: var(--dt-layout-1500);
   }
+  .d-box--bls-1550 {
+    block-size: var(--dt-layout-1550);
+  }
   .d-box--bls-1600 {
     block-size: var(--dt-layout-1600);
   }
@@ -1876,6 +1978,9 @@
   .d-box--bls-100p {
     block-size: var(--dt-layout-100-percent);
   }
+  .d-box--min-is-0 {
+    min-inline-size: 0;
+  }
   .d-box--min-is-1px {
     min-inline-size: var(--dt-layout-1px);
   }
@@ -1900,54 +2005,102 @@
   .d-box--min-is-75 {
     min-inline-size: var(--dt-layout-75);
   }
-  .d-box--min-is-0 {
-    min-inline-size: var(--dt-layout-0);
-  }
   .d-box--min-is-100 {
     min-inline-size: var(--dt-layout-100);
   }
+  .d-box--min-is-125 {
+    min-inline-size: var(--dt-layout-125);
+  }
+  .d-box--min-is-150 {
+    min-inline-size: var(--dt-layout-150);
+  }
+  .d-box--min-is-175 {
+    min-inline-size: var(--dt-layout-175);
+  }
   .d-box--min-is-200 {
     min-inline-size: var(--dt-layout-200);
   }
+  .d-box--min-is-250 {
+    min-inline-size: var(--dt-layout-250);
+  }
   .d-box--min-is-300 {
     min-inline-size: var(--dt-layout-300);
   }
+  .d-box--min-is-350 {
+    min-inline-size: var(--dt-layout-350);
+  }
   .d-box--min-is-400 {
     min-inline-size: var(--dt-layout-400);
   }
+  .d-box--min-is-450 {
+    min-inline-size: var(--dt-layout-450);
+  }
   .d-box--min-is-500 {
     min-inline-size: var(--dt-layout-500);
   }
+  .d-box--min-is-550 {
+    min-inline-size: var(--dt-layout-550);
+  }
   .d-box--min-is-600 {
     min-inline-size: var(--dt-layout-600);
   }
+  .d-box--min-is-650 {
+    min-inline-size: var(--dt-layout-650);
+  }
   .d-box--min-is-700 {
     min-inline-size: var(--dt-layout-700);
   }
+  .d-box--min-is-750 {
+    min-inline-size: var(--dt-layout-750);
+  }
   .d-box--min-is-800 {
     min-inline-size: var(--dt-layout-800);
   }
+  .d-box--min-is-850 {
+    min-inline-size: var(--dt-layout-850);
+  }
   .d-box--min-is-900 {
     min-inline-size: var(--dt-layout-900);
   }
+  .d-box--min-is-950 {
+    min-inline-size: var(--dt-layout-950);
+  }
   .d-box--min-is-1000 {
     min-inline-size: var(--dt-layout-1000);
   }
+  .d-box--min-is-1050 {
+    min-inline-size: var(--dt-layout-1050);
+  }
   .d-box--min-is-1100 {
     min-inline-size: var(--dt-layout-1100);
   }
+  .d-box--min-is-1150 {
+    min-inline-size: var(--dt-layout-1150);
+  }
   .d-box--min-is-1200 {
     min-inline-size: var(--dt-layout-1200);
   }
+  .d-box--min-is-1250 {
+    min-inline-size: var(--dt-layout-1250);
+  }
   .d-box--min-is-1300 {
     min-inline-size: var(--dt-layout-1300);
   }
+  .d-box--min-is-1350 {
+    min-inline-size: var(--dt-layout-1350);
+  }
   .d-box--min-is-1400 {
     min-inline-size: var(--dt-layout-1400);
   }
+  .d-box--min-is-1450 {
+    min-inline-size: var(--dt-layout-1450);
+  }
   .d-box--min-is-1500 {
     min-inline-size: var(--dt-layout-1500);
   }
+  .d-box--min-is-1550 {
+    min-inline-size: var(--dt-layout-1550);
+  }
   .d-box--min-is-1600 {
     min-inline-size: var(--dt-layout-1600);
   }
@@ -1996,6 +2149,9 @@
   .d-box--min-is-100p {
     min-inline-size: var(--dt-layout-100-percent);
   }
+  .d-box--max-is-0 {
+    max-inline-size: 0;
+  }
   .d-box--max-is-1px {
     max-inline-size: var(--dt-layout-1px);
   }
@@ -2020,54 +2176,102 @@
   .d-box--max-is-75 {
     max-inline-size: var(--dt-layout-75);
   }
-  .d-box--max-is-0 {
-    max-inline-size: var(--dt-layout-0);
-  }
   .d-box--max-is-100 {
     max-inline-size: var(--dt-layout-100);
   }
+  .d-box--max-is-125 {
+    max-inline-size: var(--dt-layout-125);
+  }
+  .d-box--max-is-150 {
+    max-inline-size: var(--dt-layout-150);
+  }
+  .d-box--max-is-175 {
+    max-inline-size: var(--dt-layout-175);
+  }
   .d-box--max-is-200 {
     max-inline-size: var(--dt-layout-200);
   }
+  .d-box--max-is-250 {
+    max-inline-size: var(--dt-layout-250);
+  }
   .d-box--max-is-300 {
     max-inline-size: var(--dt-layout-300);
   }
+  .d-box--max-is-350 {
+    max-inline-size: var(--dt-layout-350);
+  }
   .d-box--max-is-400 {
     max-inline-size: var(--dt-layout-400);
   }
+  .d-box--max-is-450 {
+    max-inline-size: var(--dt-layout-450);
+  }
   .d-box--max-is-500 {
     max-inline-size: var(--dt-layout-500);
   }
+  .d-box--max-is-550 {
+    max-inline-size: var(--dt-layout-550);
+  }
   .d-box--max-is-600 {
     max-inline-size: var(--dt-layout-600);
   }
+  .d-box--max-is-650 {
+    max-inline-size: var(--dt-layout-650);
+  }
   .d-box--max-is-700 {
     max-inline-size: var(--dt-layout-700);
   }
+  .d-box--max-is-750 {
+    max-inline-size: var(--dt-layout-750);
+  }
   .d-box--max-is-800 {
     max-inline-size: var(--dt-layout-800);
   }
+  .d-box--max-is-850 {
+    max-inline-size: var(--dt-layout-850);
+  }
   .d-box--max-is-900 {
     max-inline-size: var(--dt-layout-900);
   }
+  .d-box--max-is-950 {
+    max-inline-size: var(--dt-layout-950);
+  }
   .d-box--max-is-1000 {
     max-inline-size: var(--dt-layout-1000);
   }
+  .d-box--max-is-1050 {
+    max-inline-size: var(--dt-layout-1050);
+  }
   .d-box--max-is-1100 {
     max-inline-size: var(--dt-layout-1100);
   }
+  .d-box--max-is-1150 {
+    max-inline-size: var(--dt-layout-1150);
+  }
   .d-box--max-is-1200 {
     max-inline-size: var(--dt-layout-1200);
   }
+  .d-box--max-is-1250 {
+    max-inline-size: var(--dt-layout-1250);
+  }
   .d-box--max-is-1300 {
     max-inline-size: var(--dt-layout-1300);
   }
+  .d-box--max-is-1350 {
+    max-inline-size: var(--dt-layout-1350);
+  }
   .d-box--max-is-1400 {
     max-inline-size: var(--dt-layout-1400);
   }
+  .d-box--max-is-1450 {
+    max-inline-size: var(--dt-layout-1450);
+  }
   .d-box--max-is-1500 {
     max-inline-size: var(--dt-layout-1500);
   }
+  .d-box--max-is-1550 {
+    max-inline-size: var(--dt-layout-1550);
+  }
   .d-box--max-is-1600 {
     max-inline-size: var(--dt-layout-1600);
   }
@@ -2116,6 +2320,9 @@
   .d-box--max-is-100p {
     max-inline-size: var(--dt-layout-100-percent);
   }
+  .d-box--min-bls-0 {
+    min-block-size: 0;
+  }
   .d-box--min-bls-1px {
     min-block-size: var(--dt-layout-1px);
   }
@@ -2140,54 +2347,102 @@
   .d-box--min-bls-75 {
     min-block-size: var(--dt-layout-75);
   }
-  .d-box--min-bls-0 {
-    min-block-size: var(--dt-layout-0);
-  }
   .d-box--min-bls-100 {
     min-block-size: var(--dt-layout-100);
   }
+  .d-box--min-bls-125 {
+    min-block-size: var(--dt-layout-125);
+  }
+  .d-box--min-bls-150 {
+    min-block-size: var(--dt-layout-150);
+  }
+  .d-box--min-bls-175 {
+    min-block-size: var(--dt-layout-175);
+  }
   .d-box--min-bls-200 {
     min-block-size: var(--dt-layout-200);
   }
+  .d-box--min-bls-250 {
+    min-block-size: var(--dt-layout-250);
+  }
   .d-box--min-bls-300 {
     min-block-size: var(--dt-layout-300);
   }
+  .d-box--min-bls-350 {
+    min-block-size: var(--dt-layout-350);
+  }
   .d-box--min-bls-400 {
     min-block-size: var(--dt-layout-400);
   }
+  .d-box--min-bls-450 {
+    min-block-size: var(--dt-layout-450);
+  }
   .d-box--min-bls-500 {
     min-block-size: var(--dt-layout-500);
   }
+  .d-box--min-bls-550 {
+    min-block-size: var(--dt-layout-550);
+  }
   .d-box--min-bls-600 {
     min-block-size: var(--dt-layout-600);
   }
+  .d-box--min-bls-650 {
+    min-block-size: var(--dt-layout-650);
+  }
   .d-box--min-bls-700 {
     min-block-size: var(--dt-layout-700);
   }
+  .d-box--min-bls-750 {
+    min-block-size: var(--dt-layout-750);
+  }
   .d-box--min-bls-800 {
     min-block-size: var(--dt-layout-800);
   }
+  .d-box--min-bls-850 {
+    min-block-size: var(--dt-layout-850);
+  }
   .d-box--min-bls-900 {
     min-block-size: var(--dt-layout-900);
   }
+  .d-box--min-bls-950 {
+    min-block-size: var(--dt-layout-950);
+  }
   .d-box--min-bls-1000 {
     min-block-size: var(--dt-layout-1000);
   }
+  .d-box--min-bls-1050 {
+    min-block-size: var(--dt-layout-1050);
+  }
   .d-box--min-bls-1100 {
     min-block-size: var(--dt-layout-1100);
   }
+  .d-box--min-bls-1150 {
+    min-block-size: var(--dt-layout-1150);
+  }
   .d-box--min-bls-1200 {
     min-block-size: var(--dt-layout-1200);
   }
+  .d-box--min-bls-1250 {
+    min-block-size: var(--dt-layout-1250);
+  }
   .d-box--min-bls-1300 {
     min-block-size: var(--dt-layout-1300);
   }
+  .d-box--min-bls-1350 {
+    min-block-size: var(--dt-layout-1350);
+  }
   .d-box--min-bls-1400 {
     min-block-size: var(--dt-layout-1400);
   }
+  .d-box--min-bls-1450 {
+    min-block-size: var(--dt-layout-1450);
+  }
   .d-box--min-bls-1500 {
     min-block-size: var(--dt-layout-1500);
   }
+  .d-box--min-bls-1550 {
+    min-block-size: var(--dt-layout-1550);
+  }
   .d-box--min-bls-1600 {
     min-block-size: var(--dt-layout-1600);
   }
@@ -2236,6 +2491,9 @@
   .d-box--min-bls-100p {
     min-block-size: var(--dt-layout-100-percent);
   }
+  .d-box--max-bls-0 {
+    max-block-size: 0;
+  }
   .d-box--max-bls-1px {
     max-block-size: var(--dt-layout-1px);
   }
@@ -2260,54 +2518,102 @@
   .d-box--max-bls-75 {
     max-block-size: var(--dt-layout-75);
   }
-  .d-box--max-bls-0 {
-    max-block-size: var(--dt-layout-0);
-  }
   .d-box--max-bls-100 {
     max-block-size: var(--dt-layout-100);
   }
+  .d-box--max-bls-125 {
+    max-block-size: var(--dt-layout-125);
+  }
+  .d-box--max-bls-150 {
+    max-block-size: var(--dt-layout-150);
+  }
+  .d-box--max-bls-175 {
+    max-block-size: var(--dt-layout-175);
+  }
   .d-box--max-bls-200 {
     max-block-size: var(--dt-layout-200);
   }
+  .d-box--max-bls-250 {
+    max-block-size: var(--dt-layout-250);
+  }
   .d-box--max-bls-300 {
     max-block-size: var(--dt-layout-300);
   }
+  .d-box--max-bls-350 {
+    max-block-size: var(--dt-layout-350);
+  }
   .d-box--max-bls-400 {
     max-block-size: var(--dt-layout-400);
   }
+  .d-box--max-bls-450 {
+    max-block-size: var(--dt-layout-450);
+  }
   .d-box--max-bls-500 {
     max-block-size: var(--dt-layout-500);
   }
+  .d-box--max-bls-550 {
+    max-block-size: var(--dt-layout-550);
+  }
   .d-box--max-bls-600 {
     max-block-size: var(--dt-layout-600);
   }
+  .d-box--max-bls-650 {
+    max-block-size: var(--dt-layout-650);
+  }
   .d-box--max-bls-700 {
     max-block-size: var(--dt-layout-700);
   }
+  .d-box--max-bls-750 {
+    max-block-size: var(--dt-layout-750);
+  }
   .d-box--max-bls-800 {
     max-block-size: var(--dt-layout-800);
   }
+  .d-box--max-bls-850 {
+    max-block-size: var(--dt-layout-850);
+  }
   .d-box--max-bls-900 {
     max-block-size: var(--dt-layout-900);
   }
+  .d-box--max-bls-950 {
+    max-block-size: var(--dt-layout-950);
+  }
   .d-box--max-bls-1000 {
     max-block-size: var(--dt-layout-1000);
   }
+  .d-box--max-bls-1050 {
+    max-block-size: var(--dt-layout-1050);
+  }
   .d-box--max-bls-1100 {
     max-block-size: var(--dt-layout-1100);
   }
+  .d-box--max-bls-1150 {
+    max-block-size: var(--dt-layout-1150);
+  }
   .d-box--max-bls-1200 {
     max-block-size: var(--dt-layout-1200);
   }
+  .d-box--max-bls-1250 {
+    max-block-size: var(--dt-layout-1250);
+  }
   .d-box--max-bls-1300 {
     max-block-size: var(--dt-layout-1300);
   }
+  .d-box--max-bls-1350 {
+    max-block-size: var(--dt-layout-1350);
+  }
   .d-box--max-bls-1400 {
     max-block-size: var(--dt-layout-1400);
   }
+  .d-box--max-bls-1450 {
+    max-block-size: var(--dt-layout-1450);
+  }
   .d-box--max-bls-1500 {
     max-block-size: var(--dt-layout-1500);
   }
+  .d-box--max-bls-1550 {
+    max-block-size: var(--dt-layout-1550);
+  }
   .d-box--max-bls-1600 {
     max-block-size: var(--dt-layout-1600);
   }
@@ -3931,10 +4237,8 @@
     outline: none;
     box-shadow: var(--dt-shadow-focus);
   }
-  .d-btn--disabled,
-  .d-btn--md--disabled,
-  .d-btn:disabled,
-  .d-btn--md:disabled {
+  .d-btn:where(.d-btn--disabled, :disabled),
+  .d-btn--md:where(.d-btn--disabled, :disabled) {
     --chroma-adjust-text: 0.08;
     --chroma-adjust-background: 0.08;
     --chroma-adjust-border: 0.08;
@@ -3948,18 +4252,18 @@
     transition: none;
     pointer-events: none;
   }
-  .d-btn--disabled.d-btn--primary,
-  .d-btn--md--disabled.d-btn--primary,
-  .d-btn:disabled.d-btn--primary,
-  .d-btn--md:disabled.d-btn--primary {
+  .d-btn:where(.d-btn--disabled, :disabled):where(.d-btn--primary),
+  .d-btn--md:where(.d-btn--disabled, :disabled):where(.d-btn--primary) {
     --opacity-adjust-text: 80%;
   }
-  .d-btn--disabled.d-btn--muted,
-  .d-btn--md--disabled.d-btn--muted,
-  .d-btn:disabled.d-btn--muted,
-  .d-btn--md:disabled.d-btn--muted {
+  .d-btn:where(.d-btn--disabled, :disabled):where(.d-btn--muted),
+  .d-btn--md:where(.d-btn--disabled, :disabled):where(.d-btn--muted) {
     --opacity-adjust-text: 50%;
-    --opacity-adjust-border: 50%;
+    --opacity-adjust-border: 60%;
+  }
+  .d-btn:where(.d-btn--disabled, :disabled):where(.d-btn--active):where(.d-btn--outlined, .d-btn--muted),
+  .d-btn--md:where(.d-btn--disabled, :disabled):where(.d-btn--active):where(.d-btn--outlined, .d-btn--muted) {
+    --button-color-background: var(--dt-action-color-background-muted-active);
   }
   .d-btn--unstyled {
     /* stylelint-disable */
@@ -4798,30 +5102,6 @@
     outline: none;
     box-shadow: var(--dt-shadow-focus);
   }
-  .d-chip__close--disabled,
-  .d-chip__close:disabled {
-    --chroma-adjust-text: 0.08;
-    --chroma-adjust-background: 0.08;
-    --chroma-adjust-border: 0.08;
-    --opacity-adjust-text: 65%;
-    --opacity-adjust-background: 65%;
-    --opacity-adjust-border: 40%;
-    color: color-mix(in oklch, oklch(from var(--button-color-text) l calc(c - var(--chroma-adjust-text)) h) var(--opacity-adjust-text), transparent);
-    background-color: color-mix(in oklch, oklch(from var(--button-color-background) l calc(c - var(--chroma-adjust-background)) h) var(--opacity-adjust-background), transparent);
-    border-color: color-mix(in oklch, oklch(from var(--button-color-border) l calc(c - var(--chroma-adjust-border)) h) var(--opacity-adjust-border), transparent);
-    cursor: not-allowed;
-    transition: none;
-    pointer-events: none;
-  }
-  .d-chip__close--disabled.d-btn--primary,
-  .d-chip__close:disabled.d-btn--primary {
-    --opacity-adjust-text: 80%;
-  }
-  .d-chip__close--disabled.d-btn--muted,
-  .d-chip__close:disabled.d-btn--muted {
-    --opacity-adjust-text: 50%;
-    --opacity-adjust-border: 50%;
-  }
   .d-chip__close:hover:not(:disabled, .d-btn--disabled) {
     --button-color-text: var(--dt-action-color-foreground-muted-hover);
     --button-color-background: var(--dt-action-color-background-muted-hover);
@@ -4875,6 +5155,30 @@
   .d-chip__close.d-btn--active:active:not(:disabled, .d-btn--disabled) {
     --button-color-background: var(--dt-action-color-background-muted-active);
   }
+  .d-chip__close:where(.d-chip__close--disabled, :disabled) {
+    --chroma-adjust-text: 0.08;
+    --chroma-adjust-background: 0.08;
+    --chroma-adjust-border: 0.08;
+    --opacity-adjust-text: 65%;
+    --opacity-adjust-background: 65%;
+    --opacity-adjust-border: 40%;
+    color: color-mix(in oklch, oklch(from var(--button-color-text) l calc(c - var(--chroma-adjust-text)) h) var(--opacity-adjust-text), transparent);
+    background-color: color-mix(in oklch, oklch(from var(--button-color-background) l calc(c - var(--chroma-adjust-background)) h) var(--opacity-adjust-background), transparent);
+    border-color: color-mix(in oklch, oklch(from var(--button-color-border) l calc(c - var(--chroma-adjust-border)) h) var(--opacity-adjust-border), transparent);
+    cursor: not-allowed;
+    transition: none;
+    pointer-events: none;
+  }
+  .d-chip__close:where(.d-chip__close--disabled, :disabled):where(.d-btn--primary) {
+    --opacity-adjust-text: 80%;
+  }
+  .d-chip__close:where(.d-chip__close--disabled, :disabled):where(.d-btn--muted) {
+    --opacity-adjust-text: 50%;
+    --opacity-adjust-border: 60%;
+  }
+  .d-chip__close:where(.d-chip__close--disabled, :disabled):where(.d-btn--active):where(.d-btn--outlined, .d-btn--muted) {
+    --button-color-background: var(--dt-action-color-background-muted-active);
+  }
   .d-chip__icon {
     --chip-icon-size: calc(var(--dt-layout-25) * 1.25);
     display: inline-flex;
@@ -10011,7 +10315,6 @@
     display: flex;
     align-items: center;
     justify-content: flex-start;
-    min-inline-size: var(--dt-layout-75);
     block-size: var(--dt-layout-100-percent);
     background-color: transparent;
     background-image: none;