@dialpad/dialtone 9.79.2 → 9.80.0

package/dist/css/dialtone-default-theme.css

@@ -1096,7 +1096,7 @@ template {
   background-image: var(--dt-badge-color-background-ai);
 }
 .d-badge--outlined {
-  box-shadow: 0 0 0 var(--dt-size-border-150) var(--badge-color-outline) inset;
+  box-shadow: 0 0 0 var(--dt-size-border-100) var(--badge-color-outline) inset;
 }
 .d-badge--decorate-black-400 {
   --badge-decorative-color: var(--dt-color-black-400);
@@ -2228,7 +2228,7 @@ legend .d-label--md {
   --input-color-background: var(--dt-inputs-color-background-default);
   --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
   --input-color-text: var(--dt-inputs-color-foreground-default);
-  --input-border-width: var(--dt-size-border-150);
+  --input-border-width: var(--dt-size-border-100);
   --input-border-radius: var(--dt-inputs-size-radius-md);
   --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
   --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
@@ -2872,6 +2872,7 @@ legend .d-label--md {
   --modal-dialog-color-text: var(--dt-color-foreground-primary);
   --modal-header-color-text: var(--dt-color-foreground-primary);
   --modal-dialog-shadow: var(--dt-shadow-large);
+  -webkit-app-region: no-drag;
   position: fixed;
   inset: 0;
   z-index: var(--zi-hide);
@@ -2889,6 +2890,7 @@ legend .d-label--md {
 }
 .d-modal--transparent {
   --modal-backdrop-color-background: var(--d-bgc-transparent);
+  -webkit-app-region: no-drag;
 }
 .d-modal--transparent[aria-hidden='false'] {
   position: fixed;
@@ -3386,6 +3388,7 @@ legend .d-label--md {
   --popover-border-radius: var(--dt-size-400);
   --popover-color-border: var(--dt-color-border-subtle);
   --popover-shadow: var(--dt-shadow-card);
+  -webkit-app-region: no-drag;
   display: grid;
   grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
   grid-template-rows: min-content 1fr min-content;
@@ -3450,7 +3453,7 @@ legend .d-label--md {
   --check-radio-color-background: var(--dt-inputs-color-background-default);
   --check-radio-color-background-checked: var(--dt-checkbox-color-background-checked);
   --check-radio-color-background-disabled: var(--dt-inputs-color-background-disabled);
-  --check-radio-border-width: var(--dt-size-border-150);
+  --check-radio-border-width: var(--dt-size-border-100);
   flex: 0 auto;
   align-self: flex-start;
   transition-timing-function: var(--ttf-out-quint);
@@ -3672,7 +3675,7 @@ legend .d-label--md {
   --input-color-background: var(--dt-inputs-color-background-default);
   --input-color-background-disabled: var(--dt-inputs-color-background-disabled);
   --input-color-text: var(--dt-inputs-color-foreground-default);
-  --input-border-width: var(--dt-size-border-150);
+  --input-border-width: var(--dt-size-border-100);
   --input-border-radius: var(--dt-inputs-size-radius-md);
   --input-padding-y: calc(var(--dt-space-400) - var(--input-border-width));
   --input-padding-x: calc((var(--dt-space-500) - var(--dt-space-300)) - var(--input-border-width));
@@ -7829,12 +7832,61 @@ body {
   --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-large-color-h: 0;
+  --dt-shadow-large-color-s: 0%;
+  --dt-shadow-large-color-l: 0%;
+  --dt-shadow-large-color-a: 30%;
+  --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
+  --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
+  --dt-shadow-large-color: #0000004d;
   --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;
@@ -8475,79 +8527,30 @@ body {
   --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);
   --dt-shadow-large-offset-x: var(--dt-size-0);
-  --dt-shadow-large-color-h: 0;
-  --dt-shadow-large-color-s: 0%;
-  --dt-shadow-large-color-l: 0%;
-  --dt-shadow-large-color-a: 30%;
-  --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
-  --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
-  --dt-shadow-large-color: rgba(0, 0, 0, 0.3);
   --dt-shadow-large-spread: var(--dt-size-0);
   --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;
@@ -8558,7 +8561,7 @@ body {
   --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
   --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
   --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
-  --dt-size-base: calc(var(--dt-font-size-root) * .8);
+  --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
   --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
   --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
   --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
@@ -21614,13 +21617,6 @@ body {
   --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);
@@ -21630,13 +21626,6 @@ body {
   --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. */
@@ -22778,6 +22767,13 @@ body {
   --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);
@@ -22800,6 +22796,13 @@ body {
   --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 */
@@ -23060,20 +23063,20 @@ body {
   --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);
@@ -23228,13 +23231,13 @@ body {
   --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);