@dialpad/dialtone 9.86.0 → 9.86.1

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 (42) hide show
  1. package/dist/css/dialtone-default-theme.css +6 -6
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/tokens/tokens-base-dark.css +6 -6
  4. package/dist/css/tokens/tokens-base-light.css +6 -6
  5. package/dist/css/tokens/tokens-debug-base.css +6 -6
  6. package/dist/css/tokens/tokens-expressive-dark.css +6 -6
  7. package/dist/css/tokens/tokens-expressive-light.css +6 -6
  8. package/dist/css/tokens/tokens-expressive-sm-dark.css +6 -6
  9. package/dist/css/tokens/tokens-expressive-sm-light.css +6 -6
  10. package/dist/tokens/css/tokens-base-dark.css +6 -6
  11. package/dist/tokens/css/tokens-base-light.css +6 -6
  12. package/dist/tokens/css/tokens-debug-base.css +6 -6
  13. package/dist/tokens/css/tokens-expressive-dark.css +6 -6
  14. package/dist/tokens/css/tokens-expressive-light.css +6 -6
  15. package/dist/tokens/css/tokens-expressive-sm-dark.css +6 -6
  16. package/dist/tokens/css/tokens-expressive-sm-light.css +6 -6
  17. package/dist/tokens/doc.json +8675 -8675
  18. package/dist/tokens/themes/chunks/{tokens-base-dark-DhC8-lWj.js → tokens-base-dark-BnTEKGxK.js} +1 -1
  19. package/dist/tokens/themes/chunks/{tokens-base-dark-B5huG27C.js → tokens-base-dark-Ch4dTh7V.js} +1 -1
  20. package/dist/tokens/themes/chunks/{tokens-base-light-B2RDBIfm.js → tokens-base-light-BLxKOiup.js} +1 -1
  21. package/dist/tokens/themes/chunks/{tokens-base-light-y7MK4fBY.js → tokens-base-light-DWLxg2cD.js} +1 -1
  22. package/dist/tokens/themes/debug.cjs +1 -1
  23. package/dist/tokens/themes/debug.js +1 -1
  24. package/dist/tokens/themes/dp-dark.cjs +1 -1
  25. package/dist/tokens/themes/dp-dark.js +1 -1
  26. package/dist/tokens/themes/dp-light.cjs +1 -1
  27. package/dist/tokens/themes/dp-light.js +1 -1
  28. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  29. package/dist/tokens/themes/expressive-dark.js +2 -2
  30. package/dist/tokens/themes/expressive-light.cjs +1 -1
  31. package/dist/tokens/themes/expressive-light.js +2 -2
  32. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  33. package/dist/tokens/themes/expressive-sm-dark.js +2 -2
  34. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  35. package/dist/tokens/themes/expressive-sm-light.js +2 -2
  36. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  37. package/dist/tokens/themes/tmo-dark.js +1 -1
  38. package/dist/tokens/themes/tmo-light.cjs +1 -1
  39. package/dist/tokens/themes/tmo-light.js +1 -1
  40. package/dist/vue2/component-documentation.json +1 -1
  41. package/dist/vue3/component-documentation.json +1 -1
  42. package/package.json +2 -2
package/dist/css/tokens/tokens-base-dark.css CHANGED
@@ -977,13 +977,13 @@
977
977
  --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);
978
978
  --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);
979
979
  --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. */
980
- --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
980
+ --dt-size-base: calc(1rem * 0.8);
981
981
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
982
- --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
983
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
984
- --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
985
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
986
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
982
+ --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
983
+ --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
984
+ --dt-font-size-300: calc(1rem * 1.9); /* large */
985
+ --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
986
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
987
987
  --dt-space-base: var(--dt-size-base);
988
988
  --dt-font-size-100-mobile: 1.2rem;
989
989
  --dt-font-size-200-mobile: 1.6rem;
package/dist/css/tokens/tokens-base-light.css CHANGED
@@ -737,13 +737,13 @@
737
737
  --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);
738
738
  --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);
739
739
  --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. */
740
- --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
740
+ --dt-size-base: calc(1rem * 0.8);
741
741
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
742
- --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
743
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
744
- --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
745
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
746
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
742
+ --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
743
+ --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
744
+ --dt-font-size-300: calc(1rem * 1.9); /* large */
745
+ --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
746
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
747
747
  --dt-space-base: var(--dt-size-base);
748
748
  --dt-font-size-100-mobile: 1.2rem;
749
749
  --dt-font-size-200-mobile: 1.6rem;
package/dist/css/tokens/tokens-debug-base.css CHANGED
@@ -737,13 +737,13 @@
737
737
  --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);
738
738
  --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);
739
739
  --dt-color-gradient-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
740
- --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
740
+ --dt-size-base: calc(1rem * 0.8);
741
741
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
742
- --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
743
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
744
- --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
745
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
746
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
742
+ --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
743
+ --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
744
+ --dt-font-size-300: calc(1rem * 1.9); /* large */
745
+ --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
746
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
747
747
  --dt-space-base: var(--dt-size-base);
748
748
  --dt-font-size-100-mobile: 1.2rem;
749
749
  --dt-font-size-200-mobile: 1.6rem;
package/dist/css/tokens/tokens-expressive-dark.css CHANGED
@@ -1225,12 +1225,12 @@
1225
1225
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1226
1226
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1227
1227
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1228
- --dt-font-size-600: calc(var(--dt-font-size-root) * 10.5);
1229
- --dt-font-size-500: calc(var(--dt-font-size-root) * 6.5); /* extra large / xxl */
1230
- --dt-font-size-400: calc(var(--dt-font-size-root) * 4.1); /* extra large / xl */
1231
- --dt-font-size-300: calc(var(--dt-font-size-root) * 2.8); /* large */
1232
- --dt-font-size-200: calc(var(--dt-font-size-root) * 2); /* medium / base */
1233
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.6); /* small */
1228
+ --dt-font-size-600: calc(1rem * 10.5);
1229
+ --dt-font-size-500: calc(1rem * 6.5); /* extra large / xxl */
1230
+ --dt-font-size-400: calc(1rem * 4.1); /* extra large / xl */
1231
+ --dt-font-size-300: calc(1rem * 2.8); /* large */
1232
+ --dt-font-size-200: calc(1rem * 2); /* medium / base */
1233
+ --dt-font-size-100: calc(1rem * 1.6); /* small */
1234
1234
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1235
1235
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1236
1236
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
package/dist/css/tokens/tokens-expressive-light.css CHANGED
@@ -1239,12 +1239,12 @@
1239
1239
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1240
1240
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1241
1241
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1242
- --dt-font-size-600: calc(var(--dt-font-size-root) * 10.5);
1243
- --dt-font-size-500: calc(var(--dt-font-size-root) * 6.5); /* extra large / xxl */
1244
- --dt-font-size-400: calc(var(--dt-font-size-root) * 4.1); /* extra large / xl */
1245
- --dt-font-size-300: calc(var(--dt-font-size-root) * 2.8); /* large */
1246
- --dt-font-size-200: calc(var(--dt-font-size-root) * 2); /* medium / base */
1247
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.6); /* small */
1242
+ --dt-font-size-600: calc(1rem * 10.5);
1243
+ --dt-font-size-500: calc(1rem * 6.5); /* extra large / xxl */
1244
+ --dt-font-size-400: calc(1rem * 4.1); /* extra large / xl */
1245
+ --dt-font-size-300: calc(1rem * 2.8); /* large */
1246
+ --dt-font-size-200: calc(1rem * 2); /* medium / base */
1247
+ --dt-font-size-100: calc(1rem * 1.6); /* small */
1248
1248
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1249
1249
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1250
1250
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
package/dist/css/tokens/tokens-expressive-sm-dark.css CHANGED
@@ -1225,12 +1225,12 @@
1225
1225
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1226
1226
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1227
1227
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1228
- --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
1229
- --dt-font-size-500: calc(var(--dt-font-size-root) * 4.1); /* extra large / xxl */
1230
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.8); /* extra large / xl */
1231
- --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
1232
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
1233
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
1228
+ --dt-font-size-600: calc(1rem * 5.1);
1229
+ --dt-font-size-500: calc(1rem * 4.1); /* extra large / xxl */
1230
+ --dt-font-size-400: calc(1rem * 2.8); /* extra large / xl */
1231
+ --dt-font-size-300: calc(1rem * 2.0); /* large */
1232
+ --dt-font-size-200: calc(1rem * 1.6); /* medium / base */
1233
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
1234
1234
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1235
1235
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1236
1236
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
package/dist/css/tokens/tokens-expressive-sm-light.css CHANGED
@@ -1239,12 +1239,12 @@
1239
1239
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1240
1240
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1241
1241
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1242
- --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
1243
- --dt-font-size-500: calc(var(--dt-font-size-root) * 4.1); /* extra large / xxl */
1244
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.8); /* extra large / xl */
1245
- --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
1246
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
1247
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
1242
+ --dt-font-size-600: calc(1rem * 5.1);
1243
+ --dt-font-size-500: calc(1rem * 4.1); /* extra large / xxl */
1244
+ --dt-font-size-400: calc(1rem * 2.8); /* extra large / xl */
1245
+ --dt-font-size-300: calc(1rem * 2.0); /* large */
1246
+ --dt-font-size-200: calc(1rem * 1.6); /* medium / base */
1247
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
1248
1248
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1249
1249
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1250
1250
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
package/dist/tokens/css/tokens-base-dark.css CHANGED
@@ -977,13 +977,13 @@
977
977
  --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);
978
978
  --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);
979
979
  --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. */
980
- --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
980
+ --dt-size-base: calc(1rem * 0.8);
981
981
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
982
- --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
983
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
984
- --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
985
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
986
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
982
+ --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
983
+ --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
984
+ --dt-font-size-300: calc(1rem * 1.9); /* large */
985
+ --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
986
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
987
987
  --dt-space-base: var(--dt-size-base);
988
988
  --dt-font-size-100-mobile: 1.2rem;
989
989
  --dt-font-size-200-mobile: 1.6rem;
package/dist/tokens/css/tokens-base-light.css CHANGED
@@ -737,13 +737,13 @@
737
737
  --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);
738
738
  --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);
739
739
  --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. */
740
- --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
740
+ --dt-size-base: calc(1rem * 0.8);
741
741
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
742
- --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
743
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
744
- --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
745
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
746
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
742
+ --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
743
+ --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
744
+ --dt-font-size-300: calc(1rem * 1.9); /* large */
745
+ --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
746
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
747
747
  --dt-space-base: var(--dt-size-base);
748
748
  --dt-font-size-100-mobile: 1.2rem;
749
749
  --dt-font-size-200-mobile: 1.6rem;
package/dist/tokens/css/tokens-debug-base.css CHANGED
@@ -737,13 +737,13 @@
737
737
  --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);
738
738
  --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);
739
739
  --dt-color-gradient-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
740
- --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
740
+ --dt-size-base: calc(1rem * 0.8);
741
741
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
742
- --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
743
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
744
- --dt-font-size-300: calc(var(--dt-font-size-root) * 1.9); /* large */
745
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.5); /* medium / base */
746
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
742
+ --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
743
+ --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
744
+ --dt-font-size-300: calc(1rem * 1.9); /* large */
745
+ --dt-font-size-200: calc(1rem * 1.5); /* medium / base */
746
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
747
747
  --dt-space-base: var(--dt-size-base);
748
748
  --dt-font-size-100-mobile: 1.2rem;
749
749
  --dt-font-size-200-mobile: 1.6rem;
package/dist/tokens/css/tokens-expressive-dark.css CHANGED
@@ -1225,12 +1225,12 @@
1225
1225
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1226
1226
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1227
1227
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1228
- --dt-font-size-600: calc(var(--dt-font-size-root) * 10.5);
1229
- --dt-font-size-500: calc(var(--dt-font-size-root) * 6.5); /* extra large / xxl */
1230
- --dt-font-size-400: calc(var(--dt-font-size-root) * 4.1); /* extra large / xl */
1231
- --dt-font-size-300: calc(var(--dt-font-size-root) * 2.8); /* large */
1232
- --dt-font-size-200: calc(var(--dt-font-size-root) * 2); /* medium / base */
1233
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.6); /* small */
1228
+ --dt-font-size-600: calc(1rem * 10.5);
1229
+ --dt-font-size-500: calc(1rem * 6.5); /* extra large / xxl */
1230
+ --dt-font-size-400: calc(1rem * 4.1); /* extra large / xl */
1231
+ --dt-font-size-300: calc(1rem * 2.8); /* large */
1232
+ --dt-font-size-200: calc(1rem * 2); /* medium / base */
1233
+ --dt-font-size-100: calc(1rem * 1.6); /* small */
1234
1234
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1235
1235
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1236
1236
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
package/dist/tokens/css/tokens-expressive-light.css CHANGED
@@ -1239,12 +1239,12 @@
1239
1239
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1240
1240
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1241
1241
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1242
- --dt-font-size-600: calc(var(--dt-font-size-root) * 10.5);
1243
- --dt-font-size-500: calc(var(--dt-font-size-root) * 6.5); /* extra large / xxl */
1244
- --dt-font-size-400: calc(var(--dt-font-size-root) * 4.1); /* extra large / xl */
1245
- --dt-font-size-300: calc(var(--dt-font-size-root) * 2.8); /* large */
1246
- --dt-font-size-200: calc(var(--dt-font-size-root) * 2); /* medium / base */
1247
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.6); /* small */
1242
+ --dt-font-size-600: calc(1rem * 10.5);
1243
+ --dt-font-size-500: calc(1rem * 6.5); /* extra large / xxl */
1244
+ --dt-font-size-400: calc(1rem * 4.1); /* extra large / xl */
1245
+ --dt-font-size-300: calc(1rem * 2.8); /* large */
1246
+ --dt-font-size-200: calc(1rem * 2); /* medium / base */
1247
+ --dt-font-size-100: calc(1rem * 1.6); /* small */
1248
1248
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1249
1249
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1250
1250
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
package/dist/tokens/css/tokens-expressive-sm-dark.css CHANGED
@@ -1225,12 +1225,12 @@
1225
1225
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1226
1226
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1227
1227
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1228
- --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
1229
- --dt-font-size-500: calc(var(--dt-font-size-root) * 4.1); /* extra large / xxl */
1230
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.8); /* extra large / xl */
1231
- --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
1232
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
1233
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
1228
+ --dt-font-size-600: calc(1rem * 5.1);
1229
+ --dt-font-size-500: calc(1rem * 4.1); /* extra large / xxl */
1230
+ --dt-font-size-400: calc(1rem * 2.8); /* extra large / xl */
1231
+ --dt-font-size-300: calc(1rem * 2.0); /* large */
1232
+ --dt-font-size-200: calc(1rem * 1.6); /* medium / base */
1233
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
1234
1234
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1235
1235
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1236
1236
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
package/dist/tokens/css/tokens-expressive-sm-light.css CHANGED
@@ -1239,12 +1239,12 @@
1239
1239
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1240
1240
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1241
1241
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1242
- --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
1243
- --dt-font-size-500: calc(var(--dt-font-size-root) * 4.1); /* extra large / xxl */
1244
- --dt-font-size-400: calc(var(--dt-font-size-root) * 2.8); /* extra large / xl */
1245
- --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
1246
- --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
1247
- --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
1242
+ --dt-font-size-600: calc(1rem * 5.1);
1243
+ --dt-font-size-500: calc(1rem * 4.1); /* extra large / xxl */
1244
+ --dt-font-size-400: calc(1rem * 2.8); /* extra large / xl */
1245
+ --dt-font-size-300: calc(1rem * 2.0); /* large */
1246
+ --dt-font-size-200: calc(1rem * 1.6); /* medium / base */
1247
+ --dt-font-size-100: calc(1rem * 1.2); /* small */
1248
1248
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1249
1249
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1250
1250
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);