@dialpad/dialtone 9.79.2 → 9.79.3

package/dist/css/tokens/tokens-base-dark.css

@@ -18,8 +18,29 @@
   --dt-shadow-card-5-blur: 0rem;
   --dt-shadow-card-4-type: dropShadow;
   --dt-shadow-card-3-type: dropShadow;
+  --dt-shadow-card-3-color-h: 0;
+  --dt-shadow-card-3-color-s: 0%;
+  --dt-shadow-card-3-color-l: 0%;
+  --dt-shadow-card-3-color-a: 58%;
+  --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
+  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 58%));
+  --dt-shadow-card-3-color: #00000094;
   --dt-shadow-card-2-type: dropShadow;
+  --dt-shadow-card-2-color-h: 0;
+  --dt-shadow-card-2-color-s: 0%;
+  --dt-shadow-card-2-color-l: 0%;
+  --dt-shadow-card-2-color-a: 45%;
+  --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
+  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 45%));
+  --dt-shadow-card-2-color: #00000073;
   --dt-shadow-card-1-type: dropShadow;
+  --dt-shadow-card-1-color-h: 0;
+  --dt-shadow-card-1-color-s: 0%;
+  --dt-shadow-card-1-color-l: 0%;
+  --dt-shadow-card-1-color-a: 35%;
+  --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
+  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 35%));
+  --dt-shadow-card-1-color: #00000059;
   --dt-shadow-extra-large-5-type: dropShadow;
   --dt-shadow-extra-large-5-spread: 0rem;
   --dt-shadow-extra-large-5-blur: 0rem;
@@ -31,6 +52,13 @@
   --dt-shadow-extra-large-3-blur: 0rem;
   --dt-shadow-extra-large-2-type: dropShadow;
   --dt-shadow-extra-large-1-type: dropShadow;
+  --dt-shadow-extra-large-1-color-h: 0;
+  --dt-shadow-extra-large-1-color-s: 0%;
+  --dt-shadow-extra-large-1-color-l: 0%;
+  --dt-shadow-extra-large-1-color-a: 55%;
+  --dt-shadow-extra-large-1-color-hsl: var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l);
+  --dt-shadow-extra-large-1-color-hsla: hsl(var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l) / var(--alpha, 55%));
+  --dt-shadow-extra-large-1-color: #0000008c;
   --dt-shadow-large-5-type: dropShadow;
   --dt-shadow-large-5-spread: 0rem;
   --dt-shadow-large-5-blur: 0rem;
@@ -42,6 +70,13 @@
   --dt-shadow-large-3-blur: 0rem;
   --dt-shadow-large-2-type: dropShadow;
   --dt-shadow-large-1-type: dropShadow;
+  --dt-shadow-large-1-color-h: 0;
+  --dt-shadow-large-1-color-s: 0%;
+  --dt-shadow-large-1-color-l: 0%;
+  --dt-shadow-large-1-color-a: 55%;
+  --dt-shadow-large-1-color-hsl: var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l);
+  --dt-shadow-large-1-color-hsla: hsl(var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l) / var(--alpha, 55%));
+  --dt-shadow-large-1-color: #0000008c;
   --dt-shadow-medium-5-type: dropShadow;
   --dt-shadow-medium-5-spread: 0rem;
   --dt-shadow-medium-5-blur: 0rem;
@@ -53,6 +88,13 @@
   --dt-shadow-medium-3-blur: 0rem;
   --dt-shadow-medium-2-type: dropShadow;
   --dt-shadow-medium-1-type: dropShadow;
+  --dt-shadow-medium-1-color-h: 0;
+  --dt-shadow-medium-1-color-s: 0%;
+  --dt-shadow-medium-1-color-l: 0%;
+  --dt-shadow-medium-1-color-a: 55%;
+  --dt-shadow-medium-1-color-hsl: var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l);
+  --dt-shadow-medium-1-color-hsla: hsl(var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l) / var(--alpha, 55%));
+  --dt-shadow-medium-1-color: #0000008c;
   --dt-shadow-small-5-type: dropShadow;
   --dt-shadow-small-5-spread: 0rem;
   --dt-shadow-small-5-blur: 0rem;
@@ -64,6 +106,13 @@
   --dt-shadow-small-3-blur: 0rem;
   --dt-shadow-small-2-type: dropShadow;
   --dt-shadow-small-1-type: dropShadow;
+  --dt-shadow-small-1-color-h: 0;
+  --dt-shadow-small-1-color-s: 0%;
+  --dt-shadow-small-1-color-l: 0%;
+  --dt-shadow-small-1-color-a: 45%;
+  --dt-shadow-small-1-color-hsl: var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l);
+  --dt-shadow-small-1-color-hsla: hsl(var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l) / var(--alpha, 45%));
+  --dt-shadow-small-1-color: #00000073;
   --dt-opacity-1300: 1;
   --dt-opacity-1200: .9;
   --dt-opacity-1100: .8;
@@ -742,35 +791,14 @@
   --dt-shadow-card-4-blur: var(--dt-size-0);
   --dt-shadow-card-3-offset-y: var(--dt-size-200);
   --dt-shadow-card-3-offset-x: var(--dt-size-0);
-  --dt-shadow-card-3-color-h: 0;
-  --dt-shadow-card-3-color-s: 0%;
-  --dt-shadow-card-3-color-l: 0%;
-  --dt-shadow-card-3-color-a: 58%;
-  --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
-  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 58%));
-  --dt-shadow-card-3-color: rgba(0, 0, 0, 0.58);
   --dt-shadow-card-3-spread: var(--dt-size-0);
   --dt-shadow-card-3-blur: var(--dt-size-500);
   --dt-shadow-card-2-offset-y: var(--dt-size-200);
   --dt-shadow-card-2-offset-x: var(--dt-size-0);
-  --dt-shadow-card-2-color-h: 0;
-  --dt-shadow-card-2-color-s: 0%;
-  --dt-shadow-card-2-color-l: 0%;
-  --dt-shadow-card-2-color-a: 45%;
-  --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
-  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 45%));
-  --dt-shadow-card-2-color: rgba(0, 0, 0, 0.45);
   --dt-shadow-card-2-spread: var(--dt-size-0);
   --dt-shadow-card-2-blur: var(--dt-size-300);
   --dt-shadow-card-1-offset-y: var(--dt-size-100);
   --dt-shadow-card-1-offset-x: var(--dt-size-0);
-  --dt-shadow-card-1-color-h: 0;
-  --dt-shadow-card-1-color-s: 0%;
-  --dt-shadow-card-1-color-l: 0%;
-  --dt-shadow-card-1-color-a: 35%;
-  --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
-  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 35%));
-  --dt-shadow-card-1-color: rgba(0, 0, 0, 0.35);
   --dt-shadow-card-1-spread: var(--dt-size-0);
   --dt-shadow-card-1-blur: var(--dt-size-200);
   --dt-shadow-extra-large-5-offset-y: var(--dt-size-50-negative);
@@ -813,13 +841,6 @@
   --dt-shadow-extra-large-2-blur: var(--dt-size-0);
   --dt-shadow-extra-large-1-offset-y: var(--dt-size-200);
   --dt-shadow-extra-large-1-offset-x: var(--dt-size-0);
-  --dt-shadow-extra-large-1-color-h: 0;
-  --dt-shadow-extra-large-1-color-s: 0%;
-  --dt-shadow-extra-large-1-color-l: 0%;
-  --dt-shadow-extra-large-1-color-a: 55%;
-  --dt-shadow-extra-large-1-color-hsl: var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l);
-  --dt-shadow-extra-large-1-color-hsla: hsl(var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l) / var(--alpha, 55%));
-  --dt-shadow-extra-large-1-color: rgba(0, 0, 0, 0.55);
   --dt-shadow-extra-large-1-spread: var(--dt-size-0);
   --dt-shadow-extra-large-1-blur: var(--dt-size-600);
   --dt-shadow-large-5-offset-y: var(--dt-size-50-negative);
@@ -862,13 +883,6 @@
   --dt-shadow-large-2-blur: var(--dt-size-0);
   --dt-shadow-large-1-offset-y: var(--dt-size-200);
   --dt-shadow-large-1-offset-x: var(--dt-size-0);
-  --dt-shadow-large-1-color-h: 0;
-  --dt-shadow-large-1-color-s: 0%;
-  --dt-shadow-large-1-color-l: 0%;
-  --dt-shadow-large-1-color-a: 55%;
-  --dt-shadow-large-1-color-hsl: var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l);
-  --dt-shadow-large-1-color-hsla: hsl(var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l) / var(--alpha, 55%));
-  --dt-shadow-large-1-color: rgba(0, 0, 0, 0.55);
   --dt-shadow-large-1-spread: var(--dt-size-0);
   --dt-shadow-large-1-blur: var(--dt-size-500);
   --dt-shadow-medium-5-offset-y: var(--dt-size-50-negative);
@@ -911,13 +925,6 @@
   --dt-shadow-medium-2-blur: var(--dt-size-0);
   --dt-shadow-medium-1-offset-y: var(--dt-size-200);
   --dt-shadow-medium-1-offset-x: var(--dt-size-0);
-  --dt-shadow-medium-1-color-h: 0;
-  --dt-shadow-medium-1-color-s: 0%;
-  --dt-shadow-medium-1-color-l: 0%;
-  --dt-shadow-medium-1-color-a: 55%;
-  --dt-shadow-medium-1-color-hsl: var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l);
-  --dt-shadow-medium-1-color-hsla: hsl(var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l) / var(--alpha, 55%));
-  --dt-shadow-medium-1-color: rgba(0, 0, 0, 0.55);
   --dt-shadow-medium-1-spread: var(--dt-size-0);
   --dt-shadow-medium-1-blur: var(--dt-size-400);
   --dt-shadow-small-5-offset-y: var(--dt-size-50-negative);
@@ -960,13 +967,6 @@
   --dt-shadow-small-2-blur: var(--dt-size-0);
   --dt-shadow-small-1-offset-y: var(--dt-size-200);
   --dt-shadow-small-1-offset-x: var(--dt-size-0);
-  --dt-shadow-small-1-color-h: 0;
-  --dt-shadow-small-1-color-s: 0%;
-  --dt-shadow-small-1-color-l: 0%;
-  --dt-shadow-small-1-color-a: 45%;
-  --dt-shadow-small-1-color-hsl: var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l);
-  --dt-shadow-small-1-color-hsla: hsl(var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l) / var(--alpha, 45%));
-  --dt-shadow-small-1-color: rgba(0, 0, 0, 0.45);
   --dt-shadow-small-1-spread: var(--dt-size-0);
   --dt-shadow-small-1-blur: var(--dt-size-300);
   --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;

package/dist/css/tokens/tokens-base-light.css

@@ -8,12 +8,54 @@
   --dt-shadow-focus-2-type: dropShadow;
   --dt-shadow-focus-1-type: dropShadow;
   --dt-shadow-card-3-type: dropShadow;
+  --dt-shadow-card-3-color-h: 0;
+  --dt-shadow-card-3-color-s: 0%;
+  --dt-shadow-card-3-color-l: 0%;
+  --dt-shadow-card-3-color-a: 8%;
+  --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
+  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
+  --dt-shadow-card-3-color: #00000014;
   --dt-shadow-card-2-type: dropShadow;
+  --dt-shadow-card-2-color-h: 0;
+  --dt-shadow-card-2-color-s: 0%;
+  --dt-shadow-card-2-color-l: 0%;
+  --dt-shadow-card-2-color-a: 4%;
+  --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
+  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
+  --dt-shadow-card-2-color: #0000000a;
   --dt-shadow-card-1-type: dropShadow;
+  --dt-shadow-card-1-color-h: 0;
+  --dt-shadow-card-1-color-s: 0%;
+  --dt-shadow-card-1-color-l: 0%;
+  --dt-shadow-card-1-color-a: 3%;
+  --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
+  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
+  --dt-shadow-card-1-color: #00000008;
   --dt-shadow-extra-large-type: dropShadow;
+  --dt-shadow-extra-large-color-h: 0;
+  --dt-shadow-extra-large-color-s: 0%;
+  --dt-shadow-extra-large-color-l: 0%;
+  --dt-shadow-extra-large-color-a: 30%;
+  --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
+  --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
+  --dt-shadow-extra-large-color: #0000004d;
   --dt-shadow-large-type: dropShadow;
   --dt-shadow-medium-type: dropShadow;
+  --dt-shadow-medium-color-h: 0;
+  --dt-shadow-medium-color-s: 0%;
+  --dt-shadow-medium-color-l: 0%;
+  --dt-shadow-medium-color-a: 25%;
+  --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
+  --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
+  --dt-shadow-medium-color: #00000040;
   --dt-shadow-small-type: dropShadow;
+  --dt-shadow-small-color-h: 0;
+  --dt-shadow-small-color-s: 0%;
+  --dt-shadow-small-color-l: 0%;
+  --dt-shadow-small-color-a: 15%;
+  --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
+  --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
+  --dt-shadow-small-color: #00000026;
   --dt-opacity-1300: 1;
   --dt-opacity-1200: .9;
   --dt-opacity-1100: .8;
@@ -654,46 +696,18 @@
   --dt-shadow-focus-1-blur: var(--dt-size-0);
   --dt-shadow-card-3-offset-y: var(--dt-size-200);
   --dt-shadow-card-3-offset-x: var(--dt-size-0);
-  --dt-shadow-card-3-color-h: 0;
-  --dt-shadow-card-3-color-s: 0%;
-  --dt-shadow-card-3-color-l: 0%;
-  --dt-shadow-card-3-color-a: 8%;
-  --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
-  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
-  --dt-shadow-card-3-color: rgba(0, 0, 0, 0.08);
   --dt-shadow-card-3-spread: var(--dt-size-0);
   --dt-shadow-card-3-blur: var(--dt-size-500);
   --dt-shadow-card-2-offset-y: var(--dt-size-200);
   --dt-shadow-card-2-offset-x: var(--dt-size-0);
-  --dt-shadow-card-2-color-h: 0;
-  --dt-shadow-card-2-color-s: 0%;
-  --dt-shadow-card-2-color-l: 0%;
-  --dt-shadow-card-2-color-a: 4%;
-  --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
-  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
-  --dt-shadow-card-2-color: rgba(0, 0, 0, 0.04);
   --dt-shadow-card-2-spread: var(--dt-size-0);
   --dt-shadow-card-2-blur: var(--dt-size-300);
   --dt-shadow-card-1-offset-y: var(--dt-size-100);
   --dt-shadow-card-1-offset-x: var(--dt-size-0);
-  --dt-shadow-card-1-color-h: 0;
-  --dt-shadow-card-1-color-s: 0%;
-  --dt-shadow-card-1-color-l: 0%;
-  --dt-shadow-card-1-color-a: 3%;
-  --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
-  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
-  --dt-shadow-card-1-color: rgba(0, 0, 0, 0.03);
   --dt-shadow-card-1-spread: var(--dt-size-0);
   --dt-shadow-card-1-blur: var(--dt-size-200);
   --dt-shadow-extra-large-offset-y: var(--dt-size-200);
   --dt-shadow-extra-large-offset-x: var(--dt-size-0);
-  --dt-shadow-extra-large-color-h: 0;
-  --dt-shadow-extra-large-color-s: 0%;
-  --dt-shadow-extra-large-color-l: 0%;
-  --dt-shadow-extra-large-color-a: 30%;
-  --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
-  --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
-  --dt-shadow-extra-large-color: rgba(0, 0, 0, 0.3);
   --dt-shadow-extra-large-spread: var(--dt-size-0);
   --dt-shadow-extra-large-blur: var(--dt-size-600);
   --dt-shadow-large-offset-y: var(--dt-size-200);
@@ -709,24 +723,10 @@
   --dt-shadow-large-blur: var(--dt-size-500);
   --dt-shadow-medium-offset-y: var(--dt-size-200);
   --dt-shadow-medium-offset-x: var(--dt-size-0);
-  --dt-shadow-medium-color-h: 0;
-  --dt-shadow-medium-color-s: 0%;
-  --dt-shadow-medium-color-l: 0%;
-  --dt-shadow-medium-color-a: 25%;
-  --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
-  --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
-  --dt-shadow-medium-color: rgba(0, 0, 0, 0.25);
   --dt-shadow-medium-spread: var(--dt-size-0);
   --dt-shadow-medium-blur: var(--dt-size-400);
   --dt-shadow-small-offset-y: var(--dt-size-200);
   --dt-shadow-small-offset-x: var(--dt-size-0);
-  --dt-shadow-small-color-h: 0;
-  --dt-shadow-small-color-s: 0%;
-  --dt-shadow-small-color-l: 0%;
-  --dt-shadow-small-color-a: 15%;
-  --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
-  --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
-  --dt-shadow-small-color: rgba(0, 0, 0, 0.15);
   --dt-shadow-small-spread: var(--dt-size-0);
   --dt-shadow-small-blur: var(--dt-size-300);
   --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;

package/dist/css/tokens/tokens-dp-dark.css

@@ -145,13 +145,6 @@
   --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
   --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
   --dt-radio-color-background-checked: var(--dt-color-brand-purple);
-  --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
-  --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
-  --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
-  --dt-radio-color-border-unchecked-a: var(--dt-color-black-500-a);
-  --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
-  --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
-  --dt-radio-color-border-unchecked: var(--dt-color-black-500);
   --dt-radio-size-width: var(--dt-size-500);
   --dt-icon-size-border-100: var(--dt-size-border-100);
   --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
   --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
   --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
   --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
-  --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
-  --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
-  --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
-  --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-500-a);
-  --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
-  --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
-  --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
   --dt-checkbox-size-width: var(--dt-size-500);
   --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
   --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -1288,6 +1274,13 @@
   --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
   --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
   --dt-radio-color-border-checked: var(--dt-color-border-brand);
+  --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
+  --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
+  --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
+  --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
+  --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
+  --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
+  --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
   --dt-radio-size-height: var(--dt-radio-size-width);
   --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
   --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1310,6 +1303,13 @@
   --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
   --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
   --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
+  --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
+  --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
+  --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
+  --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
+  --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
+  --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
+  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
   --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
   --dt-checkbox-size-height: var(--dt-checkbox-size-width);
   --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
@@ -1570,20 +1570,20 @@
   --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
   --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
   --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
-  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
-  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
-  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
-  --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
-  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
-  --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
-  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
-  --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
-  --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
-  --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
-  --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
-  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
-  --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
-  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
+  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
+  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
+  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
+  --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
+  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
+  --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
+  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
+  --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
+  --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
+  --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
+  --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
+  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
+  --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
+  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
   --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
   --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
   --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1738,13 +1738,13 @@
   --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
   --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
   --dt-inputs-color-border-focus: var(--dt-color-border-focus);
-  --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
-  --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
-  --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
-  --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
-  --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
-  --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
-  --dt-inputs-color-border-default: var(--dt-color-border-subtle);
+  --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
+  --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
+  --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
+  --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
+  --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
+  --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
+  --dt-inputs-color-border-default: var(--dt-color-border-default);
   --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
   --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
   --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);

package/dist/css/tokens/tokens-dp-light.css

@@ -145,13 +145,6 @@
   --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
   --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
   --dt-radio-color-background-checked: var(--dt-color-brand-purple);
-  --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
-  --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
-  --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
-  --dt-radio-color-border-unchecked-a: var(--dt-color-black-400-a);
-  --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
-  --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
-  --dt-radio-color-border-unchecked: var(--dt-color-black-400);
   --dt-radio-size-width: var(--dt-size-500);
   --dt-icon-size-border-100: var(--dt-size-border-100);
   --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
   --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
   --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
   --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
-  --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
-  --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
-  --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
-  --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-400-a);
-  --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
-  --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
-  --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
   --dt-checkbox-size-width: var(--dt-size-500);
   --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
   --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -1309,6 +1295,13 @@
   --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
   --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
   --dt-radio-color-border-checked: var(--dt-color-border-brand);
+  --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
+  --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
+  --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
+  --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
+  --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
+  --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
+  --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
   --dt-radio-size-height: var(--dt-radio-size-width);
   --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
   --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1331,6 +1324,13 @@
   --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
   --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
   --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
+  --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
+  --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
+  --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
+  --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
+  --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
+  --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
+  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
   --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
   --dt-checkbox-size-height: var(--dt-checkbox-size-width);
   --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
@@ -1591,20 +1591,20 @@
   --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
   --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
   --dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
-  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
-  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
-  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
-  --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
-  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
-  --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
-  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
-  --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
-  --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
-  --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
-  --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
-  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
-  --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
-  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
+  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
+  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
+  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
+  --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
+  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
+  --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
+  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
+  --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
+  --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
+  --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
+  --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
+  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
+  --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
+  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
   --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
   --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
   --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1759,13 +1759,13 @@
   --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
   --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
   --dt-inputs-color-border-focus: var(--dt-color-border-focus);
-  --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
-  --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
-  --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
-  --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
-  --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
-  --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
-  --dt-inputs-color-border-default: var(--dt-color-border-subtle);
+  --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
+  --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
+  --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
+  --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
+  --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
+  --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
+  --dt-inputs-color-border-default: var(--dt-color-border-default);
   --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
   --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
   --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);

package/dist/css/tokens/tokens-expressive-dark.css

@@ -145,13 +145,6 @@
   --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
   --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
   --dt-radio-color-background-checked: var(--dt-color-brand-purple);
-  --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
-  --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
-  --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
-  --dt-radio-color-border-unchecked-a: var(--dt-color-black-500-a);
-  --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
-  --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
-  --dt-radio-color-border-unchecked: var(--dt-color-black-500);
   --dt-radio-size-width: var(--dt-size-500);
   --dt-icon-size-border-100: var(--dt-size-border-100);
   --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
   --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
   --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
   --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
-  --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
-  --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
-  --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
-  --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-500-a);
-  --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
-  --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
-  --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
   --dt-checkbox-size-width: var(--dt-size-500);
   --dt-badge-color-border-bulletin-subtle-h: 255;
   --dt-badge-color-border-bulletin-subtle-s: 100%;
@@ -1252,6 +1238,13 @@
   --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
   --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
   --dt-radio-color-border-checked: var(--dt-color-border-brand);
+  --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
+  --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
+  --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
+  --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
+  --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
+  --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
+  --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
   --dt-radio-size-height: var(--dt-radio-size-width);
   --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
   --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1274,6 +1267,13 @@
   --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
   --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
   --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
+  --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
+  --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
+  --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
+  --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
+  --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
+  --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
+  --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
   --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
   --dt-checkbox-size-height: var(--dt-checkbox-size-width);
   --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
@@ -1522,20 +1522,20 @@
   --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
   --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
   --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
-  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
-  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
-  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
-  --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
-  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
-  --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
-  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
-  --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
-  --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
-  --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
-  --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
-  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
-  --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
-  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
+  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
+  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
+  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
+  --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
+  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
+  --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
+  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
+  --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
+  --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
+  --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
+  --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
+  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
+  --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
+  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
   --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
   --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
   --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1690,13 +1690,13 @@
   --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
   --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
   --dt-inputs-color-border-focus: var(--dt-color-border-focus);
-  --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
-  --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
-  --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
-  --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
-  --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
-  --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
-  --dt-inputs-color-border-default: var(--dt-color-border-subtle);
+  --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
+  --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
+  --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
+  --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
+  --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
+  --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
+  --dt-inputs-color-border-default: var(--dt-color-border-default);
   --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
   --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
   --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);