@dialpad/dialtone-tokens 1.37.0 → 1.37.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 (53) hide show
  1. package/dist/android/java/tokens-dp-dark.kt +1 -1
  2. package/dist/android/java/tokens-expressive-dark.kt +1 -1
  3. package/dist/android/java/tokens-expressive-sm-dark.kt +1 -1
  4. package/dist/android/java/tokens-tmo-dark.kt +1 -1
  5. package/dist/android/res/values/colors-dp-dark.xml +1 -1
  6. package/dist/android/res/values/colors-expressive-dark.xml +1 -1
  7. package/dist/android/res/values/colors-expressive-sm-dark.xml +1 -1
  8. package/dist/android/res/values/colors-tmo-dark.xml +1 -1
  9. package/dist/css/tokens-base-dark.css +6 -6
  10. package/dist/css/tokens-base-light.css +6 -6
  11. package/dist/css/tokens-debug-base.css +6 -6
  12. package/dist/css/tokens-dp-dark.css +7 -7
  13. package/dist/css/tokens-expressive-dark.css +13 -13
  14. package/dist/css/tokens-expressive-light.css +6 -6
  15. package/dist/css/tokens-expressive-sm-dark.css +13 -13
  16. package/dist/css/tokens-expressive-sm-light.css +6 -6
  17. package/dist/css/tokens-tmo-dark.css +7 -7
  18. package/dist/doc.json +10434 -10434
  19. package/dist/ios/tokens-dp-dark.swift +1 -1
  20. package/dist/ios/tokens-expressive-dark.swift +1 -1
  21. package/dist/ios/tokens-expressive-sm-dark.swift +1 -1
  22. package/dist/ios/tokens-tmo-dark.swift +1 -1
  23. package/dist/less/tokens-dp-dark.less +1 -1
  24. package/dist/less/tokens-expressive-dark.less +1 -1
  25. package/dist/less/tokens-expressive-sm-dark.less +1 -1
  26. package/dist/less/tokens-tmo-dark.less +1 -1
  27. package/dist/themes/chunks/{tokens-base-dark-DhC8-lWj.js → tokens-base-dark-BnTEKGxK.js} +1 -1
  28. package/dist/themes/chunks/{tokens-base-dark-B5huG27C.js → tokens-base-dark-Ch4dTh7V.js} +1 -1
  29. package/dist/themes/chunks/{tokens-base-light-B2RDBIfm.js → tokens-base-light-BLxKOiup.js} +1 -1
  30. package/dist/themes/chunks/{tokens-base-light-y7MK4fBY.js → tokens-base-light-DWLxg2cD.js} +1 -1
  31. package/dist/themes/debug.cjs +1 -1
  32. package/dist/themes/debug.js +1 -1
  33. package/dist/themes/dp-dark.cjs +1 -1
  34. package/dist/themes/dp-dark.js +2 -2
  35. package/dist/themes/dp-light.cjs +1 -1
  36. package/dist/themes/dp-light.js +1 -1
  37. package/dist/themes/expressive-dark.cjs +1 -1
  38. package/dist/themes/expressive-dark.js +2 -2
  39. package/dist/themes/expressive-light.cjs +1 -1
  40. package/dist/themes/expressive-light.js +2 -2
  41. package/dist/themes/expressive-sm-dark.cjs +1 -1
  42. package/dist/themes/expressive-sm-dark.js +2 -2
  43. package/dist/themes/expressive-sm-light.cjs +1 -1
  44. package/dist/themes/expressive-sm-light.js +2 -2
  45. package/dist/themes/tmo-dark.cjs +1 -1
  46. package/dist/themes/tmo-dark.js +2 -2
  47. package/dist/themes/tmo-light.cjs +1 -1
  48. package/dist/themes/tmo-light.js +1 -1
  49. package/dist/tokens-dp-dark.json +1 -1
  50. package/dist/tokens-expressive-dark.json +1 -1
  51. package/dist/tokens-expressive-sm-dark.json +1 -1
  52. package/dist/tokens-tmo-dark.json +1 -1
  53. package/package.json +2 -2
package/dist/android/java/tokens-dp-dark.kt CHANGED
@@ -300,7 +300,7 @@ object DialtoneTokensDpDark {
300
300
  val dtThemeMentionColorForegroundStrong = Color(0xff000000)
301
301
  val dtThemePresenceColorBackgroundAvailable = Color(0xffb0ffa3)
302
302
  val dtThemePresenceColorBackgroundBusy = Color(0xfff6ab3c)
303
- val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffec0e0e)
303
+ val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffff8585)
304
304
  val dtThemePresenceColorBackgroundOffline = Color(0xffffffff)
305
305
  val dtThemeSidebarColorBackground = Color(0xff262626)
306
306
  val dtThemeSidebarColorForeground = Color(0xffc2c2c2)
package/dist/android/java/tokens-expressive-dark.kt CHANGED
@@ -286,7 +286,7 @@ object DialtoneTokensExpressiveDark {
286
286
  val dtThemeMentionColorForegroundStrong = Color(0xff000000)
287
287
  val dtThemePresenceColorBackgroundAvailable = Color(0xffb0ffa3)
288
288
  val dtThemePresenceColorBackgroundBusy = Color(0xfff6ab3c)
289
- val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffec0e0e)
289
+ val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffff8585)
290
290
  val dtThemePresenceColorBackgroundOffline = Color(0xffffffff)
291
291
  val dtThemeSidebarColorBackground = Color(0xff262626)
292
292
  val dtThemeSidebarColorForeground = Color(0xffc2c2c2)
package/dist/android/java/tokens-expressive-sm-dark.kt CHANGED
@@ -286,7 +286,7 @@ object DialtoneTokensExpressiveSmDark {
286
286
  val dtThemeMentionColorForegroundStrong = Color(0xff000000)
287
287
  val dtThemePresenceColorBackgroundAvailable = Color(0xffb0ffa3)
288
288
  val dtThemePresenceColorBackgroundBusy = Color(0xfff6ab3c)
289
- val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffec0e0e)
289
+ val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffff8585)
290
290
  val dtThemePresenceColorBackgroundOffline = Color(0xffffffff)
291
291
  val dtThemeSidebarColorBackground = Color(0xff262626)
292
292
  val dtThemeSidebarColorForeground = Color(0xffc2c2c2)
package/dist/android/java/tokens-tmo-dark.kt CHANGED
@@ -280,7 +280,7 @@ object DialtoneTokensTmoDark {
280
280
  val dtThemeMentionColorForegroundStrong = Color(0xff000000)
281
281
  val dtThemePresenceColorBackgroundAvailable = Color(0xffb0ffa3)
282
282
  val dtThemePresenceColorBackgroundBusy = Color(0xfff6ab3c)
283
- val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffec0e0e)
283
+ val dtThemePresenceColorBackgroundBusyUnavailable = Color(0xffff8585)
284
284
  val dtThemePresenceColorBackgroundOffline = Color(0xffffffff)
285
285
  val dtThemeSidebarColorBackground = Color(0xff262626)
286
286
  val dtThemeSidebarColorForeground = Color(0xffc2c2c2)
package/dist/android/res/values/colors-dp-dark.xml CHANGED
@@ -216,7 +216,7 @@
216
216
  <color name="dt_dp_dark_theme_sidebar_selected_row_color_background">#ffe6e6e6</color>
217
217
  <color name="dt_dp_dark_theme_sidebar_section_color_foreground">#ffaaaaaa</color>
218
218
  <color name="dt_dp_dark_theme_presence_color_background_available">#ffb0ffa3</color>
219
- <color name="dt_dp_dark_theme_presence_color_background_busy_unavailable">#ffec0e0e</color>
219
+ <color name="dt_dp_dark_theme_presence_color_background_busy_unavailable">#ffff8585</color>
220
220
  <color name="dt_dp_dark_theme_presence_color_background_busy">#fff6ab3c</color>
221
221
  <color name="dt_dp_dark_theme_presence_color_background_offline">#ffffffff</color>
222
222
  <color name="dt_dp_dark_theme_mention_color_foreground">#ffffffff</color>
package/dist/android/res/values/colors-expressive-dark.xml CHANGED
@@ -216,7 +216,7 @@
216
216
  <color name="dt_expressive_dark_theme_sidebar_selected_row_color_background">#ffe6e6e6</color>
217
217
  <color name="dt_expressive_dark_theme_sidebar_section_color_foreground">#ffaaaaaa</color>
218
218
  <color name="dt_expressive_dark_theme_presence_color_background_available">#ffb0ffa3</color>
219
- <color name="dt_expressive_dark_theme_presence_color_background_busy_unavailable">#ffec0e0e</color>
219
+ <color name="dt_expressive_dark_theme_presence_color_background_busy_unavailable">#ffff8585</color>
220
220
  <color name="dt_expressive_dark_theme_presence_color_background_busy">#fff6ab3c</color>
221
221
  <color name="dt_expressive_dark_theme_presence_color_background_offline">#ffffffff</color>
222
222
  <color name="dt_expressive_dark_theme_mention_color_foreground">#ffffffff</color>
package/dist/android/res/values/colors-expressive-sm-dark.xml CHANGED
@@ -216,7 +216,7 @@
216
216
  <color name="dt_expressive_sm_dark_theme_sidebar_selected_row_color_background">#ffe6e6e6</color>
217
217
  <color name="dt_expressive_sm_dark_theme_sidebar_section_color_foreground">#ffaaaaaa</color>
218
218
  <color name="dt_expressive_sm_dark_theme_presence_color_background_available">#ffb0ffa3</color>
219
- <color name="dt_expressive_sm_dark_theme_presence_color_background_busy_unavailable">#ffec0e0e</color>
219
+ <color name="dt_expressive_sm_dark_theme_presence_color_background_busy_unavailable">#ffff8585</color>
220
220
  <color name="dt_expressive_sm_dark_theme_presence_color_background_busy">#fff6ab3c</color>
221
221
  <color name="dt_expressive_sm_dark_theme_presence_color_background_offline">#ffffffff</color>
222
222
  <color name="dt_expressive_sm_dark_theme_mention_color_foreground">#ffffffff</color>
package/dist/android/res/values/colors-tmo-dark.xml CHANGED
@@ -216,7 +216,7 @@
216
216
  <color name="dt_tmo_dark_theme_sidebar_selected_row_color_background">#fff285bc</color>
217
217
  <color name="dt_tmo_dark_theme_sidebar_section_color_foreground">#ffaaaaaa</color>
218
218
  <color name="dt_tmo_dark_theme_presence_color_background_available">#ffb0ffa3</color>
219
- <color name="dt_tmo_dark_theme_presence_color_background_busy_unavailable">#ffec0e0e</color>
219
+ <color name="dt_tmo_dark_theme_presence_color_background_busy_unavailable">#ffff8585</color>
220
220
  <color name="dt_tmo_dark_theme_presence_color_background_busy">#fff6ab3c</color>
221
221
  <color name="dt_tmo_dark_theme_presence_color_background_offline">#ffffffff</color>
222
222
  <color name="dt_tmo_dark_theme_mention_color_foreground">#ffffffff</color>
package/dist/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/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/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/css/tokens-dp-dark.css CHANGED
@@ -240,13 +240,13 @@
240
240
  --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
241
241
  --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
242
242
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
243
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
244
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
245
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
246
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-300-a);
247
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
248
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
249
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
243
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
244
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
245
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
246
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
247
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
248
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
249
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
250
250
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
251
251
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
252
252
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
package/dist/css/tokens-expressive-dark.css CHANGED
@@ -232,13 +232,13 @@
232
232
  --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
233
233
  --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
234
234
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
235
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
236
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
237
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
238
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-300-a);
239
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
240
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
241
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
235
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
236
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
237
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
238
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
239
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
240
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
241
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
242
242
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
243
243
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
244
244
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
@@ -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-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-expressive-sm-dark.css CHANGED
@@ -232,13 +232,13 @@
232
232
  --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
233
233
  --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
234
234
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
235
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
236
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
237
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
238
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-300-a);
239
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
240
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
241
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
235
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
236
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
237
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
238
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
239
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
240
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
241
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
242
242
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
243
243
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
244
244
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
@@ -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-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/css/tokens-tmo-dark.css CHANGED
@@ -239,13 +239,13 @@
239
239
  --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
240
240
  --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
241
241
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
242
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
243
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
244
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
245
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-300-a);
246
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
247
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
248
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
242
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
243
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
244
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
245
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
246
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
247
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
248
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
249
249
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
250
250
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
251
251
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);