@dialpad/dialtone-tokens 1.47.1 → 1.47.3

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 (45) hide show
  1. package/dist/css/tokens-aegean-dark.css +3 -3
  2. package/dist/css/tokens-botany-dark.css +3 -3
  3. package/dist/css/tokens-buttercream-dark.css +3 -3
  4. package/dist/css/tokens-ceruleo-dark.css +3 -3
  5. package/dist/css/tokens-deca-dark.css +3 -3
  6. package/dist/css/tokens-deca-light.css +3 -3
  7. package/dist/css/tokens-dp-dark.css +3 -3
  8. package/dist/css/tokens-expressive-dark.css +3 -3
  9. package/dist/css/tokens-expressive-sm-dark.css +3 -3
  10. package/dist/css/tokens-high-desert-dark.css +3 -3
  11. package/dist/css/tokens-melon-dark.css +3 -3
  12. package/dist/css/tokens-plum-dark.css +3 -3
  13. package/dist/css/tokens-sunflower-dark.css +3 -3
  14. package/dist/css/tokens-tmo-dark.css +3 -3
  15. package/dist/css/tokens-verdant-haze-dark.css +3 -3
  16. package/dist/doc.json +101565 -101565
  17. package/dist/themes/aegean-dark.cjs +1 -1
  18. package/dist/themes/aegean-dark.js +1 -1
  19. package/dist/themes/botany-dark.cjs +1 -1
  20. package/dist/themes/botany-dark.js +1 -1
  21. package/dist/themes/buttercream-dark.cjs +1 -1
  22. package/dist/themes/buttercream-dark.js +1 -1
  23. package/dist/themes/ceruleo-dark.cjs +1 -1
  24. package/dist/themes/ceruleo-dark.js +1 -1
  25. package/dist/themes/dp-dark.cjs +1 -1
  26. package/dist/themes/dp-dark.js +1 -1
  27. package/dist/themes/dp-deca-dark.cjs +1 -1
  28. package/dist/themes/dp-deca-dark.js +1 -1
  29. package/dist/themes/dp-deca-light.cjs +1 -1
  30. package/dist/themes/dp-deca-light.js +1 -1
  31. package/dist/themes/expressive-dark.cjs +1 -1
  32. package/dist/themes/expressive-dark.js +1 -1
  33. package/dist/themes/high-desert-dark.cjs +1 -1
  34. package/dist/themes/high-desert-dark.js +1 -1
  35. package/dist/themes/melon-dark.cjs +1 -1
  36. package/dist/themes/melon-dark.js +1 -1
  37. package/dist/themes/plum-dark.cjs +1 -1
  38. package/dist/themes/plum-dark.js +1 -1
  39. package/dist/themes/sunflower-dark.cjs +1 -1
  40. package/dist/themes/sunflower-dark.js +1 -1
  41. package/dist/themes/tmo-dark.cjs +1 -1
  42. package/dist/themes/tmo-dark.js +1 -1
  43. package/dist/themes/verdant-haze-dark.cjs +1 -1
  44. package/dist/themes/verdant-haze-dark.js +1 -1
  45. package/package.json +8 -3
@@ -2300,9 +2300,9 @@
2300
2300
  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2301
2301
  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2302
2302
  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2303
- --dt-shell-mention-color-surface-secondary-h: 175.579094813366;
2304
- --dt-shell-mention-color-surface-secondary-s: 66.82619068291129%;
2305
- --dt-shell-mention-color-surface-secondary-l: 91.00454674152724%;
2303
+ --dt-shell-mention-color-surface-secondary-h: 175.5790749233246;
2304
+ --dt-shell-mention-color-surface-secondary-s: 66.82620779170955%;
2305
+ --dt-shell-mention-color-surface-secondary-l: 91.00454745681851%;
2306
2306
  --dt-shell-mention-color-surface-secondary-a: 100%;
2307
2307
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
2308
2308
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -2335,9 +2335,9 @@
2335
2335
  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2336
2336
  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2337
2337
  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2338
- --dt-shell-mention-color-surface-secondary-h: 262.06615015938917;
2339
- --dt-shell-mention-color-surface-secondary-s: 103.07906800066111%;
2340
- --dt-shell-mention-color-surface-secondary-l: 95.42796360534544%;
2338
+ --dt-shell-mention-color-surface-secondary-h: 262.0661594942808;
2339
+ --dt-shell-mention-color-surface-secondary-s: 103.07902246059628%;
2340
+ --dt-shell-mention-color-surface-secondary-l: 95.42796309438164%;
2341
2341
  --dt-shell-mention-color-surface-secondary-a: 100%;
2342
2342
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
2343
2343
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -332,9 +332,9 @@
332
332
  --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
333
333
  --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
334
334
  --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
335
- --dt-shell-mention-color-surface-secondary-h: 43.93243404754303;
336
- --dt-shell-mention-color-surface-secondary-s: 105.17033099740516%;
337
- --dt-shell-mention-color-surface-secondary-l: 86.22134769128044%;
335
+ --dt-shell-mention-color-surface-secondary-h: 43.932449708350376;
336
+ --dt-shell-mention-color-surface-secondary-s: 105.17030339466619%;
337
+ --dt-shell-mention-color-surface-secondary-l: 86.22134391627192%;
338
338
  --dt-shell-mention-color-surface-secondary-a: 100%;
339
339
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
340
340
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -2300,9 +2300,9 @@
2300
2300
  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2301
2301
  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2302
2302
  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2303
- --dt-shell-mention-color-surface-secondary-h: 5.167813711595162;
2304
- --dt-shell-mention-color-surface-secondary-s: 128.86490036000572%;
2305
- --dt-shell-mention-color-surface-secondary-l: 90.95121219094912%;
2303
+ --dt-shell-mention-color-surface-secondary-h: 5.167827162055141;
2304
+ --dt-shell-mention-color-surface-secondary-s: 128.86488343148886%;
2305
+ --dt-shell-mention-color-surface-secondary-l: 90.95121031088047%;
2306
2306
  --dt-shell-mention-color-surface-secondary-a: 100%;
2307
2307
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
2308
2308
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -302,9 +302,9 @@
302
302
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
303
303
  --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 17%));
304
304
  --dt-color-border-default: hsl(25.7 10.1% 86.5% / 0.17);
305
- --dt-color-border-subtle-h: 25.713059066771798;
306
- --dt-color-border-subtle-s: 10.134507855745454%;
307
- --dt-color-border-subtle-l: 86.45313322846206%;
305
+ --dt-color-border-subtle-h: 25.713137040285762;
306
+ --dt-color-border-subtle-s: 10.13451324845519%;
307
+ --dt-color-border-subtle-l: 86.45313174165545%;
308
308
  --dt-color-border-subtle-a: 11%;
309
309
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
310
310
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
@@ -309,9 +309,9 @@
309
309
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
310
310
  --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 17%));
311
311
  --dt-color-border-default: hsl(30 3.57% 11% / 0.17);
312
- --dt-color-border-subtle-h: 29.99672062794531;
313
- --dt-color-border-subtle-s: 3.565538797209529%;
314
- --dt-color-border-subtle-l: 11.018592292553778%;
312
+ --dt-color-border-subtle-h: 29.996771183562394;
313
+ --dt-color-border-subtle-s: 3.565540226644056%;
314
+ --dt-color-border-subtle-l: 11.018592002383905%;
315
315
  --dt-color-border-subtle-a: 11%;
316
316
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
317
317
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
@@ -3857,9 +3857,9 @@
3857
3857
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
3858
3858
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
3859
3859
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
3860
- --dt-shell-mention-color-surface-secondary-h: 257.3428772281334;
3861
- --dt-shell-mention-color-surface-secondary-s: 96.45039325101592%;
3862
- --dt-shell-mention-color-surface-secondary-l: 93.62835753473931%;
3860
+ --dt-shell-mention-color-surface-secondary-h: 257.342887213473;
3861
+ --dt-shell-mention-color-surface-secondary-s: 96.45036403435884%;
3862
+ --dt-shell-mention-color-surface-secondary-l: 93.6283569270396%;
3863
3863
  --dt-shell-mention-color-surface-secondary-a: 100%;
3864
3864
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
3865
3865
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -3790,9 +3790,9 @@
3790
3790
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
3791
3791
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
3792
3792
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
3793
- --dt-shell-mention-color-surface-secondary-h: 257.3428772281334;
3794
- --dt-shell-mention-color-surface-secondary-s: 96.45039325101592%;
3795
- --dt-shell-mention-color-surface-secondary-l: 93.62835753473931%;
3793
+ --dt-shell-mention-color-surface-secondary-h: 257.342887213473;
3794
+ --dt-shell-mention-color-surface-secondary-s: 96.45036403435884%;
3795
+ --dt-shell-mention-color-surface-secondary-l: 93.6283569270396%;
3796
3796
  --dt-shell-mention-color-surface-secondary-a: 100%;
3797
3797
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
3798
3798
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -3818,9 +3818,9 @@
3818
3818
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
3819
3819
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
3820
3820
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
3821
- --dt-shell-mention-color-surface-secondary-h: 257.3428772281334;
3822
- --dt-shell-mention-color-surface-secondary-s: 96.45039325101592%;
3823
- --dt-shell-mention-color-surface-secondary-l: 93.62835753473931%;
3821
+ --dt-shell-mention-color-surface-secondary-h: 257.342887213473;
3822
+ --dt-shell-mention-color-surface-secondary-s: 96.45036403435884%;
3823
+ --dt-shell-mention-color-surface-secondary-l: 93.6283569270396%;
3824
3824
  --dt-shell-mention-color-surface-secondary-a: 100%;
3825
3825
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
3826
3826
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -2300,9 +2300,9 @@
2300
2300
  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2301
2301
  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2302
2302
  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2303
- --dt-shell-mention-color-surface-secondary-h: 15.343578611203416;
2304
- --dt-shell-mention-color-surface-secondary-s: 107.15510822881711%;
2305
- --dt-shell-mention-color-surface-secondary-l: 89.17888552114344%;
2303
+ --dt-shell-mention-color-surface-secondary-h: 15.343592611005857;
2304
+ --dt-shell-mention-color-surface-secondary-s: 107.15509297778804%;
2305
+ --dt-shell-mention-color-surface-secondary-l: 89.1788833063293%;
2306
2306
  --dt-shell-mention-color-surface-secondary-a: 100%;
2307
2307
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
2308
2308
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -2300,9 +2300,9 @@
2300
2300
  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2301
2301
  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2302
2302
  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2303
- --dt-shell-mention-color-surface-secondary-h: 338.6087661028811;
2304
- --dt-shell-mention-color-surface-secondary-s: 112.70515742673477%;
2305
- --dt-shell-mention-color-surface-secondary-l: 95.0360779803229%;
2303
+ --dt-shell-mention-color-surface-secondary-h: 338.6087855203917;
2304
+ --dt-shell-mention-color-surface-secondary-s: 112.70516155674106%;
2305
+ --dt-shell-mention-color-surface-secondary-l: 95.03607893541553%;
2306
2306
  --dt-shell-mention-color-surface-secondary-a: 100%;
2307
2307
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
2308
2308
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -325,9 +325,9 @@
325
325
  --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
326
326
  --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
327
327
  --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
328
- --dt-shell-mention-color-surface-secondary-h: 299.1041413410465;
329
- --dt-shell-mention-color-surface-secondary-s: 53.70941869188397%;
330
- --dt-shell-mention-color-surface-secondary-l: 92.3596524467506%;
328
+ --dt-shell-mention-color-surface-secondary-h: 299.1041635442087;
329
+ --dt-shell-mention-color-surface-secondary-s: 53.70939329938231%;
330
+ --dt-shell-mention-color-surface-secondary-l: 92.35965201000195%;
331
331
  --dt-shell-mention-color-surface-secondary-a: 100%;
332
332
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
333
333
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -2300,9 +2300,9 @@
2300
2300
  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2301
2301
  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2302
2302
  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2303
- --dt-shell-mention-color-surface-secondary-h: 15.343578611203416;
2304
- --dt-shell-mention-color-surface-secondary-s: 107.15510822881711%;
2305
- --dt-shell-mention-color-surface-secondary-l: 89.17888552114344%;
2303
+ --dt-shell-mention-color-surface-secondary-h: 15.343592611005857;
2304
+ --dt-shell-mention-color-surface-secondary-s: 107.15509297778804%;
2305
+ --dt-shell-mention-color-surface-secondary-l: 89.1788833063293%;
2306
2306
  --dt-shell-mention-color-surface-secondary-a: 100%;
2307
2307
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
2308
2308
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -304,9 +304,9 @@
304
304
  --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
305
305
  --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
306
306
  --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
307
- --dt-shell-mention-color-surface-secondary-h: 331.8722987635939;
308
- --dt-shell-mention-color-surface-secondary-s: 89.29520375705434%;
309
- --dt-shell-mention-color-surface-secondary-l: 92.7632633054971%;
307
+ --dt-shell-mention-color-surface-secondary-h: 331.8723142242072;
308
+ --dt-shell-mention-color-surface-secondary-s: 89.29520777377758%;
309
+ --dt-shell-mention-color-surface-secondary-l: 92.76326431251576%;
310
310
  --dt-shell-mention-color-surface-secondary-a: 100%;
311
311
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
312
312
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
@@ -332,9 +332,9 @@
332
332
  --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
333
333
  --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
334
334
  --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
335
- --dt-shell-mention-color-surface-secondary-h: 79.38812734291447;
336
- --dt-shell-mention-color-surface-secondary-s: 21.16067774677631%;
337
- --dt-shell-mention-color-surface-secondary-l: 70.76344589168639%;
335
+ --dt-shell-mention-color-surface-secondary-h: 79.38814366269736;
336
+ --dt-shell-mention-color-surface-secondary-s: 21.16068656797131%;
337
+ --dt-shell-mention-color-surface-secondary-l: 70.7634458526468%;
338
338
  --dt-shell-mention-color-surface-secondary-a: 100%;
339
339
  --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
340
340
  --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));