@dialpad/dialtone 9.79.1 → 9.79.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 (70) hide show
  1. package/dist/css/dialtone-default-theme.css +2586 -1649
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +876 -790
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/css/tokens/tokens-base-dark.css +179 -98
  6. package/dist/css/tokens/tokens-base-light.css +139 -78
  7. package/dist/css/tokens/tokens-dp-dark.css +399 -143
  8. package/dist/css/tokens/tokens-dp-light.css +401 -145
  9. package/dist/css/tokens/tokens-expressive-dark.css +401 -145
  10. package/dist/css/tokens/tokens-expressive-light.css +401 -145
  11. package/dist/css/tokens/tokens-expressive-sm-dark.css +401 -145
  12. package/dist/css/tokens/tokens-expressive-sm-light.css +401 -145
  13. package/dist/css/tokens/tokens-tmo-dark.css +405 -149
  14. package/dist/css/tokens/tokens-tmo-light.css +404 -148
  15. package/dist/tokens/css/tokens-base-dark.css +179 -98
  16. package/dist/tokens/css/tokens-base-light.css +139 -78
  17. package/dist/tokens/css/tokens-dp-dark.css +399 -143
  18. package/dist/tokens/css/tokens-dp-light.css +401 -145
  19. package/dist/tokens/css/tokens-expressive-dark.css +401 -145
  20. package/dist/tokens/css/tokens-expressive-light.css +401 -145
  21. package/dist/tokens/css/tokens-expressive-sm-dark.css +401 -145
  22. package/dist/tokens/css/tokens-expressive-sm-light.css +401 -145
  23. package/dist/tokens/css/tokens-tmo-dark.css +405 -149
  24. package/dist/tokens/css/tokens-tmo-light.css +404 -148
  25. package/dist/tokens/doc.json +10669 -10669
  26. package/dist/tokens/themes/chunks/tokens-base-dark-CdqPSU5U.js +4 -0
  27. package/dist/tokens/themes/chunks/tokens-base-dark-Zky9H3op.js +1 -0
  28. package/dist/tokens/themes/chunks/tokens-base-light-DSEQ-J5c.js +4 -0
  29. package/dist/tokens/themes/chunks/tokens-base-light-DXqd1KP5.js +1 -0
  30. package/dist/tokens/themes/dp-dark.cjs +1 -1
  31. package/dist/tokens/themes/dp-dark.js +2 -2
  32. package/dist/tokens/themes/dp-light.cjs +1 -1
  33. package/dist/tokens/themes/dp-light.js +2 -2
  34. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  35. package/dist/tokens/themes/expressive-dark.js +2 -2
  36. package/dist/tokens/themes/expressive-light.cjs +1 -1
  37. package/dist/tokens/themes/expressive-light.js +2 -2
  38. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  39. package/dist/tokens/themes/expressive-sm-dark.js +2 -2
  40. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  41. package/dist/tokens/themes/expressive-sm-light.js +2 -2
  42. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  43. package/dist/tokens/themes/tmo-dark.js +2 -2
  44. package/dist/tokens/themes/tmo-light.cjs +1 -1
  45. package/dist/tokens/themes/tmo-light.js +2 -2
  46. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue.cjs +2 -2
  47. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue.cjs.map +1 -1
  48. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue.js +2 -2
  49. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/editor/editor.vue.js.map +1 -1
  50. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue.cjs +12 -9
  51. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  52. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue.js +12 -9
  53. package/dist/vue2/packages/dialtone-vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  54. package/dist/vue2/style.css +18 -7
  55. package/dist/vue2/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  56. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.cjs +125 -22
  57. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.cjs.map +1 -1
  58. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.js +125 -22
  59. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/editor/editor.vue.js.map +1 -1
  60. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.cjs +177 -149
  61. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  62. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.js +178 -150
  63. package/dist/vue3/packages/dialtone-vue3/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  64. package/dist/vue3/style.css +18 -7
  65. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  66. package/package.json +5 -4
  67. package/dist/tokens/themes/chunks/tokens-base-dark-DPDbA0Im.js +0 -4
  68. package/dist/tokens/themes/chunks/tokens-base-dark-OGkvNn32.js +0 -1
  69. package/dist/tokens/themes/chunks/tokens-base-light-C0l67sjm.js +0 -1
  70. package/dist/tokens/themes/chunks/tokens-base-light-nNZ2WKLp.js +0 -4
package/dist/tokens/css/tokens-dp-light.css CHANGED
@@ -8,126 +8,147 @@
8
8
  --dt-avatar-color-background-000-h: 0;
9
9
  --dt-avatar-color-background-000-s: 0%;
10
10
  --dt-avatar-color-background-000-l: 87.84313725490196%;
11
+ --dt-avatar-color-background-000-a: 100%;
11
12
  --dt-avatar-color-background-000-hsl: var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l);
12
- --dt-avatar-color-background-000-hsla: hsla(var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l) / var(--alpha, 100%));
13
+ --dt-avatar-color-background-000-hsla: hsl(var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l) / var(--alpha, 100%));
13
14
  --dt-avatar-color-background-000: #e0e0e0;
14
15
  --dt-avatar-color-background-1800-h: 36.20689655172413;
15
- --dt-avatar-color-background-1800-s: 67.44186046511626%;
16
+ --dt-avatar-color-background-1800-s: 67.44186046511628%;
16
17
  --dt-avatar-color-background-1800-l: 83.13725490196077%;
18
+ --dt-avatar-color-background-1800-a: 100%;
17
19
  --dt-avatar-color-background-1800-hsl: var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l);
18
- --dt-avatar-color-background-1800-hsla: hsla(var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l) / var(--alpha, 100%));
20
+ --dt-avatar-color-background-1800-hsla: hsl(var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l) / var(--alpha, 100%));
19
21
  --dt-avatar-color-background-1800: #f1dab7;
20
22
  --dt-avatar-color-background-1700-h: 46.70270270270271;
21
23
  --dt-avatar-color-background-1700-s: 100%;
22
24
  --dt-avatar-color-background-1700-l: 63.725490196078425%;
25
+ --dt-avatar-color-background-1700-a: 100%;
23
26
  --dt-avatar-color-background-1700-hsl: var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l);
24
- --dt-avatar-color-background-1700-hsla: hsla(var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l) / var(--alpha, 100%));
27
+ --dt-avatar-color-background-1700-hsla: hsl(var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l) / var(--alpha, 100%));
25
28
  --dt-avatar-color-background-1700: #ffd646;
26
29
  --dt-avatar-color-background-1600-h: 39.473684210526315;
27
30
  --dt-avatar-color-background-1600-s: 100%;
28
31
  --dt-avatar-color-background-1600-l: 62.745098039215684%;
32
+ --dt-avatar-color-background-1600-a: 100%;
29
33
  --dt-avatar-color-background-1600-hsl: var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l);
30
- --dt-avatar-color-background-1600-hsla: hsla(var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l) / var(--alpha, 100%));
34
+ --dt-avatar-color-background-1600-hsla: hsl(var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l) / var(--alpha, 100%));
31
35
  --dt-avatar-color-background-1600: #ffbe41;
32
- --dt-avatar-color-background-1500-h: 25.128205128205128;
36
+ --dt-avatar-color-background-1500-h: 25.128205128205124;
33
37
  --dt-avatar-color-background-1500-s: 75.48387096774195%;
34
38
  --dt-avatar-color-background-1500-l: 69.6078431372549%;
39
+ --dt-avatar-color-background-1500-a: 100%;
35
40
  --dt-avatar-color-background-1500-hsl: var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l);
36
- --dt-avatar-color-background-1500-hsla: hsla(var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l) / var(--alpha, 100%));
41
+ --dt-avatar-color-background-1500-hsla: hsl(var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l) / var(--alpha, 100%));
37
42
  --dt-avatar-color-background-1500: #eca877;
38
43
  --dt-avatar-color-background-1400-h: 0;
39
- --dt-avatar-color-background-1400-s: 89.70588235294119%;
44
+ --dt-avatar-color-background-1400-s: 89.70588235294117%;
40
45
  --dt-avatar-color-background-1400-l: 73.33333333333334%;
46
+ --dt-avatar-color-background-1400-a: 100%;
41
47
  --dt-avatar-color-background-1400-hsl: var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l);
42
- --dt-avatar-color-background-1400-hsla: hsla(var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l) / var(--alpha, 100%));
48
+ --dt-avatar-color-background-1400-hsla: hsl(var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l) / var(--alpha, 100%));
43
49
  --dt-avatar-color-background-1400: #f87e7e;
44
50
  --dt-avatar-color-background-1300-h: 325.6578947368421;
45
51
  --dt-avatar-color-background-1300-s: 100%;
46
52
  --dt-avatar-color-background-1300-l: 70.19607843137254%;
53
+ --dt-avatar-color-background-1300-a: 100%;
47
54
  --dt-avatar-color-background-1300-hsl: var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l);
48
- --dt-avatar-color-background-1300-hsla: hsla(var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l) / var(--alpha, 100%));
55
+ --dt-avatar-color-background-1300-hsla: hsl(var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l) / var(--alpha, 100%));
49
56
  --dt-avatar-color-background-1300: #ff67be;
50
57
  --dt-avatar-color-background-1200-h: 324.10256410256414;
51
58
  --dt-avatar-color-background-1200-s: 75.48387096774195%;
52
59
  --dt-avatar-color-background-1200-l: 69.6078431372549%;
60
+ --dt-avatar-color-background-1200-a: 100%;
53
61
  --dt-avatar-color-background-1200-hsl: var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l);
54
- --dt-avatar-color-background-1200-hsla: hsla(var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l) / var(--alpha, 100%));
62
+ --dt-avatar-color-background-1200-hsla: hsl(var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l) / var(--alpha, 100%));
55
63
  --dt-avatar-color-background-1200: #ec77bd;
56
64
  --dt-avatar-color-background-1100-h: 309.31034482758616;
57
- --dt-avatar-color-background-1100-s: 67.44186046511626%;
65
+ --dt-avatar-color-background-1100-s: 67.44186046511628%;
58
66
  --dt-avatar-color-background-1100-l: 83.13725490196077%;
67
+ --dt-avatar-color-background-1100-a: 100%;
59
68
  --dt-avatar-color-background-1100-hsl: var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l);
60
- --dt-avatar-color-background-1100-hsla: hsla(var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l) / var(--alpha, 100%));
69
+ --dt-avatar-color-background-1100-hsla: hsl(var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l) / var(--alpha, 100%));
61
70
  --dt-avatar-color-background-1100: #f1b7e8;
62
71
  --dt-avatar-color-background-1000-h: 219.45205479452054;
63
72
  --dt-avatar-color-background-1000-s: 100%;
64
73
  --dt-avatar-color-background-1000-l: 85.68627450980392%;
74
+ --dt-avatar-color-background-1000-a: 100%;
65
75
  --dt-avatar-color-background-1000-hsl: var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l);
66
- --dt-avatar-color-background-1000-hsla: hsla(var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l) / var(--alpha, 100%));
76
+ --dt-avatar-color-background-1000-hsla: hsl(var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l) / var(--alpha, 100%));
67
77
  --dt-avatar-color-background-1000: #b6cfff;
68
- --dt-avatar-color-background-900-h: 212.60115606936418;
78
+ --dt-avatar-color-background-900-h: 212.60115606936415;
69
79
  --dt-avatar-color-background-900-s: 98.85714285714286%;
70
80
  --dt-avatar-color-background-900-l: 65.68627450980392%;
81
+ --dt-avatar-color-background-900-a: 100%;
71
82
  --dt-avatar-color-background-900-hsl: var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l);
72
- --dt-avatar-color-background-900-hsla: hsla(var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l) / var(--alpha, 100%));
83
+ --dt-avatar-color-background-900-hsla: hsl(var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l) / var(--alpha, 100%));
73
84
  --dt-avatar-color-background-900: #51a0fe;
74
- --dt-avatar-color-background-800-h: 194.1176470588235;
85
+ --dt-avatar-color-background-800-h: 194.11764705882354;
75
86
  --dt-avatar-color-background-800-s: 100%;
76
87
  --dt-avatar-color-background-800-l: 80%;
88
+ --dt-avatar-color-background-800-a: 100%;
77
89
  --dt-avatar-color-background-800-hsl: var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l);
78
- --dt-avatar-color-background-800-hsla: hsla(var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l) / var(--alpha, 100%));
90
+ --dt-avatar-color-background-800-hsla: hsl(var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l) / var(--alpha, 100%));
79
91
  --dt-avatar-color-background-800: #99e7ff;
80
92
  --dt-avatar-color-background-700-h: 194.53416149068323;
81
93
  --dt-avatar-color-background-700-s: 100%;
82
94
  --dt-avatar-color-background-700-l: 68.43137254901961%;
95
+ --dt-avatar-color-background-700-a: 100%;
83
96
  --dt-avatar-color-background-700-hsl: var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l);
84
- --dt-avatar-color-background-700-hsla: hsla(var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l) / var(--alpha, 100%));
97
+ --dt-avatar-color-background-700-hsla: hsl(var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l) / var(--alpha, 100%));
85
98
  --dt-avatar-color-background-700: #5ed8ff;
86
99
  --dt-avatar-color-background-600-h: 187.17948717948718;
87
100
  --dt-avatar-color-background-600-s: 75.48387096774195%;
88
101
  --dt-avatar-color-background-600-l: 69.6078431372549%;
102
+ --dt-avatar-color-background-600-a: 100%;
89
103
  --dt-avatar-color-background-600-hsl: var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l);
90
- --dt-avatar-color-background-600-hsla: hsla(var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l) / var(--alpha, 100%));
104
+ --dt-avatar-color-background-600-hsla: hsl(var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l) / var(--alpha, 100%));
91
105
  --dt-avatar-color-background-600: #77deec;
92
106
  --dt-avatar-color-background-500-h: 154.9565217391304;
93
- --dt-avatar-color-background-500-s: 76.158940397351%;
107
+ --dt-avatar-color-background-500-s: 76.15894039735099%;
94
108
  --dt-avatar-color-background-500-l: 70.3921568627451%;
109
+ --dt-avatar-color-background-500-a: 100%;
95
110
  --dt-avatar-color-background-500-hsl: var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l);
96
- --dt-avatar-color-background-500-hsla: hsla(var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l) / var(--alpha, 100%));
111
+ --dt-avatar-color-background-500-hsla: hsl(var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l) / var(--alpha, 100%));
97
112
  --dt-avatar-color-background-500: #7aedbd;
98
113
  --dt-avatar-color-background-400-h: 144.1025641025641;
99
114
  --dt-avatar-color-background-400-s: 75.48387096774195%;
100
115
  --dt-avatar-color-background-400-l: 69.6078431372549%;
116
+ --dt-avatar-color-background-400-a: 100%;
101
117
  --dt-avatar-color-background-400-hsl: var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l);
102
- --dt-avatar-color-background-400-hsla: hsla(var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l) / var(--alpha, 100%));
118
+ --dt-avatar-color-background-400-hsla: hsl(var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l) / var(--alpha, 100%));
103
119
  --dt-avatar-color-background-400: #77eca6;
104
120
  --dt-avatar-color-background-300-h: 97.3469387755102;
105
- --dt-avatar-color-background-300-s: 69.99999999999997%;
121
+ --dt-avatar-color-background-300-s: 69.99999999999999%;
106
122
  --dt-avatar-color-background-300-l: 72.54901960784314%;
123
+ --dt-avatar-color-background-300-a: 100%;
107
124
  --dt-avatar-color-background-300-hsl: var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l);
108
- --dt-avatar-color-background-300-hsla: hsla(var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l) / var(--alpha, 100%));
125
+ --dt-avatar-color-background-300-hsla: hsl(var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l) / var(--alpha, 100%));
109
126
  --dt-avatar-color-background-300: #adea88;
110
- --dt-avatar-color-background-200-h: 101.12903225806453;
127
+ --dt-avatar-color-background-200-h: 101.12903225806451;
111
128
  --dt-avatar-color-background-200-s: 100%;
112
129
  --dt-avatar-color-background-200-l: 75.68627450980392%;
130
+ --dt-avatar-color-background-200-a: 100%;
113
131
  --dt-avatar-color-background-200-hsl: var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l);
114
- --dt-avatar-color-background-200-hsla: hsla(var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l) / var(--alpha, 100%));
132
+ --dt-avatar-color-background-200-hsla: hsl(var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l) / var(--alpha, 100%));
115
133
  --dt-avatar-color-background-200: #aaff83;
116
134
  --dt-avatar-color-background-100-h: 136.64233576642334;
117
135
  --dt-avatar-color-background-100-s: 72.4867724867725%;
118
136
  --dt-avatar-color-background-100-l: 37.05882352941176%;
137
+ --dt-avatar-color-background-100-a: 100%;
119
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
120
- --dt-avatar-color-background-100-hsla: hsla(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
139
+ --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
121
140
  --dt-avatar-color-background-100: #1aa340;
122
141
  --dt-radio-color-background-checked-h: var(--dt-color-brand-purple-h);
123
142
  --dt-radio-color-background-checked-s: var(--dt-color-brand-purple-s);
124
143
  --dt-radio-color-background-checked-l: var(--dt-color-brand-purple-l);
144
+ --dt-radio-color-background-checked-a: var(--dt-color-brand-purple-a);
125
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
126
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
127
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
128
148
  --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
129
149
  --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
130
150
  --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
151
+ --dt-radio-color-border-unchecked-a: var(--dt-color-black-400-a);
131
152
  --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
132
153
  --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
133
154
  --dt-radio-color-border-unchecked: var(--dt-color-black-400);
@@ -136,12 +157,14 @@
136
157
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
137
158
  --dt-checkbox-color-background-checked-s: var(--dt-color-brand-purple-s);
138
159
  --dt-checkbox-color-background-checked-l: var(--dt-color-brand-purple-l);
160
+ --dt-checkbox-color-background-checked-a: var(--dt-color-brand-purple-a);
139
161
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
140
162
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
141
163
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
142
164
  --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
143
165
  --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
144
166
  --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
167
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-400-a);
145
168
  --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
146
169
  --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
147
170
  --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
@@ -161,261 +184,304 @@
161
184
  --dt-button-font-weight-md: var(--dt-font-weight-medium); /* Font weight for MD button */
162
185
  --dt-button-font-weight-sm: var(--dt-font-weight-medium); /* Font weight for SM button */
163
186
  --dt-button-font-weight-xs: var(--dt-font-weight-medium); /* Font weight for XS button */
164
- --dt-badge-color-border-bulletin-subtle-h: 255.00000000000006;
187
+ --dt-badge-color-border-bulletin-subtle-h: 255;
165
188
  --dt-badge-color-border-bulletin-subtle-s: 100%;
166
- --dt-badge-color-border-bulletin-subtle-l: 66.09%;
189
+ --dt-badge-color-border-bulletin-subtle-l: 66.1%;
190
+ --dt-badge-color-border-bulletin-subtle-a: 50%;
167
191
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
168
- --dt-badge-color-border-bulletin-subtle-hsla: hsla(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 100%));
192
+ --dt-badge-color-border-bulletin-subtle-hsla: hsl(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 50%));
169
193
  --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
170
194
  --dt-badge-color-foreground-bulletin-subtle-h: 255;
171
195
  --dt-badge-color-foreground-bulletin-subtle-s: 100%;
172
196
  --dt-badge-color-foreground-bulletin-subtle-l: 26.400000000000002%;
197
+ --dt-badge-color-foreground-bulletin-subtle-a: 100%;
173
198
  --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l);
174
- --dt-badge-color-foreground-bulletin-subtle-hsla: hsla(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
199
+ --dt-badge-color-foreground-bulletin-subtle-hsla: hsl(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
175
200
  --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
176
201
  --dt-badge-color-foreground-bulletin-h: var(--dt-color-neutral-white-h);
177
202
  --dt-badge-color-foreground-bulletin-s: var(--dt-color-neutral-white-s);
178
203
  --dt-badge-color-foreground-bulletin-l: var(--dt-color-neutral-white-l);
204
+ --dt-badge-color-foreground-bulletin-a: var(--dt-color-neutral-white-a);
179
205
  --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-white-hsl);
180
206
  --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-white-hsla);
181
207
  --dt-badge-color-foreground-bulletin: var(--dt-color-neutral-white);
182
- --dt-badge-color-background-bulletin-subtle-h: 255.00000000000006;
208
+ --dt-badge-color-background-bulletin-subtle-h: 255;
183
209
  --dt-badge-color-background-bulletin-subtle-s: 100%;
184
- --dt-badge-color-background-bulletin-subtle-l: 66.09%;
210
+ --dt-badge-color-background-bulletin-subtle-l: 66.1%;
211
+ --dt-badge-color-background-bulletin-subtle-a: 10%;
185
212
  --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l);
186
- --dt-badge-color-background-bulletin-subtle-hsla: hsla(var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l) / var(--alpha, 100%));
213
+ --dt-badge-color-background-bulletin-subtle-hsla: hsl(var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l) / var(--alpha, 10%));
187
214
  --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
188
215
  --dt-badge-color-background-bulletin-h: var(--dt-color-brand-purple-h);
189
216
  --dt-badge-color-background-bulletin-s: var(--dt-color-brand-purple-s);
190
217
  --dt-badge-color-background-bulletin-l: var(--dt-color-brand-purple-l);
218
+ --dt-badge-color-background-bulletin-a: var(--dt-color-brand-purple-a);
191
219
  --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
192
220
  --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
193
221
  --dt-badge-color-background-bulletin: var(--dt-color-brand-purple);
194
222
  --dt-avatar-color-foreground-h: var(--dt-color-neutral-black-h);
195
223
  --dt-avatar-color-foreground-s: var(--dt-color-neutral-black-s);
196
224
  --dt-avatar-color-foreground-l: var(--dt-color-neutral-black-l);
225
+ --dt-avatar-color-foreground-a: var(--dt-color-neutral-black-a);
197
226
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
198
227
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
199
228
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
200
229
  --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-500-h);
201
230
  --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-500-s);
202
231
  --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-500-l);
232
+ --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-500-a);
203
233
  --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-500-hsl);
204
234
  --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-500-hsla);
205
235
  --dt-theme-mention-color-background-strong: var(--dt-color-purple-500);
206
236
  --dt-theme-mention-color-background-h: var(--dt-color-brand-purple-h);
207
237
  --dt-theme-mention-color-background-s: var(--dt-color-brand-purple-s);
208
238
  --dt-theme-mention-color-background-l: var(--dt-color-brand-purple-l);
239
+ --dt-theme-mention-color-background-a: var(--dt-color-brand-purple-a);
209
240
  --dt-theme-mention-color-background-hsl: var(--dt-color-brand-purple-hsl);
210
241
  --dt-theme-mention-color-background-hsla: var(--dt-color-brand-purple-hsla);
211
242
  --dt-theme-mention-color-background: var(--dt-color-brand-purple);
212
243
  --dt-theme-mention-color-foreground-h: var(--dt-color-neutral-white-h);
213
244
  --dt-theme-mention-color-foreground-s: var(--dt-color-neutral-white-s);
214
245
  --dt-theme-mention-color-foreground-l: var(--dt-color-neutral-white-l);
246
+ --dt-theme-mention-color-foreground-a: var(--dt-color-neutral-white-a);
215
247
  --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
216
248
  --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
217
249
  --dt-theme-mention-color-foreground: var(--dt-color-neutral-white);
218
250
  --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
219
251
  --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
220
252
  --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
253
+ --dt-theme-presence-color-background-offline-a: var(--dt-color-neutral-white-a);
221
254
  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
222
255
  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
223
256
  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
224
257
  --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-300-h);
225
258
  --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-300-s);
226
259
  --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-300-l);
260
+ --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-300-a);
227
261
  --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
228
262
  --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
229
263
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
230
264
  --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
231
265
  --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
232
266
  --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
267
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-300-a);
233
268
  --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
234
269
  --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
235
270
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
236
271
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
237
272
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
238
273
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
274
+ --dt-theme-presence-color-background-available-a: var(--dt-color-green-400-a);
239
275
  --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-400-hsl);
240
276
  --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-400-hsla);
241
277
  --dt-theme-presence-color-background-available: var(--dt-color-green-400);
242
278
  --dt-theme-color-base-h: var(--dt-color-black-900-h);
243
279
  --dt-theme-color-base-s: var(--dt-color-black-900-s);
244
280
  --dt-theme-color-base-l: var(--dt-color-black-900-l);
281
+ --dt-theme-color-base-a: var(--dt-color-black-900-a);
245
282
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
246
283
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
247
284
  --dt-theme-color-base: var(--dt-color-black-900);
248
285
  --dt-action-color-border-base-outlined-default-h: var(--dt-color-purple-400-h);
249
286
  --dt-action-color-border-base-outlined-default-s: var(--dt-color-purple-400-s);
250
287
  --dt-action-color-border-base-outlined-default-l: var(--dt-color-purple-400-l);
288
+ --dt-action-color-border-base-outlined-default-a: var(--dt-color-purple-400-a);
251
289
  --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-purple-400-hsl);
252
290
  --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-purple-400-hsla);
253
291
  --dt-action-color-border-base-outlined-default: var(--dt-color-purple-400);
254
292
  --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-400-h);
255
293
  --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-400-s);
256
294
  --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-400-l);
295
+ --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-400-a);
257
296
  --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-400-hsl);
258
297
  --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-400-hsla);
259
298
  --dt-action-color-background-positive-primary-default: var(--dt-color-green-400);
260
299
  --dt-action-color-background-positive-active-h: 137;
261
- --dt-action-color-background-positive-active-s: 72.50000000000001%;
300
+ --dt-action-color-background-positive-active-s: 72.5%;
262
301
  --dt-action-color-background-positive-active-l: 37.1%;
302
+ --dt-action-color-background-positive-active-a: 8%;
263
303
  --dt-action-color-background-positive-active-hsl: var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l);
264
- --dt-action-color-background-positive-active-hsla: hsla(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 100%));
304
+ --dt-action-color-background-positive-active-hsla: hsl(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 8%));
265
305
  --dt-action-color-background-positive-active: hsl(137 72.5% 37.1% / 0.08);
266
- --dt-action-color-background-positive-hover-h: 110.99999999999987;
267
- --dt-action-color-background-positive-hover-s: 53.79999999999936%;
306
+ --dt-action-color-background-positive-hover-h: 111;
307
+ --dt-action-color-background-positive-hover-s: 53.79999999999999%;
268
308
  --dt-action-color-background-positive-hover-l: 98%;
309
+ --dt-action-color-background-positive-hover-a: 100%;
269
310
  --dt-action-color-background-positive-hover-hsl: var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l);
270
- --dt-action-color-background-positive-hover-hsla: hsla(var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l) / var(--alpha, 100%));
311
+ --dt-action-color-background-positive-hover-hsla: hsl(var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l) / var(--alpha, 100%));
271
312
  --dt-action-color-background-positive-hover: hsl(111 53.8% 98%);
272
313
  --dt-action-color-background-positive-default-h: var(--dt-color-neutral-transparent-h);
273
314
  --dt-action-color-background-positive-default-s: var(--dt-color-neutral-transparent-s);
274
315
  --dt-action-color-background-positive-default-l: var(--dt-color-neutral-transparent-l);
316
+ --dt-action-color-background-positive-default-a: var(--dt-color-neutral-transparent-a);
275
317
  --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
276
318
  --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
277
319
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
278
320
  --dt-action-color-background-disabled-default-h: var(--dt-color-black-300-h);
279
321
  --dt-action-color-background-disabled-default-s: var(--dt-color-black-300-s);
280
322
  --dt-action-color-background-disabled-default-l: var(--dt-color-black-300-l);
323
+ --dt-action-color-background-disabled-default-a: var(--dt-color-black-300-a);
281
324
  --dt-action-color-background-disabled-default-hsl: var(--dt-color-black-300-hsl);
282
325
  --dt-action-color-background-disabled-default-hsla: var(--dt-color-black-300-hsla);
283
326
  --dt-action-color-background-disabled-default: var(--dt-color-black-300);
284
327
  --dt-action-color-background-muted-active-h: 0;
285
328
  --dt-action-color-background-muted-active-s: 0%;
286
329
  --dt-action-color-background-muted-active-l: 13.3%;
330
+ --dt-action-color-background-muted-active-a: 16%;
287
331
  --dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
288
- --dt-action-color-background-muted-active-hsla: hsla(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 100%));
332
+ --dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 16%));
289
333
  --dt-action-color-background-muted-active: hsl(0 0% 13.3% / 0.16);
290
334
  --dt-action-color-background-muted-hover-h: 0;
291
335
  --dt-action-color-background-muted-hover-s: 0%;
292
336
  --dt-action-color-background-muted-hover-l: 13.3%;
337
+ --dt-action-color-background-muted-hover-a: 10%;
293
338
  --dt-action-color-background-muted-hover-hsl: var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l);
294
- --dt-action-color-background-muted-hover-hsla: hsla(var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l) / var(--alpha, 100%));
339
+ --dt-action-color-background-muted-hover-hsla: hsl(var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l) / var(--alpha, 10%));
295
340
  --dt-action-color-background-muted-hover: hsl(0 0% 13.3% / 0.1);
296
341
  --dt-action-color-background-muted-default-h: var(--dt-color-neutral-transparent-h);
297
342
  --dt-action-color-background-muted-default-s: var(--dt-color-neutral-transparent-s);
298
343
  --dt-action-color-background-muted-default-l: var(--dt-color-neutral-transparent-l);
344
+ --dt-action-color-background-muted-default-a: var(--dt-color-neutral-transparent-a);
299
345
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
300
346
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
301
347
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
302
348
  --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-purple-100-h);
303
349
  --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-purple-100-s);
304
350
  --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-purple-100-l);
351
+ --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-purple-100-a);
305
352
  --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-purple-100-hsl);
306
353
  --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-purple-100-hsla);
307
354
  --dt-action-color-background-inverted-primary-hover: var(--dt-color-purple-100);
308
355
  --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
309
356
  --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
310
357
  --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
358
+ --dt-action-color-background-inverted-default-a: var(--dt-color-neutral-transparent-a);
311
359
  --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
312
360
  --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
313
361
  --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
314
362
  --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-300-h);
315
363
  --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-300-s);
316
364
  --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-300-l);
365
+ --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-300-a);
317
366
  --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-300-hsl);
318
367
  --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-300-hsla);
319
368
  --dt-action-color-background-critical-primary-default: var(--dt-color-red-300);
320
369
  --dt-action-color-background-critical-active-h: 0;
321
- --dt-action-color-background-critical-active-s: 88.79999999999998%;
370
+ --dt-action-color-background-critical-active-s: 88.8%;
322
371
  --dt-action-color-background-critical-active-l: 49%;
372
+ --dt-action-color-background-critical-active-a: 12%;
323
373
  --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
324
- --dt-action-color-background-critical-active-hsla: hsla(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 100%));
374
+ --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 12%));
325
375
  --dt-action-color-background-critical-active: hsl(0 88.8% 49% / 0.12);
326
376
  --dt-action-color-background-critical-hover-h: 0;
327
- --dt-action-color-background-critical-hover-s: 88.79999999999998%;
377
+ --dt-action-color-background-critical-hover-s: 88.8%;
328
378
  --dt-action-color-background-critical-hover-l: 49%;
379
+ --dt-action-color-background-critical-hover-a: 7%;
329
380
  --dt-action-color-background-critical-hover-hsl: var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l);
330
- --dt-action-color-background-critical-hover-hsla: hsla(var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l) / var(--alpha, 100%));
381
+ --dt-action-color-background-critical-hover-hsla: hsl(var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l) / var(--alpha, 7%));
331
382
  --dt-action-color-background-critical-hover: hsl(0 88.8% 49% / 0.07);
332
383
  --dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
333
384
  --dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
334
385
  --dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
386
+ --dt-action-color-background-critical-default-a: var(--dt-color-neutral-transparent-a);
335
387
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
336
388
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
337
389
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
338
390
  --dt-action-color-background-base-primary-default-h: var(--dt-color-brand-purple-h);
339
391
  --dt-action-color-background-base-primary-default-s: var(--dt-color-brand-purple-s);
340
392
  --dt-action-color-background-base-primary-default-l: var(--dt-color-brand-purple-l);
393
+ --dt-action-color-background-base-primary-default-a: var(--dt-color-brand-purple-a);
341
394
  --dt-action-color-background-base-primary-default-hsl: var(--dt-color-brand-purple-hsl);
342
395
  --dt-action-color-background-base-primary-default-hsla: var(--dt-color-brand-purple-hsla);
343
396
  --dt-action-color-background-base-primary-default: var(--dt-color-brand-purple);
344
- --dt-action-color-background-base-active-h: 255.00000000000006;
397
+ --dt-action-color-background-base-active-h: 255;
345
398
  --dt-action-color-background-base-active-s: 100%;
346
- --dt-action-color-background-base-active-l: 66.09%;
399
+ --dt-action-color-background-base-active-l: 66.1%;
400
+ --dt-action-color-background-base-active-a: 18%;
347
401
  --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
348
- --dt-action-color-background-base-active-hsla: hsla(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 100%));
402
+ --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 18%));
349
403
  --dt-action-color-background-base-active: hsl(255 100% 66.1% / 0.18);
350
- --dt-action-color-background-base-hover-h: 255.00000000000006;
404
+ --dt-action-color-background-base-hover-h: 255;
351
405
  --dt-action-color-background-base-hover-s: 100%;
352
- --dt-action-color-background-base-hover-l: 66.09%;
406
+ --dt-action-color-background-base-hover-l: 66.1%;
407
+ --dt-action-color-background-base-hover-a: 14%;
353
408
  --dt-action-color-background-base-hover-hsl: var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l);
354
- --dt-action-color-background-base-hover-hsla: hsla(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 100%));
409
+ --dt-action-color-background-base-hover-hsla: hsl(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 14%));
355
410
  --dt-action-color-background-base-hover: hsl(255 100% 66.1% / 0.14);
356
411
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
357
412
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
358
413
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
414
+ --dt-action-color-background-base-default-a: var(--dt-color-neutral-transparent-a);
359
415
  --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
360
416
  --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
361
417
  --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
362
418
  --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-neutral-white-h);
363
419
  --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-neutral-white-s);
364
420
  --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-neutral-white-l);
421
+ --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-neutral-white-a);
365
422
  --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
366
423
  --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
367
424
  --dt-action-color-foreground-positive-primary-default: var(--dt-color-neutral-white);
368
425
  --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-purple-500-h);
369
426
  --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-purple-500-s);
370
427
  --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-purple-500-l);
428
+ --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-purple-500-a);
371
429
  --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-purple-500-hsl);
372
430
  --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-purple-500-hsla);
373
431
  --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-purple-500);
374
432
  --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-purple-400-h);
375
433
  --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-purple-400-s);
376
434
  --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-purple-400-l);
435
+ --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-purple-400-a);
377
436
  --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-purple-400-hsl);
378
437
  --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-purple-400-hsla);
379
438
  --dt-action-color-foreground-inverted-primary-default: var(--dt-color-purple-400);
380
439
  --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-neutral-white-h);
381
440
  --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-neutral-white-s);
382
441
  --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-neutral-white-l);
442
+ --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-neutral-white-a);
383
443
  --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-white-hsl);
384
444
  --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
385
445
  --dt-action-color-foreground-critical-primary-default: var(--dt-color-neutral-white);
386
446
  --dt-action-color-foreground-base-primary-default-h: var(--dt-color-neutral-white-h);
387
447
  --dt-action-color-foreground-base-primary-default-s: var(--dt-color-neutral-white-s);
388
448
  --dt-action-color-foreground-base-primary-default-l: var(--dt-color-neutral-white-l);
449
+ --dt-action-color-foreground-base-primary-default-a: var(--dt-color-neutral-white-a);
389
450
  --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-white-hsl);
390
451
  --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
391
452
  --dt-action-color-foreground-base-primary-default: var(--dt-color-neutral-white);
392
453
  --dt-action-color-foreground-base-default-h: var(--dt-color-purple-400-h);
393
454
  --dt-action-color-foreground-base-default-s: var(--dt-color-purple-400-s);
394
455
  --dt-action-color-foreground-base-default-l: var(--dt-color-purple-400-l);
456
+ --dt-action-color-foreground-base-default-a: var(--dt-color-purple-400-a);
395
457
  --dt-action-color-foreground-base-default-hsl: var(--dt-color-purple-400-hsl);
396
458
  --dt-action-color-foreground-base-default-hsla: var(--dt-color-purple-400-hsla);
397
459
  --dt-action-color-foreground-base-default: var(--dt-color-purple-400);
398
460
  --dt-inputs-color-background-disabled-h: 0;
399
461
  --dt-inputs-color-background-disabled-s: 0%;
400
462
  --dt-inputs-color-background-disabled-l: 0%;
463
+ --dt-inputs-color-background-disabled-a: 12%;
401
464
  --dt-inputs-color-background-disabled-hsl: var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l);
402
- --dt-inputs-color-background-disabled-hsla: hsla(var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l) / var(--alpha, 100%));
465
+ --dt-inputs-color-background-disabled-hsla: hsl(var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l) / var(--alpha, 12%));
403
466
  --dt-inputs-color-background-disabled: hsl(0 0% 0% / 0.12);
404
467
  --dt-inputs-color-background-focus-h: 0;
405
468
  --dt-inputs-color-background-focus-s: 0%;
406
469
  --dt-inputs-color-background-focus-l: 0%;
470
+ --dt-inputs-color-background-focus-a: 1%;
407
471
  --dt-inputs-color-background-focus-hsl: var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l);
408
- --dt-inputs-color-background-focus-hsla: hsla(var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l) / var(--alpha, 100%));
472
+ --dt-inputs-color-background-focus-hsla: hsl(var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l) / var(--alpha, 1%));
409
473
  --dt-inputs-color-background-focus: hsl(0 0% 0% / 0.01);
410
474
  --dt-inputs-color-background-default-h: 0;
411
475
  --dt-inputs-color-background-default-s: 0%;
412
476
  --dt-inputs-color-background-default-l: 0%;
477
+ --dt-inputs-color-background-default-a: 3%;
413
478
  --dt-inputs-color-background-default-hsl: var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l);
414
- --dt-inputs-color-background-default-hsla: hsla(var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l) / var(--alpha, 100%));
479
+ --dt-inputs-color-background-default-hsla: hsl(var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l) / var(--alpha, 3%));
415
480
  --dt-inputs-color-background-default: hsl(0 0% 0% / 0.03);
416
481
  --dt-inputs-color-border-disabled-h: var(--dt-color-neutral-transparent-h);
417
482
  --dt-inputs-color-border-disabled-s: var(--dt-color-neutral-transparent-s);
418
483
  --dt-inputs-color-border-disabled-l: var(--dt-color-neutral-transparent-l);
484
+ --dt-inputs-color-border-disabled-a: var(--dt-color-neutral-transparent-a);
419
485
  --dt-inputs-color-border-disabled-hsl: var(--dt-color-neutral-transparent-hsl);
420
486
  --dt-inputs-color-border-disabled-hsla: var(--dt-color-neutral-transparent-hsla);
421
487
  --dt-inputs-color-border-disabled: var(--dt-color-neutral-transparent);
@@ -573,570 +639,665 @@
573
639
  --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
574
640
  --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
575
641
  --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
642
+ --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-200-a);
576
643
  --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
577
644
  --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
578
645
  --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
579
646
  --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
580
647
  --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
581
648
  --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
649
+ --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-500-a);
582
650
  --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
583
651
  --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
584
652
  --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
585
653
  --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-100-h);
586
654
  --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-100-s);
587
655
  --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-100-l);
656
+ --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-100-a);
588
657
  --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-100-hsl);
589
658
  --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-100-hsla);
590
659
  --dt-color-border-warning-strong-inverted: var(--dt-color-gold-100);
591
660
  --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-400-h);
592
661
  --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-400-s);
593
662
  --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-400-l);
663
+ --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-400-a);
594
664
  --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
595
665
  --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
596
666
  --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-400);
597
667
  --dt-color-border-success-strong-inverted-h: var(--dt-color-green-100-h);
598
668
  --dt-color-border-success-strong-inverted-s: var(--dt-color-green-100-s);
599
669
  --dt-color-border-success-strong-inverted-l: var(--dt-color-green-100-l);
670
+ --dt-color-border-success-strong-inverted-a: var(--dt-color-green-100-a);
600
671
  --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-100-hsl);
601
672
  --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-100-hsla);
602
673
  --dt-color-border-success-strong-inverted: var(--dt-color-green-100);
603
674
  --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-400-h);
604
675
  --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-400-s);
605
676
  --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-400-l);
677
+ --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-400-a);
606
678
  --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-400-hsl);
607
679
  --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-400-hsla);
608
680
  --dt-color-border-success-subtle-inverted: var(--dt-color-green-400);
609
681
  --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-100-h);
610
682
  --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-100-s);
611
683
  --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-100-l);
684
+ --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-100-a);
612
685
  --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-100-hsl);
613
686
  --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-100-hsla);
614
687
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-100);
615
688
  --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-400-h);
616
689
  --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-400-s);
617
690
  --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-400-l);
691
+ --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-400-a);
618
692
  --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
619
693
  --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
620
694
  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-400);
621
695
  --dt-color-border-brand-inverted-h: var(--dt-color-brand-purple-h);
622
696
  --dt-color-border-brand-inverted-s: var(--dt-color-brand-purple-s);
623
697
  --dt-color-border-brand-inverted-l: var(--dt-color-brand-purple-l);
698
+ --dt-color-border-brand-inverted-a: var(--dt-color-brand-purple-a);
624
699
  --dt-color-border-brand-inverted-hsl: var(--dt-color-brand-purple-hsl);
625
700
  --dt-color-border-brand-inverted-hsla: var(--dt-color-brand-purple-hsla);
626
701
  --dt-color-border-brand-inverted: var(--dt-color-brand-purple);
627
702
  --dt-color-border-warning-inverted-h: var(--dt-color-gold-200-h);
628
703
  --dt-color-border-warning-inverted-s: var(--dt-color-gold-200-s);
629
704
  --dt-color-border-warning-inverted-l: var(--dt-color-gold-200-l);
705
+ --dt-color-border-warning-inverted-a: var(--dt-color-gold-200-a);
630
706
  --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-200-hsl);
631
707
  --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-200-hsla);
632
708
  --dt-color-border-warning-inverted: var(--dt-color-gold-200);
633
709
  --dt-color-border-success-inverted-h: var(--dt-color-green-200-h);
634
710
  --dt-color-border-success-inverted-s: var(--dt-color-green-200-s);
635
711
  --dt-color-border-success-inverted-l: var(--dt-color-green-200-l);
712
+ --dt-color-border-success-inverted-a: var(--dt-color-green-200-a);
636
713
  --dt-color-border-success-inverted-hsl: var(--dt-color-green-200-hsl);
637
714
  --dt-color-border-success-inverted-hsla: var(--dt-color-green-200-hsla);
638
715
  --dt-color-border-success-inverted: var(--dt-color-green-200);
639
716
  --dt-color-border-critical-inverted-h: var(--dt-color-red-200-h);
640
717
  --dt-color-border-critical-inverted-s: var(--dt-color-red-200-s);
641
718
  --dt-color-border-critical-inverted-l: var(--dt-color-red-200-l);
719
+ --dt-color-border-critical-inverted-a: var(--dt-color-red-200-a);
642
720
  --dt-color-border-critical-inverted-hsl: var(--dt-color-red-200-hsl);
643
721
  --dt-color-border-critical-inverted-hsla: var(--dt-color-red-200-hsla);
644
722
  --dt-color-border-critical-inverted: var(--dt-color-red-200);
645
723
  --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
646
724
  --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
647
725
  --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
726
+ --dt-color-border-brand-strong-a: var(--dt-color-purple-500-a);
648
727
  --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
649
728
  --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
650
729
  --dt-color-border-brand-strong: var(--dt-color-purple-500);
651
730
  --dt-color-border-brand-subtle-h: var(--dt-color-purple-200-h);
652
731
  --dt-color-border-brand-subtle-s: var(--dt-color-purple-200-s);
653
732
  --dt-color-border-brand-subtle-l: var(--dt-color-purple-200-l);
733
+ --dt-color-border-brand-subtle-a: var(--dt-color-purple-200-a);
654
734
  --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-200-hsl);
655
735
  --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-200-hsla);
656
736
  --dt-color-border-brand-subtle: var(--dt-color-purple-200);
657
737
  --dt-color-border-warning-strong-h: 35.7;
658
- --dt-color-border-warning-strong-s: 88.30000000000001%;
738
+ --dt-color-border-warning-strong-s: 88.3%;
659
739
  --dt-color-border-warning-strong-l: 21.5%;
740
+ --dt-color-border-warning-strong-a: 100%;
660
741
  --dt-color-border-warning-strong-hsl: var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l);
661
- --dt-color-border-warning-strong-hsla: hsla(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--alpha, 100%));
742
+ --dt-color-border-warning-strong-hsla: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--alpha, 100%));
662
743
  --dt-color-border-warning-strong: hsl(35.7 88.3% 21.5%);
663
744
  --dt-color-border-warning-subtle-h: var(--dt-color-gold-200-h);
664
745
  --dt-color-border-warning-subtle-s: var(--dt-color-gold-200-s);
665
746
  --dt-color-border-warning-subtle-l: var(--dt-color-gold-200-l);
747
+ --dt-color-border-warning-subtle-a: var(--dt-color-gold-200-a);
666
748
  --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-200-hsl);
667
749
  --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-200-hsla);
668
750
  --dt-color-border-warning-subtle: var(--dt-color-gold-200);
669
751
  --dt-color-border-success-strong-h: var(--dt-color-green-500-h);
670
752
  --dt-color-border-success-strong-s: var(--dt-color-green-500-s);
671
753
  --dt-color-border-success-strong-l: var(--dt-color-green-500-l);
754
+ --dt-color-border-success-strong-a: var(--dt-color-green-500-a);
672
755
  --dt-color-border-success-strong-hsl: var(--dt-color-green-500-hsl);
673
756
  --dt-color-border-success-strong-hsla: var(--dt-color-green-500-hsla);
674
757
  --dt-color-border-success-strong: var(--dt-color-green-500);
675
758
  --dt-color-border-success-subtle-h: var(--dt-color-green-200-h);
676
759
  --dt-color-border-success-subtle-s: var(--dt-color-green-200-s);
677
760
  --dt-color-border-success-subtle-l: var(--dt-color-green-200-l);
761
+ --dt-color-border-success-subtle-a: var(--dt-color-green-200-a);
678
762
  --dt-color-border-success-subtle-hsl: var(--dt-color-green-200-hsl);
679
763
  --dt-color-border-success-subtle-hsla: var(--dt-color-green-200-hsla);
680
764
  --dt-color-border-success-subtle: var(--dt-color-green-200);
681
765
  --dt-color-border-critical-strong-h: var(--dt-color-red-400-h);
682
766
  --dt-color-border-critical-strong-s: var(--dt-color-red-400-s);
683
767
  --dt-color-border-critical-strong-l: var(--dt-color-red-400-l);
768
+ --dt-color-border-critical-strong-a: var(--dt-color-red-400-a);
684
769
  --dt-color-border-critical-strong-hsl: var(--dt-color-red-400-hsl);
685
770
  --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
686
771
  --dt-color-border-critical-strong: var(--dt-color-red-400);
687
772
  --dt-color-border-critical-subtle-h: var(--dt-color-red-200-h);
688
773
  --dt-color-border-critical-subtle-s: var(--dt-color-red-200-s);
689
774
  --dt-color-border-critical-subtle-l: var(--dt-color-red-200-l);
775
+ --dt-color-border-critical-subtle-a: var(--dt-color-red-200-a);
690
776
  --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
691
777
  --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
692
778
  --dt-color-border-critical-subtle: var(--dt-color-red-200);
693
779
  --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
694
780
  --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
695
781
  --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
782
+ --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
696
783
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
697
784
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
698
785
  --dt-color-border-accent: var(--dt-color-brand-magenta);
699
786
  --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
700
787
  --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
701
788
  --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
789
+ --dt-color-border-brand-a: var(--dt-color-brand-purple-a);
702
790
  --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
703
791
  --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
704
792
  --dt-color-border-brand: var(--dt-color-brand-purple);
705
793
  --dt-color-border-warning-h: var(--dt-color-gold-400-h);
706
794
  --dt-color-border-warning-s: var(--dt-color-gold-400-s);
707
795
  --dt-color-border-warning-l: var(--dt-color-gold-400-l);
796
+ --dt-color-border-warning-a: var(--dt-color-gold-400-a);
708
797
  --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
709
798
  --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
710
799
  --dt-color-border-warning: var(--dt-color-gold-400);
711
800
  --dt-color-border-success-h: var(--dt-color-green-400-h);
712
801
  --dt-color-border-success-s: var(--dt-color-green-400-s);
713
802
  --dt-color-border-success-l: var(--dt-color-green-400-l);
803
+ --dt-color-border-success-a: var(--dt-color-green-400-a);
714
804
  --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
715
805
  --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
716
806
  --dt-color-border-success: var(--dt-color-green-400);
717
807
  --dt-color-border-critical-h: var(--dt-color-red-300-h);
718
808
  --dt-color-border-critical-s: var(--dt-color-red-300-s);
719
809
  --dt-color-border-critical-l: var(--dt-color-red-300-l);
810
+ --dt-color-border-critical-a: var(--dt-color-red-300-a);
720
811
  --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
721
812
  --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
722
813
  --dt-color-border-critical: var(--dt-color-red-300);
723
814
  --dt-color-border-focus-h: var(--dt-color-blue-300-h);
724
815
  --dt-color-border-focus-s: var(--dt-color-blue-300-s);
725
816
  --dt-color-border-focus-l: var(--dt-color-blue-300-l);
817
+ --dt-color-border-focus-a: var(--dt-color-blue-300-a);
726
818
  --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
727
819
  --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
728
820
  --dt-color-border-focus: var(--dt-color-blue-300);
729
821
  --dt-color-border-bold-inverted-h: 0;
730
822
  --dt-color-border-bold-inverted-s: 0%;
731
823
  --dt-color-border-bold-inverted-l: 100%;
824
+ --dt-color-border-bold-inverted-a: 50%;
732
825
  --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
733
- --dt-color-border-bold-inverted-hsla: hsla(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 100%));
826
+ --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
734
827
  --dt-color-border-bold-inverted: hsl(0 0% 100% / 0.5);
735
828
  --dt-color-border-moderate-inverted-h: 0;
736
829
  --dt-color-border-moderate-inverted-s: 0%;
737
830
  --dt-color-border-moderate-inverted-l: 100%;
831
+ --dt-color-border-moderate-inverted-a: 38%;
738
832
  --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
739
- --dt-color-border-moderate-inverted-hsla: hsla(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 100%));
833
+ --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 38%));
740
834
  --dt-color-border-moderate-inverted: hsl(0 0% 100% / 0.38);
741
835
  --dt-color-border-default-inverted-h: 0;
742
836
  --dt-color-border-default-inverted-s: 0%;
743
837
  --dt-color-border-default-inverted-l: 100%;
838
+ --dt-color-border-default-inverted-a: 22%;
744
839
  --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
745
- --dt-color-border-default-inverted-hsla: hsla(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 100%));
840
+ --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 22%));
746
841
  --dt-color-border-default-inverted: hsl(0 0% 100% / 0.22);
747
842
  --dt-color-border-subtle-inverted-h: 0;
748
843
  --dt-color-border-subtle-inverted-s: 0%;
749
844
  --dt-color-border-subtle-inverted-l: 100%;
845
+ --dt-color-border-subtle-inverted-a: 14%;
750
846
  --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
751
- --dt-color-border-subtle-inverted-hsla: hsla(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 100%));
847
+ --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 14%));
752
848
  --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.14);
753
849
  --dt-color-border-bold-h: 0;
754
850
  --dt-color-border-bold-s: 0%;
755
851
  --dt-color-border-bold-l: 0%;
852
+ --dt-color-border-bold-a: 50%;
756
853
  --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
757
- --dt-color-border-bold-hsla: hsla(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 100%));
854
+ --dt-color-border-bold-hsla: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 50%));
758
855
  --dt-color-border-bold: hsl(0 0% 0% / 0.5);
759
856
  --dt-color-border-moderate-h: 0;
760
857
  --dt-color-border-moderate-s: 0%;
761
858
  --dt-color-border-moderate-l: 0%;
859
+ --dt-color-border-moderate-a: 34%;
762
860
  --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
763
- --dt-color-border-moderate-hsla: hsla(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 100%));
861
+ --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 34%));
764
862
  --dt-color-border-moderate: hsl(0 0% 0% / 0.34);
765
863
  --dt-color-border-default-h: 0;
766
864
  --dt-color-border-default-s: 0%;
767
865
  --dt-color-border-default-l: 0%;
866
+ --dt-color-border-default-a: 18%;
768
867
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
769
- --dt-color-border-default-hsla: hsla(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 100%));
868
+ --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, 18%));
770
869
  --dt-color-border-default: hsl(0 0% 0% / 0.18);
771
870
  --dt-color-border-subtle-h: 0;
772
871
  --dt-color-border-subtle-s: 0%;
773
872
  --dt-color-border-subtle-l: 0%;
873
+ --dt-color-border-subtle-a: 10%;
774
874
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
775
- --dt-color-border-subtle-hsla: hsla(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 100%));
875
+ --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, 10%));
776
876
  --dt-color-border-subtle: hsl(0 0% 0% / 0.1);
777
877
  --dt-color-surface-info-strong-h: var(--dt-color-blue-400-h);
778
878
  --dt-color-surface-info-strong-s: var(--dt-color-blue-400-s);
779
879
  --dt-color-surface-info-strong-l: var(--dt-color-blue-400-l);
880
+ --dt-color-surface-info-strong-a: var(--dt-color-blue-400-a);
780
881
  --dt-color-surface-info-strong-hsl: var(--dt-color-blue-400-hsl);
781
882
  --dt-color-surface-info-strong-hsla: var(--dt-color-blue-400-hsla);
782
883
  --dt-color-surface-info-strong: var(--dt-color-blue-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
783
884
  --dt-color-surface-info-subtle-h: 210;
784
- --dt-color-surface-info-subtle-s: 61.499999999999474%;
885
+ --dt-color-surface-info-subtle-s: 61.5%;
785
886
  --dt-color-surface-info-subtle-l: 97.5%;
887
+ --dt-color-surface-info-subtle-a: 100%;
786
888
  --dt-color-surface-info-subtle-hsl: var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l);
787
- --dt-color-surface-info-subtle-hsla: hsla(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--alpha, 100%));
889
+ --dt-color-surface-info-subtle-hsla: hsl(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--alpha, 100%));
788
890
  --dt-color-surface-info-subtle: hsl(210 61.5% 97.5%); /* A softer version of the default informational surface. */
789
891
  --dt-color-surface-info-h: var(--dt-color-blue-100-h);
790
892
  --dt-color-surface-info-s: var(--dt-color-blue-100-s);
791
893
  --dt-color-surface-info-l: var(--dt-color-blue-100-l);
894
+ --dt-color-surface-info-a: var(--dt-color-blue-100-a);
792
895
  --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
793
896
  --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
794
897
  --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
795
898
  --dt-color-surface-success-strong-h: var(--dt-color-green-400-h);
796
899
  --dt-color-surface-success-strong-s: var(--dt-color-green-400-s);
797
900
  --dt-color-surface-success-strong-l: var(--dt-color-green-400-l);
901
+ --dt-color-surface-success-strong-a: var(--dt-color-green-400-a);
798
902
  --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
799
903
  --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
800
904
  --dt-color-surface-success-strong: var(--dt-color-green-400); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
801
- --dt-color-surface-success-subtle-h: 110.99999999999987;
802
- --dt-color-surface-success-subtle-s: 53.79999999999936%;
905
+ --dt-color-surface-success-subtle-h: 111;
906
+ --dt-color-surface-success-subtle-s: 53.79999999999999%;
803
907
  --dt-color-surface-success-subtle-l: 98%;
908
+ --dt-color-surface-success-subtle-a: 100%;
804
909
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
805
- --dt-color-surface-success-subtle-hsla: hsla(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
910
+ --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
806
911
  --dt-color-surface-success-subtle: hsl(111 53.8% 98%); /* A softer version of the default success surface. */
807
912
  --dt-color-surface-success-h: var(--dt-color-green-100-h);
808
913
  --dt-color-surface-success-s: var(--dt-color-green-100-s);
809
914
  --dt-color-surface-success-l: var(--dt-color-green-100-l);
915
+ --dt-color-surface-success-a: var(--dt-color-green-100-a);
810
916
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
811
917
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
812
918
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
813
919
  --dt-color-surface-warning-strong-h: var(--dt-color-gold-200-h);
814
920
  --dt-color-surface-warning-strong-s: var(--dt-color-gold-200-s);
815
921
  --dt-color-surface-warning-strong-l: var(--dt-color-gold-200-l);
922
+ --dt-color-surface-warning-strong-a: var(--dt-color-gold-200-a);
816
923
  --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-200-hsl);
817
924
  --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-200-hsla);
818
925
  --dt-color-surface-warning-strong: var(--dt-color-gold-200); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
819
- --dt-color-surface-warning-subtle-h: 47.099999999999966;
926
+ --dt-color-surface-warning-subtle-h: 47.1;
820
927
  --dt-color-surface-warning-subtle-s: 100%;
821
928
  --dt-color-surface-warning-subtle-l: 95%;
929
+ --dt-color-surface-warning-subtle-a: 100%;
822
930
  --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
823
- --dt-color-surface-warning-subtle-hsla: hsla(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
931
+ --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
824
932
  --dt-color-surface-warning-subtle: hsl(47.1 100% 95%); /* A softer version of the default warning surface. */
825
933
  --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
826
934
  --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
827
935
  --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
936
+ --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
828
937
  --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
829
938
  --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
830
939
  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
831
940
  --dt-color-surface-critical-strong-h: var(--dt-color-red-400-h);
832
941
  --dt-color-surface-critical-strong-s: var(--dt-color-red-400-s);
833
942
  --dt-color-surface-critical-strong-l: var(--dt-color-red-400-l);
943
+ --dt-color-surface-critical-strong-a: var(--dt-color-red-400-a);
834
944
  --dt-color-surface-critical-strong-hsl: var(--dt-color-red-400-hsl);
835
945
  --dt-color-surface-critical-strong-hsla: var(--dt-color-red-400-hsla);
836
946
  --dt-color-surface-critical-strong: var(--dt-color-red-400); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
837
- --dt-color-surface-critical-subtle-h: 358.0000000000001;
947
+ --dt-color-surface-critical-subtle-h: 358;
838
948
  --dt-color-surface-critical-subtle-s: 100%;
839
949
  --dt-color-surface-critical-subtle-l: 97.5%;
950
+ --dt-color-surface-critical-subtle-a: 100%;
840
951
  --dt-color-surface-critical-subtle-hsl: var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l);
841
- --dt-color-surface-critical-subtle-hsla: hsla(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
952
+ --dt-color-surface-critical-subtle-hsla: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
842
953
  --dt-color-surface-critical-subtle: hsl(358 100% 97.5%); /* A softer version of the Critical surface. */
843
954
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
844
955
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
845
956
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
957
+ --dt-color-surface-critical-a: var(--dt-color-red-100-a);
846
958
  --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
847
959
  --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
848
960
  --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
849
961
  --dt-color-surface-contrast-h: var(--dt-color-black-800-h);
850
962
  --dt-color-surface-contrast-s: var(--dt-color-black-800-s);
851
963
  --dt-color-surface-contrast-l: var(--dt-color-black-800-l);
964
+ --dt-color-surface-contrast-a: var(--dt-color-black-800-a);
852
965
  --dt-color-surface-contrast-hsl: var(--dt-color-black-800-hsl);
853
966
  --dt-color-surface-contrast-hsla: var(--dt-color-black-800-hsla);
854
967
  --dt-color-surface-contrast: var(--dt-color-black-800); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
855
968
  --dt-color-surface-strong-h: var(--dt-color-black-600-h);
856
969
  --dt-color-surface-strong-s: var(--dt-color-black-600-s);
857
970
  --dt-color-surface-strong-l: var(--dt-color-black-600-l);
971
+ --dt-color-surface-strong-a: var(--dt-color-black-600-a);
858
972
  --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
859
973
  --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
860
974
  --dt-color-surface-strong: var(--dt-color-black-600); /* Use sparingly to draw the eye to a relatively important region. */
861
975
  --dt-color-surface-bold-h: var(--dt-color-black-300-h);
862
976
  --dt-color-surface-bold-s: var(--dt-color-black-300-s);
863
977
  --dt-color-surface-bold-l: var(--dt-color-black-300-l);
978
+ --dt-color-surface-bold-a: var(--dt-color-black-300-a);
864
979
  --dt-color-surface-bold-hsl: var(--dt-color-black-300-hsl);
865
980
  --dt-color-surface-bold-hsla: var(--dt-color-black-300-hsla);
866
981
  --dt-color-surface-bold: var(--dt-color-black-300); /* Highlight or call attention to specific areas of the interface. */
867
982
  --dt-color-surface-moderate-h: var(--dt-color-black-200-h);
868
983
  --dt-color-surface-moderate-s: var(--dt-color-black-200-s);
869
984
  --dt-color-surface-moderate-l: var(--dt-color-black-200-l);
985
+ --dt-color-surface-moderate-a: var(--dt-color-black-200-a);
870
986
  --dt-color-surface-moderate-hsl: var(--dt-color-black-200-hsl);
871
987
  --dt-color-surface-moderate-hsla: var(--dt-color-black-200-hsla);
872
988
  --dt-color-surface-moderate: var(--dt-color-black-200); /* A tertiary surface level, prominent without being too overpowering. */
873
989
  --dt-color-surface-secondary-h: var(--dt-color-black-100-h);
874
990
  --dt-color-surface-secondary-s: var(--dt-color-black-100-s);
875
991
  --dt-color-surface-secondary-l: var(--dt-color-black-100-l);
992
+ --dt-color-surface-secondary-a: var(--dt-color-black-100-a);
876
993
  --dt-color-surface-secondary-hsl: var(--dt-color-black-100-hsl);
877
994
  --dt-color-surface-secondary-hsla: var(--dt-color-black-100-hsla);
878
995
  --dt-color-surface-secondary: var(--dt-color-black-100); /* For adjacent or complementary regions. */
879
996
  --dt-color-surface-primary-h: var(--dt-color-neutral-white-h);
880
997
  --dt-color-surface-primary-s: var(--dt-color-neutral-white-s);
881
998
  --dt-color-surface-primary-l: var(--dt-color-neutral-white-l);
999
+ --dt-color-surface-primary-a: var(--dt-color-neutral-white-a);
882
1000
  --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
883
1001
  --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
884
1002
  --dt-color-surface-primary: var(--dt-color-neutral-white); /* Default surface color for the majority of surfaces. */
885
1003
  --dt-color-surface-info-subtle-opaque-h: 212;
886
- --dt-color-surface-info-subtle-opaque-s: 79.19999999999999%;
1004
+ --dt-color-surface-info-subtle-opaque-s: 79.2%;
887
1005
  --dt-color-surface-info-subtle-opaque-l: 43.3%;
1006
+ --dt-color-surface-info-subtle-opaque-a: 4%;
888
1007
  --dt-color-surface-info-subtle-opaque-hsl: var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l);
889
- --dt-color-surface-info-subtle-opaque-hsla: hsla(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 100%));
1008
+ --dt-color-surface-info-subtle-opaque-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 4%));
890
1009
  --dt-color-surface-info-subtle-opaque: hsl(212 79.2% 43.3% / 0.04); /* Info surface as opaque background color. */
891
1010
  --dt-color-surface-info-opaque-h: 212;
892
- --dt-color-surface-info-opaque-s: 79.19999999999999%;
1011
+ --dt-color-surface-info-opaque-s: 79.2%;
893
1012
  --dt-color-surface-info-opaque-l: 43.3%;
1013
+ --dt-color-surface-info-opaque-a: 9%;
894
1014
  --dt-color-surface-info-opaque-hsl: var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l);
895
- --dt-color-surface-info-opaque-hsla: hsla(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 100%));
1015
+ --dt-color-surface-info-opaque-hsla: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 9%));
896
1016
  --dt-color-surface-info-opaque: hsl(212 79.2% 43.3% / 0.09); /* Info surface as opaque background color. */
897
1017
  --dt-color-surface-success-subtle-opaque-h: 137;
898
- --dt-color-surface-success-subtle-opaque-s: 72.50000000000001%;
1018
+ --dt-color-surface-success-subtle-opaque-s: 72.5%;
899
1019
  --dt-color-surface-success-subtle-opaque-l: 37.1%;
1020
+ --dt-color-surface-success-subtle-opaque-a: 3%;
900
1021
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
901
- --dt-color-surface-success-subtle-opaque-hsla: hsla(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 100%));
1022
+ --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 3%));
902
1023
  --dt-color-surface-success-subtle-opaque: hsl(137 72.5% 37.1% / 0.03); /* Success subtle surface as opaque background color. */
903
1024
  --dt-color-surface-success-opaque-h: 137;
904
- --dt-color-surface-success-opaque-s: 72.50000000000001%;
1025
+ --dt-color-surface-success-opaque-s: 72.5%;
905
1026
  --dt-color-surface-success-opaque-l: 37.1%;
1027
+ --dt-color-surface-success-opaque-a: 8%;
906
1028
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
907
- --dt-color-surface-success-opaque-hsla: hsla(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 100%));
1029
+ --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 8%));
908
1030
  --dt-color-surface-success-opaque: hsl(137 72.5% 37.1% / 0.08); /* Success surface as opaque background color. */
909
- --dt-color-surface-warning-subtle-opaque-h: 43.00000000000001;
1031
+ --dt-color-surface-warning-subtle-opaque-h: 43;
910
1032
  --dt-color-surface-warning-subtle-opaque-s: 100%;
911
- --dt-color-surface-warning-subtle-opaque-l: 75.09%;
1033
+ --dt-color-surface-warning-subtle-opaque-l: 75.1%;
1034
+ --dt-color-surface-warning-subtle-opaque-a: 18%;
912
1035
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
913
- --dt-color-surface-warning-subtle-opaque-hsla: hsla(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 100%));
1036
+ --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 18%));
914
1037
  --dt-color-surface-warning-subtle-opaque: hsl(43 100% 75.1% / 0.18); /* Warning subtle surface as opaque background color */
915
- --dt-color-surface-warning-opaque-h: 43.00000000000001;
1038
+ --dt-color-surface-warning-opaque-h: 43;
916
1039
  --dt-color-surface-warning-opaque-s: 100%;
917
- --dt-color-surface-warning-opaque-l: 75.09%;
1040
+ --dt-color-surface-warning-opaque-l: 75.1%;
1041
+ --dt-color-surface-warning-opaque-a: 38%;
918
1042
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
919
- --dt-color-surface-warning-opaque-hsla: hsla(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 100%));
1043
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 38%));
920
1044
  --dt-color-surface-warning-opaque: hsl(43 100% 75.1% / 0.38); /* Warning surface as opaque background color */
921
1045
  --dt-color-surface-critical-subtle-opaque-h: 0;
922
- --dt-color-surface-critical-subtle-opaque-s: 88.79999999999998%;
1046
+ --dt-color-surface-critical-subtle-opaque-s: 88.8%;
923
1047
  --dt-color-surface-critical-subtle-opaque-l: 49%;
1048
+ --dt-color-surface-critical-subtle-opaque-a: 5%;
924
1049
  --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
925
- --dt-color-surface-critical-subtle-opaque-hsla: hsla(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 100%));
1050
+ --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 5%));
926
1051
  --dt-color-surface-critical-subtle-opaque: hsl(0 88.8% 49% / 0.05); /* Critical subtle surface as opaque background color. */
927
1052
  --dt-color-surface-critical-opaque-h: 0;
928
- --dt-color-surface-critical-opaque-s: 88.79999999999998%;
1053
+ --dt-color-surface-critical-opaque-s: 88.8%;
929
1054
  --dt-color-surface-critical-opaque-l: 49%;
1055
+ --dt-color-surface-critical-opaque-a: 11%;
930
1056
  --dt-color-surface-critical-opaque-hsl: var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l);
931
- --dt-color-surface-critical-opaque-hsla: hsla(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 100%));
1057
+ --dt-color-surface-critical-opaque-hsla: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 11%));
932
1058
  --dt-color-surface-critical-opaque: hsl(0 88.8% 49% / 0.11); /* Critical surface as opaque background color. */
933
1059
  --dt-color-surface-backdrop-h: 0;
934
1060
  --dt-color-surface-backdrop-s: 0%;
935
1061
  --dt-color-surface-backdrop-l: 0%;
1062
+ --dt-color-surface-backdrop-a: 70%;
936
1063
  --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
937
- --dt-color-surface-backdrop-hsla: hsla(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 100%));
1064
+ --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 70%));
938
1065
  --dt-color-surface-backdrop: hsl(0 0% 0% / 0.7); /* Background color for a modal-like backdrop. */
939
1066
  --dt-color-surface-contrast-opaque-h: 0;
940
1067
  --dt-color-surface-contrast-opaque-s: 0%;
941
1068
  --dt-color-surface-contrast-opaque-l: 0%;
1069
+ --dt-color-surface-contrast-opaque-a: 87%;
942
1070
  --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
943
- --dt-color-surface-contrast-opaque-hsla: hsla(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 100%));
1071
+ --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 87%));
944
1072
  --dt-color-surface-contrast-opaque: hsl(0 0% 0% / 0.87); /* Contrast surface as opaque background color. */
945
1073
  --dt-color-surface-strong-opaque-h: 0;
946
1074
  --dt-color-surface-strong-opaque-s: 0%;
947
1075
  --dt-color-surface-strong-opaque-l: 0%;
1076
+ --dt-color-surface-strong-opaque-a: 67%;
948
1077
  --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
949
- --dt-color-surface-strong-opaque-hsla: hsla(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 100%));
1078
+ --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 67%));
950
1079
  --dt-color-surface-strong-opaque: hsl(0 0% 0% / 0.67); /* Strong surface as opaque background color. */
951
1080
  --dt-color-surface-bold-opaque-h: 0;
952
1081
  --dt-color-surface-bold-opaque-s: 0%;
953
1082
  --dt-color-surface-bold-opaque-l: 0%;
1083
+ --dt-color-surface-bold-opaque-a: 18%;
954
1084
  --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
955
- --dt-color-surface-bold-opaque-hsla: hsla(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 100%));
1085
+ --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 18%));
956
1086
  --dt-color-surface-bold-opaque: hsl(0 0% 0% / 0.18); /* Bold surface as opaque background color. */
957
1087
  --dt-color-surface-moderate-opaque-h: 0;
958
1088
  --dt-color-surface-moderate-opaque-s: 0%;
959
1089
  --dt-color-surface-moderate-opaque-l: 0%;
1090
+ --dt-color-surface-moderate-opaque-a: 9%;
960
1091
  --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
961
- --dt-color-surface-moderate-opaque-hsla: hsla(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 100%));
1092
+ --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 9%));
962
1093
  --dt-color-surface-moderate-opaque: hsl(0 0% 0% / 0.09); /* Moderate surface as opaque background color. */
963
1094
  --dt-color-surface-secondary-opaque-h: 0;
964
1095
  --dt-color-surface-secondary-opaque-s: 0%;
965
1096
  --dt-color-surface-secondary-opaque-l: 0%;
1097
+ --dt-color-surface-secondary-opaque-a: 2%;
966
1098
  --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
967
- --dt-color-surface-secondary-opaque-hsla: hsla(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 100%));
1099
+ --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
968
1100
  --dt-color-surface-secondary-opaque: hsl(0 0% 0% / 0.02); /* Secondary surface as opaque background color. */
969
1101
  --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
970
1102
  --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
971
1103
  --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
1104
+ --dt-color-link-muted-inverted-hover-a: var(--dt-color-black-100-a);
972
1105
  --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-black-100-hsl);
973
1106
  --dt-color-link-muted-inverted-hover-hsla: var(--dt-color-black-100-hsla);
974
1107
  --dt-color-link-muted-inverted-hover: var(--dt-color-black-100);
975
1108
  --dt-color-link-warning-inverted-hover-h: var(--dt-color-black-100-h);
976
1109
  --dt-color-link-warning-inverted-hover-s: var(--dt-color-black-100-s);
977
1110
  --dt-color-link-warning-inverted-hover-l: var(--dt-color-black-100-l);
1111
+ --dt-color-link-warning-inverted-hover-a: var(--dt-color-black-100-a);
978
1112
  --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-black-100-hsl);
979
1113
  --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-black-100-hsla);
980
1114
  --dt-color-link-warning-inverted-hover: var(--dt-color-black-100);
981
1115
  --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
982
1116
  --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
983
1117
  --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
1118
+ --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-200-a);
984
1119
  --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
985
1120
  --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
986
1121
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
987
1122
  --dt-color-link-warning-hover-h: var(--dt-color-black-600-h);
988
1123
  --dt-color-link-warning-hover-s: var(--dt-color-black-600-s);
989
1124
  --dt-color-link-warning-hover-l: var(--dt-color-black-600-l);
1125
+ --dt-color-link-warning-hover-a: var(--dt-color-black-600-a);
990
1126
  --dt-color-link-warning-hover-hsl: var(--dt-color-black-600-hsl);
991
1127
  --dt-color-link-warning-hover-hsla: var(--dt-color-black-600-hsla);
992
1128
  --dt-color-link-warning-hover: var(--dt-color-black-600);
993
1129
  --dt-color-link-success-hover-h: var(--dt-color-green-500-h);
994
1130
  --dt-color-link-success-hover-s: var(--dt-color-green-500-s);
995
1131
  --dt-color-link-success-hover-l: var(--dt-color-green-500-l);
1132
+ --dt-color-link-success-hover-a: var(--dt-color-green-500-a);
996
1133
  --dt-color-link-success-hover-hsl: var(--dt-color-green-500-hsl);
997
1134
  --dt-color-link-success-hover-hsla: var(--dt-color-green-500-hsla);
998
1135
  --dt-color-link-success-hover: var(--dt-color-green-500);
999
1136
  --dt-color-link-critical-hover-h: var(--dt-color-red-400-h);
1000
1137
  --dt-color-link-critical-hover-s: var(--dt-color-red-400-s);
1001
1138
  --dt-color-link-critical-hover-l: var(--dt-color-red-400-l);
1139
+ --dt-color-link-critical-hover-a: var(--dt-color-red-400-a);
1002
1140
  --dt-color-link-critical-hover-hsl: var(--dt-color-red-400-hsl);
1003
1141
  --dt-color-link-critical-hover-hsla: var(--dt-color-red-400-hsla);
1004
1142
  --dt-color-link-critical-hover: var(--dt-color-red-400);
1005
1143
  --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
1006
1144
  --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
1007
1145
  --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
1146
+ --dt-color-link-primary-hover-a: var(--dt-color-purple-500-a);
1008
1147
  --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1009
1148
  --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1010
1149
  --dt-color-link-primary-hover: var(--dt-color-purple-500);
1011
1150
  --dt-color-link-primary-inverted-h: var(--dt-color-purple-300-h);
1012
1151
  --dt-color-link-primary-inverted-s: var(--dt-color-purple-300-s);
1013
1152
  --dt-color-link-primary-inverted-l: var(--dt-color-purple-300-l);
1153
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-300-a);
1014
1154
  --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-300-hsl);
1015
1155
  --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-300-hsla);
1016
1156
  --dt-color-link-primary-inverted: var(--dt-color-purple-300);
1017
1157
  --dt-color-link-primary-h: var(--dt-color-purple-400-h);
1018
1158
  --dt-color-link-primary-s: var(--dt-color-purple-400-s);
1019
1159
  --dt-color-link-primary-l: var(--dt-color-purple-400-l);
1160
+ --dt-color-link-primary-a: var(--dt-color-purple-400-a);
1020
1161
  --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
1021
1162
  --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
1022
1163
  --dt-color-link-primary: var(--dt-color-purple-400);
1023
1164
  --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-100-h);
1024
1165
  --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-100-s);
1025
1166
  --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-100-l);
1167
+ --dt-color-foreground-warning-inverted-a: var(--dt-color-gold-100-a);
1026
1168
  --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-100-hsl);
1027
1169
  --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-100-hsla);
1028
1170
  --dt-color-foreground-warning-inverted: var(--dt-color-gold-100); /* Warning text that sits on high-contrast surfaces or backgrounds */
1029
1171
  --dt-color-foreground-success-inverted-h: var(--dt-color-green-200-h);
1030
1172
  --dt-color-foreground-success-inverted-s: var(--dt-color-green-200-s);
1031
1173
  --dt-color-foreground-success-inverted-l: var(--dt-color-green-200-l);
1174
+ --dt-color-foreground-success-inverted-a: var(--dt-color-green-200-a);
1032
1175
  --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-200-hsl);
1033
1176
  --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-200-hsla);
1034
1177
  --dt-color-foreground-success-inverted: var(--dt-color-green-200); /* Success text that sits on high-contrast surfaces or backgrounds */
1035
1178
  --dt-color-foreground-critical-inverted-h: var(--dt-color-red-200-h);
1036
1179
  --dt-color-foreground-critical-inverted-s: var(--dt-color-red-200-s);
1037
1180
  --dt-color-foreground-critical-inverted-l: var(--dt-color-red-200-l);
1181
+ --dt-color-foreground-critical-inverted-a: var(--dt-color-red-200-a);
1038
1182
  --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
1039
1183
  --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
1040
1184
  --dt-color-foreground-critical-inverted: var(--dt-color-red-200); /* Critical text that sits on high-contrast surfaces or backgrounds */
1041
1185
  --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-500-h);
1042
1186
  --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-500-s);
1043
1187
  --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-500-l);
1188
+ --dt-color-foreground-disabled-inverted-a: var(--dt-color-black-500-a);
1044
1189
  --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-500-hsl);
1045
1190
  --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-500-hsla);
1046
1191
  --dt-color-foreground-disabled-inverted: var(--dt-color-black-500); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1047
1192
  --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-500-h);
1048
1193
  --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-500-s);
1049
1194
  --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-500-l);
1195
+ --dt-color-foreground-placeholder-inverted-a: var(--dt-color-black-500-a);
1050
1196
  --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-500-hsl);
1051
1197
  --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-500-hsla);
1052
1198
  --dt-color-foreground-placeholder-inverted: var(--dt-color-black-500); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1053
1199
  --dt-color-foreground-muted-inverted-h: 0;
1054
1200
  --dt-color-foreground-muted-inverted-s: 0%;
1055
1201
  --dt-color-foreground-muted-inverted-l: 91.4%;
1202
+ --dt-color-foreground-muted-inverted-a: 60%;
1056
1203
  --dt-color-foreground-muted-inverted-hsl: var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l);
1057
- --dt-color-foreground-muted-inverted-hsla: hsla(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 100%));
1204
+ --dt-color-foreground-muted-inverted-hsla: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 60%));
1058
1205
  --dt-color-foreground-muted-inverted: hsl(0 0% 91.4% / 0.6); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1059
1206
  --dt-color-foreground-tertiary-inverted-h: var(--dt-color-black-300-h);
1060
1207
  --dt-color-foreground-tertiary-inverted-s: var(--dt-color-black-300-s);
1061
1208
  --dt-color-foreground-tertiary-inverted-l: var(--dt-color-black-300-l);
1209
+ --dt-color-foreground-tertiary-inverted-a: var(--dt-color-black-300-a);
1062
1210
  --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-black-300-hsl);
1063
1211
  --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-black-300-hsla);
1064
1212
  --dt-color-foreground-tertiary-inverted: var(--dt-color-black-300); /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
1065
1213
  --dt-color-foreground-secondary-inverted-h: var(--dt-color-black-200-h);
1066
1214
  --dt-color-foreground-secondary-inverted-s: var(--dt-color-black-200-s);
1067
1215
  --dt-color-foreground-secondary-inverted-l: var(--dt-color-black-200-l);
1216
+ --dt-color-foreground-secondary-inverted-a: var(--dt-color-black-200-a);
1068
1217
  --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-200-hsl);
1069
1218
  --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-200-hsla);
1070
1219
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-200); /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
1071
1220
  --dt-color-foreground-primary-inverted-h: var(--dt-color-neutral-white-h);
1072
1221
  --dt-color-foreground-primary-inverted-s: var(--dt-color-neutral-white-s);
1073
1222
  --dt-color-foreground-primary-inverted-l: var(--dt-color-neutral-white-l);
1223
+ --dt-color-foreground-primary-inverted-a: var(--dt-color-neutral-white-a);
1074
1224
  --dt-color-foreground-primary-inverted-hsl: var(--dt-color-neutral-white-hsl);
1075
1225
  --dt-color-foreground-primary-inverted-hsla: var(--dt-color-neutral-white-hsla);
1076
1226
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-white); /* Primary text that sits on high-contrast surfaces or backgrounds. */
1077
1227
  --dt-color-foreground-warning-h: var(--dt-color-gold-500-h);
1078
1228
  --dt-color-foreground-warning-s: var(--dt-color-gold-500-s);
1079
1229
  --dt-color-foreground-warning-l: var(--dt-color-gold-500-l);
1230
+ --dt-color-foreground-warning-a: var(--dt-color-gold-500-a);
1080
1231
  --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
1081
1232
  --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
1082
1233
  --dt-color-foreground-warning: var(--dt-color-gold-500); /* Indicates information that requires user’s attention and further action may be necessary. */
1083
1234
  --dt-color-foreground-success-strong-h: var(--dt-color-green-500-h);
1084
1235
  --dt-color-foreground-success-strong-s: var(--dt-color-green-500-s);
1085
1236
  --dt-color-foreground-success-strong-l: var(--dt-color-green-500-l);
1237
+ --dt-color-foreground-success-strong-a: var(--dt-color-green-500-a);
1086
1238
  --dt-color-foreground-success-strong-hsl: var(--dt-color-green-500-hsl);
1087
1239
  --dt-color-foreground-success-strong-hsla: var(--dt-color-green-500-hsla);
1088
1240
  --dt-color-foreground-success-strong: var(--dt-color-green-500); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1089
1241
  --dt-color-foreground-success-h: var(--dt-color-green-400-h);
1090
1242
  --dt-color-foreground-success-s: var(--dt-color-green-400-s);
1091
1243
  --dt-color-foreground-success-l: var(--dt-color-green-400-l);
1244
+ --dt-color-foreground-success-a: var(--dt-color-green-400-a);
1092
1245
  --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1093
1246
  --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1094
1247
  --dt-color-foreground-success: var(--dt-color-green-400); /* Indicates a positive state. */
1095
1248
  --dt-color-foreground-critical-strong-h: var(--dt-color-red-400-h);
1096
1249
  --dt-color-foreground-critical-strong-s: var(--dt-color-red-400-s);
1097
1250
  --dt-color-foreground-critical-strong-l: var(--dt-color-red-400-l);
1251
+ --dt-color-foreground-critical-strong-a: var(--dt-color-red-400-a);
1098
1252
  --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-400-hsl);
1099
1253
  --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-400-hsla);
1100
1254
  --dt-color-foreground-critical-strong: var(--dt-color-red-400); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1101
1255
  --dt-color-foreground-critical-h: var(--dt-color-red-300-h);
1102
1256
  --dt-color-foreground-critical-s: var(--dt-color-red-300-s);
1103
1257
  --dt-color-foreground-critical-l: var(--dt-color-red-300-l);
1258
+ --dt-color-foreground-critical-a: var(--dt-color-red-300-a);
1104
1259
  --dt-color-foreground-critical-hsl: var(--dt-color-red-300-hsl);
1105
1260
  --dt-color-foreground-critical-hsla: var(--dt-color-red-300-hsla);
1106
1261
  --dt-color-foreground-critical: var(--dt-color-red-300); /* Expresses an error, danger, or otherwise critical state. */
1107
1262
  --dt-color-foreground-disabled-h: var(--dt-color-black-500-h);
1108
1263
  --dt-color-foreground-disabled-s: var(--dt-color-black-500-s);
1109
1264
  --dt-color-foreground-disabled-l: var(--dt-color-black-500-l);
1265
+ --dt-color-foreground-disabled-a: var(--dt-color-black-500-a);
1110
1266
  --dt-color-foreground-disabled-hsl: var(--dt-color-black-500-hsl);
1111
1267
  --dt-color-foreground-disabled-hsla: var(--dt-color-black-500-hsla);
1112
1268
  --dt-color-foreground-disabled: var(--dt-color-black-500); /* Used for text paired with disabled content or components, like the form elements. */
1113
1269
  --dt-color-foreground-placeholder-h: var(--dt-color-black-500-h);
1114
1270
  --dt-color-foreground-placeholder-s: var(--dt-color-black-500-s);
1115
1271
  --dt-color-foreground-placeholder-l: var(--dt-color-black-500-l);
1272
+ --dt-color-foreground-placeholder-a: var(--dt-color-black-500-a);
1116
1273
  --dt-color-foreground-placeholder-hsl: var(--dt-color-black-500-hsl);
1117
1274
  --dt-color-foreground-placeholder-hsla: var(--dt-color-black-500-hsla);
1118
1275
  --dt-color-foreground-placeholder: var(--dt-color-black-500); /* Text color for placeholder text within form elements. */
1119
1276
  --dt-color-foreground-muted-h: 0;
1120
1277
  --dt-color-foreground-muted-s: 0%;
1121
1278
  --dt-color-foreground-muted-l: 13.3%;
1279
+ --dt-color-foreground-muted-a: 50%;
1122
1280
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
1123
- --dt-color-foreground-muted-hsla: hsla(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 100%));
1281
+ --dt-color-foreground-muted-hsla: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 50%));
1124
1282
  --dt-color-foreground-muted: hsl(0 0% 13.3% / 0.5);
1125
1283
  --dt-color-foreground-tertiary-h: var(--dt-color-black-600-h);
1126
1284
  --dt-color-foreground-tertiary-s: var(--dt-color-black-600-s);
1127
1285
  --dt-color-foreground-tertiary-l: var(--dt-color-black-600-l);
1286
+ --dt-color-foreground-tertiary-a: var(--dt-color-black-600-a);
1128
1287
  --dt-color-foreground-tertiary-hsl: var(--dt-color-black-600-hsl);
1129
1288
  --dt-color-foreground-tertiary-hsla: var(--dt-color-black-600-hsla);
1130
1289
  --dt-color-foreground-tertiary: var(--dt-color-black-600); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
1131
1290
  --dt-color-foreground-secondary-h: var(--dt-color-black-700-h);
1132
1291
  --dt-color-foreground-secondary-s: var(--dt-color-black-700-s);
1133
1292
  --dt-color-foreground-secondary-l: var(--dt-color-black-700-l);
1293
+ --dt-color-foreground-secondary-a: var(--dt-color-black-700-a);
1134
1294
  --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
1135
1295
  --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
1136
1296
  --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1137
1297
  --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
1138
1298
  --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
1139
1299
  --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
1300
+ --dt-color-foreground-primary-a: var(--dt-color-black-900-a);
1140
1301
  --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
1141
1302
  --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1142
1303
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
@@ -1144,6 +1305,7 @@
1144
1305
  --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1145
1306
  --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1146
1307
  --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
1308
+ --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
1147
1309
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1148
1310
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1149
1311
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
@@ -1165,6 +1327,7 @@
1165
1327
  --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
1166
1328
  --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
1167
1329
  --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
1330
+ --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
1168
1331
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1169
1332
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1170
1333
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
@@ -1178,12 +1341,14 @@
1178
1341
  --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
1179
1342
  --dt-badge-color-border-default-s: var(--dt-color-border-subtle-s);
1180
1343
  --dt-badge-color-border-default-l: var(--dt-color-border-subtle-l);
1344
+ --dt-badge-color-border-default-a: var(--dt-color-border-subtle-a);
1181
1345
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1182
1346
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1183
1347
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1184
1348
  --dt-badge-color-foreground-default-h: var(--dt-color-foreground-primary-h);
1185
1349
  --dt-badge-color-foreground-default-s: var(--dt-color-foreground-primary-s);
1186
1350
  --dt-badge-color-foreground-default-l: var(--dt-color-foreground-primary-l);
1351
+ --dt-badge-color-foreground-default-a: var(--dt-color-foreground-primary-a);
1187
1352
  --dt-badge-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
1188
1353
  --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1189
1354
  --dt-badge-color-foreground-default: var(--dt-color-foreground-primary);
@@ -1191,372 +1356,434 @@
1191
1356
  --dt-badge-color-background-critical-h: var(--dt-color-surface-critical-h);
1192
1357
  --dt-badge-color-background-critical-s: var(--dt-color-surface-critical-s);
1193
1358
  --dt-badge-color-background-critical-l: var(--dt-color-surface-critical-l);
1359
+ --dt-badge-color-background-critical-a: var(--dt-color-surface-critical-a);
1194
1360
  --dt-badge-color-background-critical-hsl: var(--dt-color-surface-critical-hsl);
1195
1361
  --dt-badge-color-background-critical-hsla: var(--dt-color-surface-critical-hsla);
1196
1362
  --dt-badge-color-background-critical: var(--dt-color-surface-critical);
1197
1363
  --dt-badge-color-background-warning-h: var(--dt-color-surface-warning-h);
1198
1364
  --dt-badge-color-background-warning-s: var(--dt-color-surface-warning-s);
1199
1365
  --dt-badge-color-background-warning-l: var(--dt-color-surface-warning-l);
1366
+ --dt-badge-color-background-warning-a: var(--dt-color-surface-warning-a);
1200
1367
  --dt-badge-color-background-warning-hsl: var(--dt-color-surface-warning-hsl);
1201
1368
  --dt-badge-color-background-warning-hsla: var(--dt-color-surface-warning-hsla);
1202
1369
  --dt-badge-color-background-warning: var(--dt-color-surface-warning);
1203
1370
  --dt-badge-color-background-success-h: var(--dt-color-surface-success-h);
1204
1371
  --dt-badge-color-background-success-s: var(--dt-color-surface-success-s);
1205
1372
  --dt-badge-color-background-success-l: var(--dt-color-surface-success-l);
1373
+ --dt-badge-color-background-success-a: var(--dt-color-surface-success-a);
1206
1374
  --dt-badge-color-background-success-hsl: var(--dt-color-surface-success-hsl);
1207
1375
  --dt-badge-color-background-success-hsla: var(--dt-color-surface-success-hsla);
1208
1376
  --dt-badge-color-background-success: var(--dt-color-surface-success);
1209
1377
  --dt-badge-color-background-info-h: var(--dt-color-surface-info-h);
1210
1378
  --dt-badge-color-background-info-s: var(--dt-color-surface-info-s);
1211
1379
  --dt-badge-color-background-info-l: var(--dt-color-surface-info-l);
1380
+ --dt-badge-color-background-info-a: var(--dt-color-surface-info-a);
1212
1381
  --dt-badge-color-background-info-hsl: var(--dt-color-surface-info-hsl);
1213
1382
  --dt-badge-color-background-info-hsla: var(--dt-color-surface-info-hsla);
1214
1383
  --dt-badge-color-background-info: var(--dt-color-surface-info);
1215
1384
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1216
1385
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1217
1386
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
1387
+ --dt-badge-color-background-default-a: var(--dt-color-surface-moderate-opaque-a);
1218
1388
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1219
1389
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1220
1390
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
1221
1391
  --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
1222
1392
  --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
1223
1393
  --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
1394
+ --dt-theme-mention-color-foreground-strong-a: var(--dt-color-foreground-primary-inverted-a);
1224
1395
  --dt-theme-mention-color-foreground-strong-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1225
1396
  --dt-theme-mention-color-foreground-strong-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1226
1397
  --dt-theme-mention-color-foreground-strong: var(--dt-color-foreground-primary-inverted);
1227
1398
  --dt-theme-sidebar-section-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1228
1399
  --dt-theme-sidebar-section-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1229
1400
  --dt-theme-sidebar-section-color-foreground-l: var(--dt-color-foreground-tertiary-l);
1401
+ --dt-theme-sidebar-section-color-foreground-a: var(--dt-color-foreground-tertiary-a);
1230
1402
  --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1231
1403
  --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1232
1404
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1233
1405
  --dt-theme-sidebar-selected-row-color-background-h: 0;
1234
1406
  --dt-theme-sidebar-selected-row-color-background-s: 0%;
1235
1407
  --dt-theme-sidebar-selected-row-color-background-l: 0%;
1408
+ --dt-theme-sidebar-selected-row-color-background-a: 10%;
1236
1409
  --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
1237
- --dt-theme-sidebar-selected-row-color-background-hsla: hsla(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 100%));
1410
+ --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 10%));
1238
1411
  --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 0% / 0.1);
1239
1412
  --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1240
1413
  --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1241
1414
  --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
1415
+ --dt-theme-sidebar-selected-row-color-foreground-a: var(--dt-color-foreground-primary-a);
1242
1416
  --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1243
1417
  --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1244
1418
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1245
1419
  --dt-theme-sidebar-row-color-background-active-h: 0;
1246
1420
  --dt-theme-sidebar-row-color-background-active-s: 0%;
1247
1421
  --dt-theme-sidebar-row-color-background-active-l: 0%;
1422
+ --dt-theme-sidebar-row-color-background-active-a: 16%;
1248
1423
  --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
1249
- --dt-theme-sidebar-row-color-background-active-hsla: hsla(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 100%));
1424
+ --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 16%));
1250
1425
  --dt-theme-sidebar-row-color-background-active: hsl(0 0% 0% / 0.16);
1251
1426
  --dt-theme-sidebar-row-color-background-hover-h: 0;
1252
1427
  --dt-theme-sidebar-row-color-background-hover-s: 0%;
1253
1428
  --dt-theme-sidebar-row-color-background-hover-l: 0%;
1429
+ --dt-theme-sidebar-row-color-background-hover-a: 12%;
1254
1430
  --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
1255
- --dt-theme-sidebar-row-color-background-hover-hsla: hsla(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 100%));
1431
+ --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 12%));
1256
1432
  --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 0% / 0.12);
1257
1433
  --dt-theme-sidebar-row-color-background-h: 0;
1258
1434
  --dt-theme-sidebar-row-color-background-s: 0%;
1259
1435
  --dt-theme-sidebar-row-color-background-l: 0%;
1436
+ --dt-theme-sidebar-row-color-background-a: 0%;
1260
1437
  --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
1261
- --dt-theme-sidebar-row-color-background-hsla: hsla(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 100%));
1438
+ --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
1262
1439
  --dt-theme-sidebar-row-color-background: hsl(0 0% 0% / 0);
1263
1440
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1264
1441
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1265
1442
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
1443
+ --dt-theme-sidebar-status-color-foreground-a: var(--dt-color-foreground-tertiary-a);
1266
1444
  --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1267
1445
  --dt-theme-sidebar-status-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1268
1446
  --dt-theme-sidebar-status-color-foreground: var(--dt-color-foreground-tertiary);
1269
1447
  --dt-theme-sidebar-color-foreground-unread-h: var(--dt-color-foreground-primary-h);
1270
1448
  --dt-theme-sidebar-color-foreground-unread-s: var(--dt-color-foreground-primary-s);
1271
1449
  --dt-theme-sidebar-color-foreground-unread-l: var(--dt-color-foreground-primary-l);
1450
+ --dt-theme-sidebar-color-foreground-unread-a: var(--dt-color-foreground-primary-a);
1272
1451
  --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
1273
1452
  --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
1274
1453
  --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
1275
1454
  --dt-theme-sidebar-color-foreground-h: var(--dt-color-foreground-secondary-h);
1276
1455
  --dt-theme-sidebar-color-foreground-s: var(--dt-color-foreground-secondary-s);
1277
1456
  --dt-theme-sidebar-color-foreground-l: var(--dt-color-foreground-secondary-l);
1457
+ --dt-theme-sidebar-color-foreground-a: var(--dt-color-foreground-secondary-a);
1278
1458
  --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1279
1459
  --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1280
1460
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1281
1461
  --dt-theme-topbar-profile-color-background-active-h: 0;
1282
1462
  --dt-theme-topbar-profile-color-background-active-s: 0%;
1283
1463
  --dt-theme-topbar-profile-color-background-active-l: 0%;
1464
+ --dt-theme-topbar-profile-color-background-active-a: 14%;
1284
1465
  --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
1285
- --dt-theme-topbar-profile-color-background-active-hsla: hsla(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 100%));
1466
+ --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
1286
1467
  --dt-theme-topbar-profile-color-background-active: hsl(0 0% 0% / 0.14);
1287
1468
  --dt-theme-topbar-profile-color-background-hover-h: 0;
1288
1469
  --dt-theme-topbar-profile-color-background-hover-s: 0%;
1289
1470
  --dt-theme-topbar-profile-color-background-hover-l: 0%;
1471
+ --dt-theme-topbar-profile-color-background-hover-a: 10%;
1290
1472
  --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
1291
- --dt-theme-topbar-profile-color-background-hover-hsla: hsla(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 100%));
1473
+ --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
1292
1474
  --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 0% / 0.1);
1293
1475
  --dt-theme-topbar-profile-color-background-inverted-h: 0;
1294
1476
  --dt-theme-topbar-profile-color-background-inverted-s: 0%;
1295
1477
  --dt-theme-topbar-profile-color-background-inverted-l: 0%;
1478
+ --dt-theme-topbar-profile-color-background-inverted-a: 75%;
1296
1479
  --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
1297
- --dt-theme-topbar-profile-color-background-inverted-hsla: hsla(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 100%));
1480
+ --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
1298
1481
  --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 0% / 0.75);
1299
1482
  --dt-theme-topbar-profile-color-background-h: 0;
1300
1483
  --dt-theme-topbar-profile-color-background-s: 0%;
1301
1484
  --dt-theme-topbar-profile-color-background-l: 0%;
1485
+ --dt-theme-topbar-profile-color-background-a: 5%;
1302
1486
  --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
1303
- --dt-theme-topbar-profile-color-background-hsla: hsla(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 100%));
1487
+ --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
1304
1488
  --dt-theme-topbar-profile-color-background: hsl(0 0% 0% / 0.05);
1305
1489
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1306
1490
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1307
1491
  --dt-theme-topbar-profile-color-foreground-inverted-l: 100%;
1492
+ --dt-theme-topbar-profile-color-foreground-inverted-a: 75%;
1308
1493
  --dt-theme-topbar-profile-color-foreground-inverted-hsl: var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l);
1309
- --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsla(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 100%));
1494
+ --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 75%));
1310
1495
  --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 100% / 0.75);
1311
1496
  --dt-theme-topbar-button-color-background-active-h: 0;
1312
1497
  --dt-theme-topbar-button-color-background-active-s: 0%;
1313
1498
  --dt-theme-topbar-button-color-background-active-l: 0%;
1499
+ --dt-theme-topbar-button-color-background-active-a: 10%;
1314
1500
  --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
1315
- --dt-theme-topbar-button-color-background-active-hsla: hsla(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 100%));
1501
+ --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
1316
1502
  --dt-theme-topbar-button-color-background-active: hsl(0 0% 0% / 0.1);
1317
1503
  --dt-theme-topbar-button-color-background-hover-h: 0;
1318
1504
  --dt-theme-topbar-button-color-background-hover-s: 0%;
1319
1505
  --dt-theme-topbar-button-color-background-hover-l: 0%;
1506
+ --dt-theme-topbar-button-color-background-hover-a: 5%;
1320
1507
  --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
1321
- --dt-theme-topbar-button-color-background-hover-hsla: hsla(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 100%));
1508
+ --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 5%));
1322
1509
  --dt-theme-topbar-button-color-background-hover: hsl(0 0% 0% / 0.05);
1323
1510
  --dt-theme-topbar-button-color-background-h: 0;
1324
1511
  --dt-theme-topbar-button-color-background-s: 0%;
1325
1512
  --dt-theme-topbar-button-color-background-l: 0%;
1513
+ --dt-theme-topbar-button-color-background-a: 0%;
1326
1514
  --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
1327
- --dt-theme-topbar-button-color-background-hsla: hsla(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 100%));
1515
+ --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
1328
1516
  --dt-theme-topbar-button-color-background: hsl(0 0% 0% / 0);
1329
1517
  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1330
1518
  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1331
1519
  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
1520
+ --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
1332
1521
  --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
1333
1522
  --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
1334
1523
  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1335
1524
  --dt-theme-topbar-button-color-foreground-h: 0;
1336
1525
  --dt-theme-topbar-button-color-foreground-s: 0%;
1337
1526
  --dt-theme-topbar-button-color-foreground-l: 0%;
1527
+ --dt-theme-topbar-button-color-foreground-a: 65%;
1338
1528
  --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
1339
- --dt-theme-topbar-button-color-foreground-hsla: hsla(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 100%));
1529
+ --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
1340
1530
  --dt-theme-topbar-button-color-foreground: hsl(0 0% 0% / 0.65);
1341
1531
  --dt-theme-topbar-field-color-border-active-h: 0;
1342
1532
  --dt-theme-topbar-field-color-border-active-s: 0%;
1343
1533
  --dt-theme-topbar-field-color-border-active-l: 0%;
1534
+ --dt-theme-topbar-field-color-border-active-a: 20%;
1344
1535
  --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
1345
- --dt-theme-topbar-field-color-border-active-hsla: hsla(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 100%));
1536
+ --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
1346
1537
  --dt-theme-topbar-field-color-border-active: hsl(0 0% 0% / 0.2);
1347
1538
  --dt-theme-topbar-field-color-border-hover-h: 0;
1348
1539
  --dt-theme-topbar-field-color-border-hover-s: 0%;
1349
1540
  --dt-theme-topbar-field-color-border-hover-l: 0%;
1541
+ --dt-theme-topbar-field-color-border-hover-a: 10%;
1350
1542
  --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
1351
- --dt-theme-topbar-field-color-border-hover-hsla: hsla(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 100%));
1543
+ --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
1352
1544
  --dt-theme-topbar-field-color-border-hover: hsl(0 0% 0% / 0.1);
1353
1545
  --dt-theme-topbar-field-color-border-h: 0;
1354
1546
  --dt-theme-topbar-field-color-border-s: 0%;
1355
1547
  --dt-theme-topbar-field-color-border-l: 0%;
1548
+ --dt-theme-topbar-field-color-border-a: 0%;
1356
1549
  --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
1357
- --dt-theme-topbar-field-color-border-hsla: hsla(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 100%));
1550
+ --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
1358
1551
  --dt-theme-topbar-field-color-border: hsl(0 0% 0% / 0);
1359
1552
  --dt-theme-topbar-field-color-background-hover-h: 0;
1360
1553
  --dt-theme-topbar-field-color-background-hover-s: 0%;
1361
1554
  --dt-theme-topbar-field-color-background-hover-l: 100%;
1555
+ --dt-theme-topbar-field-color-background-hover-a: 100%;
1362
1556
  --dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
1363
- --dt-theme-topbar-field-color-background-hover-hsla: hsla(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
1557
+ --dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
1364
1558
  --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
1365
1559
  --dt-theme-topbar-field-color-background-h: 0;
1366
1560
  --dt-theme-topbar-field-color-background-s: 0%;
1367
1561
  --dt-theme-topbar-field-color-background-l: 0%;
1562
+ --dt-theme-topbar-field-color-background-a: 5%;
1368
1563
  --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
1369
- --dt-theme-topbar-field-color-background-hsla: hsla(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 100%));
1564
+ --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
1370
1565
  --dt-theme-topbar-field-color-background: hsl(0 0% 0% / 0.05);
1371
1566
  --dt-theme-topbar-field-color-foreground-hover-h: 0;
1372
1567
  --dt-theme-topbar-field-color-foreground-hover-s: 0%;
1373
1568
  --dt-theme-topbar-field-color-foreground-hover-l: 0%;
1569
+ --dt-theme-topbar-field-color-foreground-hover-a: 75%;
1374
1570
  --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
1375
- --dt-theme-topbar-field-color-foreground-hover-hsla: hsla(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 100%));
1571
+ --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
1376
1572
  --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 0% / 0.75);
1377
1573
  --dt-theme-topbar-field-color-foreground-h: 0;
1378
1574
  --dt-theme-topbar-field-color-foreground-s: 0%;
1379
1575
  --dt-theme-topbar-field-color-foreground-l: 0%;
1576
+ --dt-theme-topbar-field-color-foreground-a: 50%;
1380
1577
  --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
1381
- --dt-theme-topbar-field-color-foreground-hsla: hsla(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 100%));
1578
+ --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
1382
1579
  --dt-theme-topbar-field-color-foreground: hsl(0 0% 0% / 0.5);
1383
1580
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1384
1581
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1385
1582
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
1583
+ --dt-theme-topbar-color-background-a: var(--dt-color-surface-secondary-a);
1386
1584
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1387
1585
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1388
1586
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1389
1587
  --dt-theme-topbar-color-foreground-h: 0;
1390
1588
  --dt-theme-topbar-color-foreground-s: 0%;
1391
1589
  --dt-theme-topbar-color-foreground-l: 0%;
1590
+ --dt-theme-topbar-color-foreground-a: 75%;
1392
1591
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1393
- --dt-theme-topbar-color-foreground-hsla: hsla(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 100%));
1592
+ --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1394
1593
  --dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
1395
1594
  --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1396
1595
  --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1397
1596
  --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1597
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1398
1598
  --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1399
1599
  --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1400
1600
  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1401
1601
  --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1402
1602
  --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1403
1603
  --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1604
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1404
1605
  --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1405
1606
  --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1406
1607
  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1407
1608
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1408
1609
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1409
1610
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
1611
+ --dt-action-color-border-critical-outlined-default-a: var(--dt-color-border-critical-a);
1410
1612
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1411
1613
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1412
1614
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
1413
1615
  --dt-action-color-background-positive-primary-active-h: 137;
1414
- --dt-action-color-background-positive-primary-active-s: 72.50000000000001%;
1616
+ --dt-action-color-background-positive-primary-active-s: 72.5%;
1415
1617
  --dt-action-color-background-positive-primary-active-l: 31.1%;
1618
+ --dt-action-color-background-positive-primary-active-a: 100%;
1416
1619
  --dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l);
1417
- --dt-action-color-background-positive-primary-active-hsla: hsla(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
1620
+ --dt-action-color-background-positive-primary-active-hsla: hsl(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
1418
1621
  --dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
1419
1622
  --dt-action-color-background-positive-primary-hover-h: 137;
1420
1623
  --dt-action-color-background-positive-primary-hover-s: 72.5%;
1421
1624
  --dt-action-color-background-positive-primary-hover-l: 33.4%;
1625
+ --dt-action-color-background-positive-primary-hover-a: 100%;
1422
1626
  --dt-action-color-background-positive-primary-hover-hsl: var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l);
1423
- --dt-action-color-background-positive-primary-hover-hsla: hsla(var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l) / var(--alpha, 100%));
1627
+ --dt-action-color-background-positive-primary-hover-hsla: hsl(var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l) / var(--alpha, 100%));
1424
1628
  --dt-action-color-background-positive-primary-hover: hsl(137 72.5% 33.4%);
1425
1629
  --dt-action-color-background-inverted-primary-active-h: 260;
1426
1630
  --dt-action-color-background-inverted-primary-active-s: 100%;
1427
- --dt-action-color-background-inverted-primary-active-l: 93.20000000000002%;
1631
+ --dt-action-color-background-inverted-primary-active-l: 93.2%;
1632
+ --dt-action-color-background-inverted-primary-active-a: 100%;
1428
1633
  --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l);
1429
- --dt-action-color-background-inverted-primary-active-hsla: hsla(var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l) / var(--alpha, 100%));
1634
+ --dt-action-color-background-inverted-primary-active-hsla: hsl(var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l) / var(--alpha, 100%));
1430
1635
  --dt-action-color-background-inverted-primary-active: hsl(260 100% 93.2%);
1431
1636
  --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-primary-h);
1432
1637
  --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-primary-s);
1433
1638
  --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-primary-l);
1639
+ --dt-action-color-background-inverted-primary-default-a: var(--dt-color-surface-primary-a);
1434
1640
  --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-primary-hsl);
1435
1641
  --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-primary-hsla);
1436
1642
  --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-primary);
1437
1643
  --dt-action-color-background-inverted-active-h: 0;
1438
1644
  --dt-action-color-background-inverted-active-s: 0%;
1439
1645
  --dt-action-color-background-inverted-active-l: 100%;
1646
+ --dt-action-color-background-inverted-active-a: 30%;
1440
1647
  --dt-action-color-background-inverted-active-hsl: var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l);
1441
- --dt-action-color-background-inverted-active-hsla: hsla(var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l) / var(--alpha, 100%));
1648
+ --dt-action-color-background-inverted-active-hsla: hsl(var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l) / var(--alpha, 30%));
1442
1649
  --dt-action-color-background-inverted-active: hsl(0 0% 100% / 0.3);
1443
1650
  --dt-action-color-background-inverted-hover-h: 0;
1444
1651
  --dt-action-color-background-inverted-hover-s: 0%;
1445
1652
  --dt-action-color-background-inverted-hover-l: 100%;
1653
+ --dt-action-color-background-inverted-hover-a: 15%;
1446
1654
  --dt-action-color-background-inverted-hover-hsl: var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l);
1447
- --dt-action-color-background-inverted-hover-hsla: hsla(var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l) / var(--alpha, 100%));
1655
+ --dt-action-color-background-inverted-hover-hsla: hsl(var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l) / var(--alpha, 15%));
1448
1656
  --dt-action-color-background-inverted-hover: hsl(0 0% 100% / 0.15);
1449
1657
  --dt-action-color-background-critical-primary-active-h: 0;
1450
- --dt-action-color-background-critical-primary-active-s: 88.79999999999998%;
1658
+ --dt-action-color-background-critical-primary-active-s: 88.8%;
1451
1659
  --dt-action-color-background-critical-primary-active-l: 43.1%;
1660
+ --dt-action-color-background-critical-primary-active-a: 100%;
1452
1661
  --dt-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l);
1453
- --dt-action-color-background-critical-primary-active-hsla: hsla(var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l) / var(--alpha, 100%));
1662
+ --dt-action-color-background-critical-primary-active-hsla: hsl(var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l) / var(--alpha, 100%));
1454
1663
  --dt-action-color-background-critical-primary-active: hsl(0 88.8% 43.1%);
1455
1664
  --dt-action-color-background-critical-primary-hover-h: 0;
1456
1665
  --dt-action-color-background-critical-primary-hover-s: 88.8%;
1457
1666
  --dt-action-color-background-critical-primary-hover-l: 45.1%;
1667
+ --dt-action-color-background-critical-primary-hover-a: 100%;
1458
1668
  --dt-action-color-background-critical-primary-hover-hsl: var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l);
1459
- --dt-action-color-background-critical-primary-hover-hsla: hsla(var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l) / var(--alpha, 100%));
1669
+ --dt-action-color-background-critical-primary-hover-hsla: hsl(var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l) / var(--alpha, 100%));
1460
1670
  --dt-action-color-background-critical-primary-hover: hsl(0 88.8% 45.1%);
1461
- --dt-action-color-background-base-primary-active-h: 255.00000000000006;
1671
+ --dt-action-color-background-base-primary-active-h: 255;
1462
1672
  --dt-action-color-background-base-primary-active-s: 100%;
1463
1673
  --dt-action-color-background-base-primary-active-l: 60.8%;
1674
+ --dt-action-color-background-base-primary-active-a: 100%;
1464
1675
  --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l);
1465
- --dt-action-color-background-base-primary-active-hsla: hsla(var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l) / var(--alpha, 100%));
1676
+ --dt-action-color-background-base-primary-active-hsla: hsl(var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l) / var(--alpha, 100%));
1466
1677
  --dt-action-color-background-base-primary-active: hsl(255 100% 60.8%);
1467
1678
  --dt-action-color-background-base-primary-hover-h: 255;
1468
1679
  --dt-action-color-background-base-primary-hover-s: 100%;
1469
- --dt-action-color-background-base-primary-hover-l: 63.40000000000001%;
1680
+ --dt-action-color-background-base-primary-hover-l: 63.4%;
1681
+ --dt-action-color-background-base-primary-hover-a: 100%;
1470
1682
  --dt-action-color-background-base-primary-hover-hsl: var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l);
1471
- --dt-action-color-background-base-primary-hover-hsla: hsla(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
1683
+ --dt-action-color-background-base-primary-hover-hsla: hsl(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
1472
1684
  --dt-action-color-background-base-primary-hover: hsl(255 100% 63.4%);
1473
1685
  --dt-action-color-foreground-positive-default-h: var(--dt-color-foreground-success-h);
1474
1686
  --dt-action-color-foreground-positive-default-s: var(--dt-color-foreground-success-s);
1475
1687
  --dt-action-color-foreground-positive-default-l: var(--dt-color-foreground-success-l);
1688
+ --dt-action-color-foreground-positive-default-a: var(--dt-color-foreground-success-a);
1476
1689
  --dt-action-color-foreground-positive-default-hsl: var(--dt-color-foreground-success-hsl);
1477
1690
  --dt-action-color-foreground-positive-default-hsla: var(--dt-color-foreground-success-hsla);
1478
1691
  --dt-action-color-foreground-positive-default: var(--dt-color-foreground-success);
1479
1692
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
1480
1693
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
1481
1694
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
1695
+ --dt-action-color-foreground-disabled-default-a: var(--dt-color-foreground-disabled-a);
1482
1696
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1483
1697
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1484
1698
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
1485
1699
  --dt-action-color-foreground-muted-default-h: var(--dt-color-foreground-secondary-h);
1486
1700
  --dt-action-color-foreground-muted-default-s: var(--dt-color-foreground-secondary-s);
1487
1701
  --dt-action-color-foreground-muted-default-l: var(--dt-color-foreground-secondary-l);
1702
+ --dt-action-color-foreground-muted-default-a: var(--dt-color-foreground-secondary-a);
1488
1703
  --dt-action-color-foreground-muted-default-hsl: var(--dt-color-foreground-secondary-hsl);
1489
1704
  --dt-action-color-foreground-muted-default-hsla: var(--dt-color-foreground-secondary-hsla);
1490
1705
  --dt-action-color-foreground-muted-default: var(--dt-color-foreground-secondary);
1491
1706
  --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
1492
1707
  --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
1493
1708
  --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
1709
+ --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
1494
1710
  --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
1495
1711
  --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
1496
1712
  --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
1497
1713
  --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
1498
1714
  --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
1499
1715
  --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
1716
+ --dt-action-color-foreground-inverted-default-a: var(--dt-color-foreground-primary-inverted-a);
1500
1717
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1501
1718
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1502
1719
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
1503
1720
  --dt-action-color-foreground-critical-default-h: var(--dt-color-foreground-critical-h);
1504
1721
  --dt-action-color-foreground-critical-default-s: var(--dt-color-foreground-critical-s);
1505
1722
  --dt-action-color-foreground-critical-default-l: var(--dt-color-foreground-critical-l);
1723
+ --dt-action-color-foreground-critical-default-a: var(--dt-color-foreground-critical-a);
1506
1724
  --dt-action-color-foreground-critical-default-hsl: var(--dt-color-foreground-critical-hsl);
1507
1725
  --dt-action-color-foreground-critical-default-hsla: var(--dt-color-foreground-critical-hsla);
1508
1726
  --dt-action-color-foreground-critical-default: var(--dt-color-foreground-critical);
1509
1727
  --dt-action-color-foreground-base-hover-h: 255;
1510
1728
  --dt-action-color-foreground-base-hover-s: 100%;
1511
- --dt-action-color-foreground-base-hover-l: 63.40000000000001%;
1729
+ --dt-action-color-foreground-base-hover-l: 63.4%;
1730
+ --dt-action-color-foreground-base-hover-a: 100%;
1512
1731
  --dt-action-color-foreground-base-hover-hsl: var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l);
1513
- --dt-action-color-foreground-base-hover-hsla: hsla(var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l) / var(--alpha, 100%));
1732
+ --dt-action-color-foreground-base-hover-hsla: hsl(var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l) / var(--alpha, 100%));
1514
1733
  --dt-action-color-foreground-base-hover: hsl(255 100% 63.4%);
1515
1734
  --dt-inputs-color-border-warning-h: var(--dt-color-border-warning-h);
1516
1735
  --dt-inputs-color-border-warning-s: var(--dt-color-border-warning-s);
1517
1736
  --dt-inputs-color-border-warning-l: var(--dt-color-border-warning-l);
1737
+ --dt-inputs-color-border-warning-a: var(--dt-color-border-warning-a);
1518
1738
  --dt-inputs-color-border-warning-hsl: var(--dt-color-border-warning-hsl);
1519
1739
  --dt-inputs-color-border-warning-hsla: var(--dt-color-border-warning-hsla);
1520
1740
  --dt-inputs-color-border-warning: var(--dt-color-border-warning);
1521
1741
  --dt-inputs-color-border-success-h: var(--dt-color-border-success-h);
1522
1742
  --dt-inputs-color-border-success-s: var(--dt-color-border-success-s);
1523
1743
  --dt-inputs-color-border-success-l: var(--dt-color-border-success-l);
1744
+ --dt-inputs-color-border-success-a: var(--dt-color-border-success-a);
1524
1745
  --dt-inputs-color-border-success-hsl: var(--dt-color-border-success-hsl);
1525
1746
  --dt-inputs-color-border-success-hsla: var(--dt-color-border-success-hsla);
1526
1747
  --dt-inputs-color-border-success: var(--dt-color-border-success);
1527
1748
  --dt-inputs-color-border-critical-h: var(--dt-color-border-critical-h);
1528
1749
  --dt-inputs-color-border-critical-s: var(--dt-color-border-critical-s);
1529
1750
  --dt-inputs-color-border-critical-l: var(--dt-color-border-critical-l);
1751
+ --dt-inputs-color-border-critical-a: var(--dt-color-border-critical-a);
1530
1752
  --dt-inputs-color-border-critical-hsl: var(--dt-color-border-critical-hsl);
1531
1753
  --dt-inputs-color-border-critical-hsla: var(--dt-color-border-critical-hsla);
1532
1754
  --dt-inputs-color-border-critical: var(--dt-color-border-critical);
1533
1755
  --dt-inputs-color-border-focus-h: var(--dt-color-border-focus-h);
1534
1756
  --dt-inputs-color-border-focus-s: var(--dt-color-border-focus-s);
1535
1757
  --dt-inputs-color-border-focus-l: var(--dt-color-border-focus-l);
1758
+ --dt-inputs-color-border-focus-a: var(--dt-color-border-focus-a);
1536
1759
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1537
1760
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1538
1761
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1539
1762
  --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1540
1763
  --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1541
1764
  --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1765
+ --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1542
1766
  --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1543
1767
  --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1544
1768
  --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1545
1769
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1546
1770
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1547
1771
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
1772
+ --dt-inputs-color-foreground-disabled-a: var(--dt-color-foreground-disabled-a);
1548
1773
  --dt-inputs-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1549
1774
  --dt-inputs-color-foreground-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1550
1775
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
1551
1776
  --dt-inputs-color-foreground-placeholder-h: var(--dt-color-foreground-placeholder-h);
1552
1777
  --dt-inputs-color-foreground-placeholder-s: var(--dt-color-foreground-placeholder-s);
1553
1778
  --dt-inputs-color-foreground-placeholder-l: var(--dt-color-foreground-placeholder-l);
1779
+ --dt-inputs-color-foreground-placeholder-a: var(--dt-color-foreground-placeholder-a);
1554
1780
  --dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
1555
1781
  --dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
1556
1782
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
1557
1783
  --dt-inputs-color-foreground-default-h: var(--dt-color-foreground-secondary-h);
1558
1784
  --dt-inputs-color-foreground-default-s: var(--dt-color-foreground-secondary-s);
1559
1785
  --dt-inputs-color-foreground-default-l: var(--dt-color-foreground-secondary-l);
1786
+ --dt-inputs-color-foreground-default-a: var(--dt-color-foreground-secondary-a);
1560
1787
  --dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-secondary-hsl);
1561
1788
  --dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-secondary-hsla);
1562
1789
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
@@ -1620,127 +1847,148 @@
1620
1847
  --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
1621
1848
  --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
1622
1849
  --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
1850
+ --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
1623
1851
  --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1624
1852
  --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1625
1853
  --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
1626
1854
  --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
1627
1855
  --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
1628
1856
  --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
1857
+ --dt-color-link-disabled-inverted-a: var(--dt-color-foreground-disabled-inverted-a);
1629
1858
  --dt-color-link-disabled-inverted-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
1630
1859
  --dt-color-link-disabled-inverted-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
1631
1860
  --dt-color-link-disabled-inverted: var(--dt-color-foreground-disabled-inverted);
1632
1861
  --dt-color-link-muted-inverted-h: var(--dt-color-foreground-secondary-inverted-h);
1633
1862
  --dt-color-link-muted-inverted-s: var(--dt-color-foreground-secondary-inverted-s);
1634
1863
  --dt-color-link-muted-inverted-l: var(--dt-color-foreground-secondary-inverted-l);
1864
+ --dt-color-link-muted-inverted-a: var(--dt-color-foreground-secondary-inverted-a);
1635
1865
  --dt-color-link-muted-inverted-hsl: var(--dt-color-foreground-secondary-inverted-hsl);
1636
1866
  --dt-color-link-muted-inverted-hsla: var(--dt-color-foreground-secondary-inverted-hsla);
1637
1867
  --dt-color-link-muted-inverted: var(--dt-color-foreground-secondary-inverted);
1638
1868
  --dt-color-link-warning-inverted-h: var(--dt-color-foreground-warning-inverted-h);
1639
1869
  --dt-color-link-warning-inverted-s: var(--dt-color-foreground-warning-inverted-s);
1640
1870
  --dt-color-link-warning-inverted-l: var(--dt-color-foreground-warning-inverted-l);
1871
+ --dt-color-link-warning-inverted-a: var(--dt-color-foreground-warning-inverted-a);
1641
1872
  --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
1642
1873
  --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
1643
1874
  --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
1644
1875
  --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
1645
1876
  --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
1646
1877
  --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
1878
+ --dt-color-link-success-inverted-a: var(--dt-color-foreground-success-inverted-a);
1647
1879
  --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
1648
1880
  --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
1649
1881
  --dt-color-link-success-inverted: var(--dt-color-foreground-success-inverted);
1650
1882
  --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
1651
1883
  --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
1652
1884
  --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
1885
+ --dt-color-link-critical-inverted-a: var(--dt-color-foreground-critical-inverted-a);
1653
1886
  --dt-color-link-critical-inverted-hsl: var(--dt-color-foreground-critical-inverted-hsl);
1654
1887
  --dt-color-link-critical-inverted-hsla: var(--dt-color-foreground-critical-inverted-hsla);
1655
1888
  --dt-color-link-critical-inverted: var(--dt-color-foreground-critical-inverted);
1656
1889
  --dt-color-link-disabled-h: var(--dt-color-foreground-disabled-h);
1657
1890
  --dt-color-link-disabled-s: var(--dt-color-foreground-disabled-s);
1658
1891
  --dt-color-link-disabled-l: var(--dt-color-foreground-disabled-l);
1892
+ --dt-color-link-disabled-a: var(--dt-color-foreground-disabled-a);
1659
1893
  --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1660
1894
  --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1661
1895
  --dt-color-link-disabled: var(--dt-color-foreground-disabled);
1662
1896
  --dt-color-link-muted-h: var(--dt-color-foreground-secondary-h);
1663
1897
  --dt-color-link-muted-s: var(--dt-color-foreground-secondary-s);
1664
1898
  --dt-color-link-muted-l: var(--dt-color-foreground-secondary-l);
1899
+ --dt-color-link-muted-a: var(--dt-color-foreground-secondary-a);
1665
1900
  --dt-color-link-muted-hsl: var(--dt-color-foreground-secondary-hsl);
1666
1901
  --dt-color-link-muted-hsla: var(--dt-color-foreground-secondary-hsla);
1667
1902
  --dt-color-link-muted: var(--dt-color-foreground-secondary);
1668
1903
  --dt-color-link-warning-h: var(--dt-color-foreground-warning-h);
1669
1904
  --dt-color-link-warning-s: var(--dt-color-foreground-warning-s);
1670
1905
  --dt-color-link-warning-l: var(--dt-color-foreground-warning-l);
1906
+ --dt-color-link-warning-a: var(--dt-color-foreground-warning-a);
1671
1907
  --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
1672
1908
  --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
1673
1909
  --dt-color-link-warning: var(--dt-color-foreground-warning);
1674
1910
  --dt-color-link-success-h: var(--dt-color-foreground-success-h);
1675
1911
  --dt-color-link-success-s: var(--dt-color-foreground-success-s);
1676
1912
  --dt-color-link-success-l: var(--dt-color-foreground-success-l);
1913
+ --dt-color-link-success-a: var(--dt-color-foreground-success-a);
1677
1914
  --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
1678
1915
  --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
1679
1916
  --dt-color-link-success: var(--dt-color-foreground-success); /* positive */
1680
1917
  --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
1681
1918
  --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
1682
1919
  --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
1920
+ --dt-color-link-critical-a: var(--dt-color-foreground-critical-a);
1683
1921
  --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
1684
1922
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
1685
1923
  --dt-color-link-critical: var(--dt-color-foreground-critical);
1686
- --dt-color-foreground-success-strong-inverted-h: 111.99999999999999;
1924
+ --dt-color-foreground-success-strong-inverted-h: 112;
1687
1925
  --dt-color-foreground-success-strong-inverted-s: 100%;
1688
- --dt-color-foreground-success-strong-inverted-l: 90.10000000000001%;
1926
+ --dt-color-foreground-success-strong-inverted-l: 90.1%;
1927
+ --dt-color-foreground-success-strong-inverted-a: 100%;
1689
1928
  --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l);
1690
- --dt-color-foreground-success-strong-inverted-hsla: hsla(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--alpha, 100%));
1929
+ --dt-color-foreground-success-strong-inverted-hsla: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--alpha, 100%));
1691
1930
  --dt-color-foreground-success-strong-inverted: hsl(112 100% 90.1%); /* Success strong text that sits on high-contrast surfaces or backgrounds */
1692
1931
  --dt-color-foreground-critical-strong-inverted-h: 0;
1693
1932
  --dt-color-foreground-critical-strong-inverted-s: 100%;
1694
1933
  --dt-color-foreground-critical-strong-inverted-l: 82.1%;
1934
+ --dt-color-foreground-critical-strong-inverted-a: 100%;
1695
1935
  --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l);
1696
- --dt-color-foreground-critical-strong-inverted-hsla: hsla(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--alpha, 100%));
1936
+ --dt-color-foreground-critical-strong-inverted-hsla: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--alpha, 100%));
1697
1937
  --dt-color-foreground-critical-strong-inverted: hsl(0 100% 82.1%); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1698
1938
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
1699
1939
  --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
1700
1940
  --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
1701
1941
  --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
1942
+ --dt-theme-sidebar-icon-color-foreground-a: var(--dt-theme-sidebar-color-foreground-a);
1702
1943
  --dt-theme-sidebar-icon-color-foreground-hsl: var(--dt-theme-sidebar-color-foreground-hsl);
1703
1944
  --dt-theme-sidebar-icon-color-foreground-hsla: var(--dt-theme-sidebar-color-foreground-hsla);
1704
1945
  --dt-theme-sidebar-icon-color-foreground: var(--dt-theme-sidebar-color-foreground);
1705
1946
  --dt-theme-sidebar-color-background-h: var(--dt-theme-topbar-color-background-h);
1706
1947
  --dt-theme-sidebar-color-background-s: var(--dt-theme-topbar-color-background-s);
1707
1948
  --dt-theme-sidebar-color-background-l: var(--dt-theme-topbar-color-background-l);
1949
+ --dt-theme-sidebar-color-background-a: var(--dt-theme-topbar-color-background-a);
1708
1950
  --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
1709
1951
  --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
1710
1952
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
1711
1953
  --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
1712
1954
  --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
1713
1955
  --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
1956
+ --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
1714
1957
  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1715
1958
  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1716
1959
  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
1717
1960
  --dt-action-color-foreground-positive-hover-h: 137;
1718
- --dt-action-color-foreground-positive-hover-s: 72.49999999999999%;
1719
- --dt-action-color-foreground-positive-hover-l: 30.399999999999995%;
1961
+ --dt-action-color-foreground-positive-hover-s: 72.5%;
1962
+ --dt-action-color-foreground-positive-hover-l: 30.4%;
1963
+ --dt-action-color-foreground-positive-hover-a: 100%;
1720
1964
  --dt-action-color-foreground-positive-hover-hsl: var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l);
1721
- --dt-action-color-foreground-positive-hover-hsla: hsla(var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l) / var(--alpha, 100%));
1965
+ --dt-action-color-foreground-positive-hover-hsla: hsl(var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l) / var(--alpha, 100%));
1722
1966
  --dt-action-color-foreground-positive-hover: hsl(137 72.5% 30.4%);
1723
1967
  --dt-action-color-foreground-muted-hover-h: var(--dt-action-color-foreground-muted-default-h);
1724
1968
  --dt-action-color-foreground-muted-hover-s: var(--dt-action-color-foreground-muted-default-s);
1725
1969
  --dt-action-color-foreground-muted-hover-l: var(--dt-action-color-foreground-muted-default-l);
1970
+ --dt-action-color-foreground-muted-hover-a: var(--dt-action-color-foreground-muted-default-a);
1726
1971
  --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-default-hsl);
1727
1972
  --dt-action-color-foreground-muted-hover-hsla: var(--dt-action-color-foreground-muted-default-hsla);
1728
1973
  --dt-action-color-foreground-muted-hover: var(--dt-action-color-foreground-muted-default);
1729
1974
  --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
1730
1975
  --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
1731
1976
  --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
1977
+ --dt-action-color-foreground-inverted-hover-a: var(--dt-action-color-foreground-inverted-default-a);
1732
1978
  --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-default-hsl);
1733
1979
  --dt-action-color-foreground-inverted-hover-hsla: var(--dt-action-color-foreground-inverted-default-hsla);
1734
1980
  --dt-action-color-foreground-inverted-hover: var(--dt-action-color-foreground-inverted-default);
1735
1981
  --dt-action-color-foreground-critical-hover-h: 0;
1736
1982
  --dt-action-color-foreground-critical-hover-s: 88.8%;
1737
1983
  --dt-action-color-foreground-critical-hover-l: 45.1%;
1984
+ --dt-action-color-foreground-critical-hover-a: 100%;
1738
1985
  --dt-action-color-foreground-critical-hover-hsl: var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l);
1739
- --dt-action-color-foreground-critical-hover-hsla: hsla(var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l) / var(--alpha, 100%));
1986
+ --dt-action-color-foreground-critical-hover-hsla: hsl(var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l) / var(--alpha, 100%));
1740
1987
  --dt-action-color-foreground-critical-hover: hsl(0 88.8% 45.1%);
1741
1988
  --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
1742
1989
  --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
1743
1990
  --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
1991
+ --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
1744
1992
  --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
1745
1993
  --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
1746
1994
  --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
@@ -1798,48 +2046,56 @@
1798
2046
  --dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-h);
1799
2047
  --dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-s);
1800
2048
  --dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-l);
2049
+ --dt-color-link-disabled-inverted-hover-a: var(--dt-color-link-disabled-a);
1801
2050
  --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-hsl);
1802
2051
  --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-hsla);
1803
2052
  --dt-color-link-disabled-inverted-hover: var(--dt-color-link-disabled);
1804
2053
  --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
1805
2054
  --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
1806
2055
  --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
2056
+ --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
1807
2057
  --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
1808
2058
  --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
1809
2059
  --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
1810
2060
  --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
1811
2061
  --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
1812
2062
  --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
2063
+ --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
1813
2064
  --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
1814
2065
  --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
1815
2066
  --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
1816
2067
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
1817
2068
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
1818
2069
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
2070
+ --dt-color-link-disabled-hover-a: var(--dt-color-link-disabled-a);
1819
2071
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
1820
2072
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
1821
2073
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
1822
2074
  --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
1823
2075
  --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
1824
2076
  --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
2077
+ --dt-action-color-foreground-positive-active-a: var(--dt-action-color-foreground-positive-hover-a);
1825
2078
  --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
1826
2079
  --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
1827
2080
  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
1828
2081
  --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
1829
2082
  --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
1830
2083
  --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
2084
+ --dt-action-color-foreground-muted-active-a: var(--dt-action-color-foreground-muted-hover-a);
1831
2085
  --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
1832
2086
  --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
1833
2087
  --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
1834
2088
  --dt-action-color-foreground-inverted-active-h: var(--dt-action-color-foreground-inverted-hover-h);
1835
2089
  --dt-action-color-foreground-inverted-active-s: var(--dt-action-color-foreground-inverted-hover-s);
1836
2090
  --dt-action-color-foreground-inverted-active-l: var(--dt-action-color-foreground-inverted-hover-l);
2091
+ --dt-action-color-foreground-inverted-active-a: var(--dt-action-color-foreground-inverted-hover-a);
1837
2092
  --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-hover-hsl);
1838
2093
  --dt-action-color-foreground-inverted-active-hsla: var(--dt-action-color-foreground-inverted-hover-hsla);
1839
2094
  --dt-action-color-foreground-inverted-active: var(--dt-action-color-foreground-inverted-hover);
1840
2095
  --dt-action-color-foreground-critical-active-h: var(--dt-action-color-foreground-critical-hover-h);
1841
2096
  --dt-action-color-foreground-critical-active-s: var(--dt-action-color-foreground-critical-hover-s);
1842
2097
  --dt-action-color-foreground-critical-active-l: var(--dt-action-color-foreground-critical-hover-l);
2098
+ --dt-action-color-foreground-critical-active-a: var(--dt-action-color-foreground-critical-hover-a);
1843
2099
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
1844
2100
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
1845
2101
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);