npm - @dialpad/dialtone - Versions diffs - 9.86.0 → 9.86.2 - Mend

@dialpad/dialtone 9.86.0 → 9.86.2

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

Files changed (624) hide show

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

@@ -977,13 +977,13 @@
   --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
   --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-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) * 0.8);
+  --dt-size-base: calc(1rem * 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 */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 1.9); /* large */
+  --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-space-base: var(--dt-size-base);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;

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

@@ -737,13 +737,13 @@
   --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) * 0.8);
+  --dt-size-base: calc(1rem * 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 */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 1.9); /* large */
+  --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-space-base: var(--dt-size-base);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;

package/dist/css/tokens/tokens-debug-base.css CHANGED Viewed

@@ -737,13 +737,13 @@
   --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: #ff5c00; /* Gradient for Ai-oriented treatments. */
-  --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
+  --dt-size-base: calc(1rem * 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 */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 1.9); /* large */
+  --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-space-base: var(--dt-size-base);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;

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

@@ -1225,12 +1225,12 @@
   --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
-  --dt-font-size-600: calc(var(--dt-font-size-root) * 10.5);
-  --dt-font-size-500: calc(var(--dt-font-size-root) * 6.5); /* extra large / xxl */
-  --dt-font-size-400: calc(var(--dt-font-size-root) * 4.1); /* extra large / xl */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.8); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 2); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.6); /* small */
+  --dt-font-size-600: calc(1rem * 10.5);
+  --dt-font-size-500: calc(1rem * 6.5); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 4.1); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 2.8); /* large */
+  --dt-font-size-200: calc(1rem * 2); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.6); /* small */
   --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
   --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
   --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);

package/dist/css/tokens/tokens-expressive-light.css CHANGED Viewed

@@ -1239,12 +1239,12 @@
   --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
-  --dt-font-size-600: calc(var(--dt-font-size-root) * 10.5);
-  --dt-font-size-500: calc(var(--dt-font-size-root) * 6.5); /* extra large / xxl */
-  --dt-font-size-400: calc(var(--dt-font-size-root) * 4.1); /* extra large / xl */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.8); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 2); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.6); /* small */
+  --dt-font-size-600: calc(1rem * 10.5);
+  --dt-font-size-500: calc(1rem * 6.5); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 4.1); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 2.8); /* large */
+  --dt-font-size-200: calc(1rem * 2); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.6); /* small */
   --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
   --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
   --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);

package/dist/css/tokens/tokens-expressive-sm-dark.css CHANGED Viewed

@@ -1225,12 +1225,12 @@
   --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
-  --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
-  --dt-font-size-500: calc(var(--dt-font-size-root) * 4.1); /* extra large / xxl */
-  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.8); /* extra large / xl */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-600: calc(1rem * 5.1);
+  --dt-font-size-500: calc(1rem * 4.1); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.8); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 2.0); /* large */
+  --dt-font-size-200: calc(1rem * 1.6); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
   --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
   --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);

package/dist/css/tokens/tokens-expressive-sm-light.css CHANGED Viewed

@@ -1239,12 +1239,12 @@
   --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
-  --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
-  --dt-font-size-500: calc(var(--dt-font-size-root) * 4.1); /* extra large / xxl */
-  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.8); /* extra large / xl */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-600: calc(1rem * 5.1);
+  --dt-font-size-500: calc(1rem * 4.1); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.8); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 2.0); /* large */
+  --dt-font-size-200: calc(1rem * 1.6); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
   --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
   --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);

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

@@ -977,13 +977,13 @@
   --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
   --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-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) * 0.8);
+  --dt-size-base: calc(1rem * 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 */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 1.9); /* large */
+  --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-space-base: var(--dt-size-base);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;

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

@@ -737,13 +737,13 @@
   --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) * 0.8);
+  --dt-size-base: calc(1rem * 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 */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 1.9); /* large */
+  --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-space-base: var(--dt-size-base);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;

package/dist/tokens/css/tokens-debug-base.css CHANGED Viewed

@@ -737,13 +737,13 @@
   --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: #ff5c00; /* Gradient for Ai-oriented treatments. */
-  --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
+  --dt-size-base: calc(1rem * 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 */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 1.9); /* large */
+  --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-space-base: var(--dt-size-base);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;

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

@@ -1225,12 +1225,12 @@
   --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
-  --dt-font-size-600: calc(var(--dt-font-size-root) * 10.5);
-  --dt-font-size-500: calc(var(--dt-font-size-root) * 6.5); /* extra large / xxl */
-  --dt-font-size-400: calc(var(--dt-font-size-root) * 4.1); /* extra large / xl */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.8); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 2); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.6); /* small */
+  --dt-font-size-600: calc(1rem * 10.5);
+  --dt-font-size-500: calc(1rem * 6.5); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 4.1); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 2.8); /* large */
+  --dt-font-size-200: calc(1rem * 2); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.6); /* small */
   --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
   --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
   --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);

package/dist/tokens/css/tokens-expressive-light.css CHANGED Viewed

@@ -1239,12 +1239,12 @@
   --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
-  --dt-font-size-600: calc(var(--dt-font-size-root) * 10.5);
-  --dt-font-size-500: calc(var(--dt-font-size-root) * 6.5); /* extra large / xxl */
-  --dt-font-size-400: calc(var(--dt-font-size-root) * 4.1); /* extra large / xl */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.8); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 2); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.6); /* small */
+  --dt-font-size-600: calc(1rem * 10.5);
+  --dt-font-size-500: calc(1rem * 6.5); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 4.1); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 2.8); /* large */
+  --dt-font-size-200: calc(1rem * 2); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.6); /* small */
   --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
   --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
   --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);

package/dist/tokens/css/tokens-expressive-sm-dark.css CHANGED Viewed

@@ -1225,12 +1225,12 @@
   --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
-  --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
-  --dt-font-size-500: calc(var(--dt-font-size-root) * 4.1); /* extra large / xxl */
-  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.8); /* extra large / xl */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-600: calc(1rem * 5.1);
+  --dt-font-size-500: calc(1rem * 4.1); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.8); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 2.0); /* large */
+  --dt-font-size-200: calc(1rem * 1.6); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
   --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
   --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);

package/dist/tokens/css/tokens-expressive-sm-light.css CHANGED Viewed

@@ -1239,12 +1239,12 @@
   --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
   --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
   --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
-  --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
-  --dt-font-size-500: calc(var(--dt-font-size-root) * 4.1); /* extra large / xxl */
-  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.8); /* extra large / xl */
-  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
-  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
-  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
+  --dt-font-size-600: calc(1rem * 5.1);
+  --dt-font-size-500: calc(1rem * 4.1); /* extra large / xxl */
+  --dt-font-size-400: calc(1rem * 2.8); /* extra large / xl */
+  --dt-font-size-300: calc(1rem * 2.0); /* large */
+  --dt-font-size-200: calc(1rem * 1.6); /* medium / base */
+  --dt-font-size-100: calc(1rem * 1.2); /* small */
   --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
   --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
   --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);