@dialpad/dialtone 9.77.0 → 9.79.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/dist/css/dialtone-default-theme.css +795 -810
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/tokens/tokens-base-dark.css +0 -5
  4. package/dist/css/tokens/tokens-base-light.css +0 -5
  5. package/dist/css/tokens/tokens-dp-dark.css +795 -805
  6. package/dist/css/tokens/tokens-dp-light.css +795 -805
  7. package/dist/css/tokens/tokens-expressive-dark.css +795 -805
  8. package/dist/css/tokens/tokens-expressive-light.css +795 -805
  9. package/dist/css/tokens/tokens-expressive-sm-dark.css +795 -805
  10. package/dist/css/tokens/tokens-expressive-sm-light.css +795 -805
  11. package/dist/css/tokens/tokens-tmo-dark.css +780 -790
  12. package/dist/css/tokens/tokens-tmo-light.css +780 -790
  13. package/dist/tokens/css/tokens-base-dark.css +0 -5
  14. package/dist/tokens/css/tokens-base-light.css +0 -5
  15. package/dist/tokens/css/tokens-dp-dark.css +795 -805
  16. package/dist/tokens/css/tokens-dp-light.css +795 -805
  17. package/dist/tokens/css/tokens-expressive-dark.css +795 -805
  18. package/dist/tokens/css/tokens-expressive-light.css +795 -805
  19. package/dist/tokens/css/tokens-expressive-sm-dark.css +795 -805
  20. package/dist/tokens/css/tokens-expressive-sm-light.css +795 -805
  21. package/dist/tokens/css/tokens-tmo-dark.css +780 -790
  22. package/dist/tokens/css/tokens-tmo-light.css +780 -790
  23. package/dist/tokens/doc.json +14103 -14103
  24. package/dist/tokens/themes/chunks/{tokens-base-dark-D9QWQ06G.js → tokens-base-dark-DPDbA0Im.js} +1 -1
  25. package/dist/tokens/themes/chunks/{tokens-base-dark-BspLyPe6.js → tokens-base-dark-OGkvNn32.js} +1 -1
  26. package/dist/tokens/themes/chunks/{tokens-base-light-CCF-uj56.js → tokens-base-light-C0l67sjm.js} +1 -1
  27. package/dist/tokens/themes/chunks/{tokens-base-light-B2jKQq80.js → tokens-base-light-nNZ2WKLp.js} +2 -2
  28. package/dist/tokens/themes/dp-dark.cjs +1 -1
  29. package/dist/tokens/themes/dp-dark.js +2 -2
  30. package/dist/tokens/themes/dp-light.cjs +1 -1
  31. package/dist/tokens/themes/dp-light.js +2 -2
  32. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  33. package/dist/tokens/themes/expressive-dark.js +3 -3
  34. package/dist/tokens/themes/expressive-light.cjs +1 -1
  35. package/dist/tokens/themes/expressive-light.js +3 -3
  36. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  37. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  38. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  39. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  40. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  41. package/dist/tokens/themes/tmo-dark.js +3 -3
  42. package/dist/tokens/themes/tmo-light.cjs +1 -1
  43. package/dist/tokens/themes/tmo-light.js +3 -3
  44. package/dist/tokens/types/postcss/constants.d.cts +1 -0
  45. package/dist/vue2/common/utils.cjs +7 -0
  46. package/dist/vue2/common/utils.cjs.map +1 -1
  47. package/dist/vue2/common/utils.js +8 -1
  48. package/dist/vue2/common/utils.js.map +1 -1
  49. package/dist/vue2/components/datepicker/datepicker.vue.cjs +4 -0
  50. package/dist/vue2/components/datepicker/datepicker.vue.cjs.map +1 -1
  51. package/dist/vue2/components/datepicker/datepicker.vue.js +4 -0
  52. package/dist/vue2/components/datepicker/datepicker.vue.js.map +1 -1
  53. package/dist/vue2/components/emoji_picker/modules/emoji_selector.vue.cjs +3 -3
  54. package/dist/vue2/components/emoji_picker/modules/emoji_selector.vue.cjs.map +1 -1
  55. package/dist/vue2/components/emoji_picker/modules/emoji_selector.vue.js +3 -3
  56. package/dist/vue2/components/emoji_picker/modules/emoji_selector.vue.js.map +1 -1
  57. package/dist/vue2/components/popover/popover.vue.cjs +1 -0
  58. package/dist/vue2/components/popover/popover.vue.cjs.map +1 -1
  59. package/dist/vue2/components/popover/popover.vue.js +2 -1
  60. package/dist/vue2/components/popover/popover.vue.js.map +1 -1
  61. package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.cjs +10 -9
  62. package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.cjs.map +1 -1
  63. package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.js +10 -9
  64. package/dist/vue2/components/rich_text_editor/extensions/emoji/suggestion.js.map +1 -1
  65. package/dist/vue2/components/rich_text_editor/rich_text_editor.vue.cjs +20 -9
  66. package/dist/vue2/components/rich_text_editor/rich_text_editor.vue.cjs.map +1 -1
  67. package/dist/vue2/components/rich_text_editor/rich_text_editor.vue.js +20 -9
  68. package/dist/vue2/components/rich_text_editor/rich_text_editor.vue.js.map +1 -1
  69. package/dist/vue2/components/split_button/split_button.vue.cjs +4 -0
  70. package/dist/vue2/components/split_button/split_button.vue.cjs.map +1 -1
  71. package/dist/vue2/components/split_button/split_button.vue.js +4 -0
  72. package/dist/vue2/components/split_button/split_button.vue.js.map +1 -1
  73. package/dist/vue2/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.cjs +3 -0
  74. package/dist/vue2/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.cjs.map +1 -1
  75. package/dist/vue2/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.js +4 -1
  76. package/dist/vue2/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.js.map +1 -1
  77. package/dist/vue2/types/common/utils/index.d.ts +1 -0
  78. package/dist/vue2/types/common/utils/index.d.ts.map +1 -1
  79. package/dist/vue2/types/components/dropdown/dropdown.vue.d.ts +4 -4
  80. package/dist/vue2/types/components/emoji_picker/modules/emoji_selector.vue.d.ts +1 -0
  81. package/dist/vue2/types/components/modal/modal.vue.d.ts +4 -4
  82. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map +1 -1
  83. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -0
  84. package/dist/vue2/types/components/tooltip/tooltip.vue.d.ts +4 -4
  85. package/dist/vue2/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +4 -4
  86. package/dist/vue3/common/utils.cjs +7 -0
  87. package/dist/vue3/common/utils.cjs.map +1 -1
  88. package/dist/vue3/common/utils.js +8 -1
  89. package/dist/vue3/common/utils.js.map +1 -1
  90. package/dist/vue3/components/datepicker/datepicker.vue.cjs +5 -0
  91. package/dist/vue3/components/datepicker/datepicker.vue.cjs.map +1 -1
  92. package/dist/vue3/components/datepicker/datepicker.vue.js +6 -1
  93. package/dist/vue3/components/datepicker/datepicker.vue.js.map +1 -1
  94. package/dist/vue3/components/popover/popover.vue.cjs +1 -0
  95. package/dist/vue3/components/popover/popover.vue.cjs.map +1 -1
  96. package/dist/vue3/components/popover/popover.vue.js +2 -1
  97. package/dist/vue3/components/popover/popover.vue.js.map +1 -1
  98. package/dist/vue3/components/rich_text_editor/extensions/emoji/suggestion.cjs +10 -9
  99. package/dist/vue3/components/rich_text_editor/extensions/emoji/suggestion.cjs.map +1 -1
  100. package/dist/vue3/components/rich_text_editor/extensions/emoji/suggestion.js +10 -9
  101. package/dist/vue3/components/rich_text_editor/extensions/emoji/suggestion.js.map +1 -1
  102. package/dist/vue3/components/rich_text_editor/rich_text_editor.vue.cjs +20 -9
  103. package/dist/vue3/components/rich_text_editor/rich_text_editor.vue.cjs.map +1 -1
  104. package/dist/vue3/components/rich_text_editor/rich_text_editor.vue.js +20 -9
  105. package/dist/vue3/components/rich_text_editor/rich_text_editor.vue.js.map +1 -1
  106. package/dist/vue3/components/split_button/split_button.vue.cjs +3 -0
  107. package/dist/vue3/components/split_button/split_button.vue.cjs.map +1 -1
  108. package/dist/vue3/components/split_button/split_button.vue.js +4 -1
  109. package/dist/vue3/components/split_button/split_button.vue.js.map +1 -1
  110. package/dist/vue3/components/tooltip/tooltip.vue.cjs +1 -0
  111. package/dist/vue3/components/tooltip/tooltip.vue.cjs.map +1 -1
  112. package/dist/vue3/components/tooltip/tooltip.vue.js +2 -1
  113. package/dist/vue3/components/tooltip/tooltip.vue.js.map +1 -1
  114. package/dist/vue3/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.cjs +3 -0
  115. package/dist/vue3/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.cjs.map +1 -1
  116. package/dist/vue3/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.js +4 -1
  117. package/dist/vue3/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.js.map +1 -1
  118. package/dist/vue3/types/common/utils/index.d.ts +1 -0
  119. package/dist/vue3/types/common/utils/index.d.ts.map +1 -1
  120. package/dist/vue3/types/components/dropdown/dropdown.vue.d.ts +5 -5
  121. package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts +7 -210
  122. package/dist/vue3/types/components/lazy_show/lazy_show.vue.d.ts +1 -1
  123. package/dist/vue3/types/components/modal/modal.vue.d.ts +4 -4
  124. package/dist/vue3/types/components/notice/notice_icon.vue.d.ts +1 -30
  125. package/dist/vue3/types/components/notice/notice_icon.vue.d.ts.map +1 -1
  126. package/dist/vue3/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map +1 -1
  127. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -0
  128. package/dist/vue3/types/components/tooltip/tooltip.vue.d.ts +5 -5
  129. package/dist/vue3/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
  130. package/dist/vue3/types/recipes/cards/ivr_node/ivr_node.vue.d.ts +1 -30
  131. package/dist/vue3/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +5 -5
  132. package/dist/vue3/types/recipes/conversation_view/editor/editor.vue.d.ts +8 -240
  133. package/dist/vue3/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts +1 -30
  134. package/dist/vue3/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts +1 -30
  135. package/package.json +4 -20
@@ -119,31 +119,31 @@
119
119
  --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
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%));
121
121
  --dt-avatar-color-background-100: #1aa340;
122
- --dt-radio-color-background-checked-h: 0;
123
- --dt-radio-color-background-checked-s: 0%;
124
- --dt-radio-color-background-checked-l: 0%;
125
- --dt-radio-color-background-checked-hsl: var(--dt-radio-color-background-checked-h) var(--dt-radio-color-background-checked-s) var(--dt-radio-color-background-checked-l);
126
- --dt-radio-color-background-checked-hsla: hsla(var(--dt-radio-color-background-checked-h) var(--dt-radio-color-background-checked-s) var(--dt-radio-color-background-checked-l) / var(--alpha, 100%));
122
+ --dt-radio-color-background-checked-h: var(--dt-color-brand-purple-h);
123
+ --dt-radio-color-background-checked-s: var(--dt-color-brand-purple-s);
124
+ --dt-radio-color-background-checked-l: var(--dt-color-brand-purple-l);
125
+ --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
126
+ --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
127
127
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
128
- --dt-radio-color-border-unchecked-h: 0;
129
- --dt-radio-color-border-unchecked-s: 0%;
130
- --dt-radio-color-border-unchecked-l: 0%;
131
- --dt-radio-color-border-unchecked-hsl: var(--dt-radio-color-border-unchecked-h) var(--dt-radio-color-border-unchecked-s) var(--dt-radio-color-border-unchecked-l);
132
- --dt-radio-color-border-unchecked-hsla: hsla(var(--dt-radio-color-border-unchecked-h) var(--dt-radio-color-border-unchecked-s) var(--dt-radio-color-border-unchecked-l) / var(--alpha, 100%));
128
+ --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
129
+ --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
130
+ --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
131
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
132
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
133
133
  --dt-radio-color-border-unchecked: var(--dt-color-black-500);
134
134
  --dt-radio-size-width: var(--dt-size-500);
135
135
  --dt-icon-size-border-100: var(--dt-size-border-100);
136
- --dt-checkbox-color-background-checked-h: 0;
137
- --dt-checkbox-color-background-checked-s: 0%;
138
- --dt-checkbox-color-background-checked-l: 0%;
139
- --dt-checkbox-color-background-checked-hsl: var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l);
140
- --dt-checkbox-color-background-checked-hsla: hsla(var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l) / var(--alpha, 100%));
136
+ --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
137
+ --dt-checkbox-color-background-checked-s: var(--dt-color-brand-purple-s);
138
+ --dt-checkbox-color-background-checked-l: var(--dt-color-brand-purple-l);
139
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
140
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
141
141
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
142
- --dt-checkbox-color-border-unchecked-h: 0;
143
- --dt-checkbox-color-border-unchecked-s: 0%;
144
- --dt-checkbox-color-border-unchecked-l: 0%;
145
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-checkbox-color-border-unchecked-h) var(--dt-checkbox-color-border-unchecked-s) var(--dt-checkbox-color-border-unchecked-l);
146
- --dt-checkbox-color-border-unchecked-hsla: hsla(var(--dt-checkbox-color-border-unchecked-h) var(--dt-checkbox-color-border-unchecked-s) var(--dt-checkbox-color-border-unchecked-l) / var(--alpha, 100%));
142
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
143
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
144
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
145
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
146
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
147
147
  --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
148
148
  --dt-checkbox-size-width: var(--dt-size-500);
149
149
  --dt-badge-color-border-bulletin-subtle-h: 255.00000000000006;
@@ -158,11 +158,11 @@
158
158
  --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);
159
159
  --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%));
160
160
  --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
161
- --dt-badge-color-foreground-bulletin-h: 0;
162
- --dt-badge-color-foreground-bulletin-s: 0%;
163
- --dt-badge-color-foreground-bulletin-l: 0%;
164
- --dt-badge-color-foreground-bulletin-hsl: var(--dt-badge-color-foreground-bulletin-h) var(--dt-badge-color-foreground-bulletin-s) var(--dt-badge-color-foreground-bulletin-l);
165
- --dt-badge-color-foreground-bulletin-hsla: hsla(var(--dt-badge-color-foreground-bulletin-h) var(--dt-badge-color-foreground-bulletin-s) var(--dt-badge-color-foreground-bulletin-l) / var(--alpha, 100%));
161
+ --dt-badge-color-foreground-bulletin-h: var(--dt-color-neutral-white-h);
162
+ --dt-badge-color-foreground-bulletin-s: var(--dt-color-neutral-white-s);
163
+ --dt-badge-color-foreground-bulletin-l: var(--dt-color-neutral-white-l);
164
+ --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-white-hsl);
165
+ --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-white-hsla);
166
166
  --dt-badge-color-foreground-bulletin: var(--dt-color-neutral-white);
167
167
  --dt-badge-color-background-bulletin-subtle-h: 255.00000000000006;
168
168
  --dt-badge-color-background-bulletin-subtle-s: 100%;
@@ -170,77 +170,77 @@
170
170
  --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);
171
171
  --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%));
172
172
  --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
173
- --dt-badge-color-background-bulletin-h: 0;
174
- --dt-badge-color-background-bulletin-s: 0%;
175
- --dt-badge-color-background-bulletin-l: 0%;
176
- --dt-badge-color-background-bulletin-hsl: var(--dt-badge-color-background-bulletin-h) var(--dt-badge-color-background-bulletin-s) var(--dt-badge-color-background-bulletin-l);
177
- --dt-badge-color-background-bulletin-hsla: hsla(var(--dt-badge-color-background-bulletin-h) var(--dt-badge-color-background-bulletin-s) var(--dt-badge-color-background-bulletin-l) / var(--alpha, 100%));
173
+ --dt-badge-color-background-bulletin-h: var(--dt-color-brand-purple-h);
174
+ --dt-badge-color-background-bulletin-s: var(--dt-color-brand-purple-s);
175
+ --dt-badge-color-background-bulletin-l: var(--dt-color-brand-purple-l);
176
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
177
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
178
178
  --dt-badge-color-background-bulletin: var(--dt-color-brand-purple);
179
- --dt-avatar-color-foreground-h: 0;
180
- --dt-avatar-color-foreground-s: 0%;
181
- --dt-avatar-color-foreground-l: 0%;
182
- --dt-avatar-color-foreground-hsl: var(--dt-avatar-color-foreground-h) var(--dt-avatar-color-foreground-s) var(--dt-avatar-color-foreground-l);
183
- --dt-avatar-color-foreground-hsla: hsla(var(--dt-avatar-color-foreground-h) var(--dt-avatar-color-foreground-s) var(--dt-avatar-color-foreground-l) / var(--alpha, 100%));
179
+ --dt-avatar-color-foreground-h: var(--dt-color-neutral-black-h);
180
+ --dt-avatar-color-foreground-s: var(--dt-color-neutral-black-s);
181
+ --dt-avatar-color-foreground-l: var(--dt-color-neutral-black-l);
182
+ --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
183
+ --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
184
184
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
185
- --dt-theme-mention-color-background-strong-h: 0;
186
- --dt-theme-mention-color-background-strong-s: 0%;
187
- --dt-theme-mention-color-background-strong-l: 0%;
188
- --dt-theme-mention-color-background-strong-hsl: var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l);
189
- --dt-theme-mention-color-background-strong-hsla: hsla(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
185
+ --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-500-h);
186
+ --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-500-s);
187
+ --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-500-l);
188
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-500-hsl);
189
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-500-hsla);
190
190
  --dt-theme-mention-color-background-strong: var(--dt-color-purple-500);
191
- --dt-theme-mention-color-background-h: 0;
192
- --dt-theme-mention-color-background-s: 0%;
193
- --dt-theme-mention-color-background-l: 0%;
194
- --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
195
- --dt-theme-mention-color-background-hsla: hsla(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
191
+ --dt-theme-mention-color-background-h: var(--dt-color-brand-purple-h);
192
+ --dt-theme-mention-color-background-s: var(--dt-color-brand-purple-s);
193
+ --dt-theme-mention-color-background-l: var(--dt-color-brand-purple-l);
194
+ --dt-theme-mention-color-background-hsl: var(--dt-color-brand-purple-hsl);
195
+ --dt-theme-mention-color-background-hsla: var(--dt-color-brand-purple-hsla);
196
196
  --dt-theme-mention-color-background: var(--dt-color-brand-purple);
197
- --dt-theme-mention-color-foreground-h: 0;
198
- --dt-theme-mention-color-foreground-s: 0%;
199
- --dt-theme-mention-color-foreground-l: 0%;
200
- --dt-theme-mention-color-foreground-hsl: var(--dt-theme-mention-color-foreground-h) var(--dt-theme-mention-color-foreground-s) var(--dt-theme-mention-color-foreground-l);
201
- --dt-theme-mention-color-foreground-hsla: hsla(var(--dt-theme-mention-color-foreground-h) var(--dt-theme-mention-color-foreground-s) var(--dt-theme-mention-color-foreground-l) / var(--alpha, 100%));
197
+ --dt-theme-mention-color-foreground-h: var(--dt-color-neutral-white-h);
198
+ --dt-theme-mention-color-foreground-s: var(--dt-color-neutral-white-s);
199
+ --dt-theme-mention-color-foreground-l: var(--dt-color-neutral-white-l);
200
+ --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
201
+ --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
202
202
  --dt-theme-mention-color-foreground: var(--dt-color-neutral-white);
203
- --dt-theme-presence-color-background-offline-h: 0;
204
- --dt-theme-presence-color-background-offline-s: 0%;
205
- --dt-theme-presence-color-background-offline-l: 0%;
206
- --dt-theme-presence-color-background-offline-hsl: var(--dt-theme-presence-color-background-offline-h) var(--dt-theme-presence-color-background-offline-s) var(--dt-theme-presence-color-background-offline-l);
207
- --dt-theme-presence-color-background-offline-hsla: hsla(var(--dt-theme-presence-color-background-offline-h) var(--dt-theme-presence-color-background-offline-s) var(--dt-theme-presence-color-background-offline-l) / var(--alpha, 100%));
203
+ --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
204
+ --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
205
+ --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
206
+ --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
207
+ --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
208
208
  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
209
- --dt-theme-presence-color-background-busy-h: 0;
210
- --dt-theme-presence-color-background-busy-s: 0%;
211
- --dt-theme-presence-color-background-busy-l: 0%;
212
- --dt-theme-presence-color-background-busy-hsl: var(--dt-theme-presence-color-background-busy-h) var(--dt-theme-presence-color-background-busy-s) var(--dt-theme-presence-color-background-busy-l);
213
- --dt-theme-presence-color-background-busy-hsla: hsla(var(--dt-theme-presence-color-background-busy-h) var(--dt-theme-presence-color-background-busy-s) var(--dt-theme-presence-color-background-busy-l) / var(--alpha, 100%));
209
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-300-h);
210
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-300-s);
211
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-300-l);
212
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
213
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
214
214
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
215
- --dt-theme-presence-color-background-busy-unavailable-h: 0;
216
- --dt-theme-presence-color-background-busy-unavailable-s: 0%;
217
- --dt-theme-presence-color-background-busy-unavailable-l: 0%;
218
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-theme-presence-color-background-busy-unavailable-h) var(--dt-theme-presence-color-background-busy-unavailable-s) var(--dt-theme-presence-color-background-busy-unavailable-l);
219
- --dt-theme-presence-color-background-busy-unavailable-hsla: hsla(var(--dt-theme-presence-color-background-busy-unavailable-h) var(--dt-theme-presence-color-background-busy-unavailable-s) var(--dt-theme-presence-color-background-busy-unavailable-l) / var(--alpha, 100%));
215
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
216
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
217
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
218
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
219
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
220
220
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
221
- --dt-theme-presence-color-background-available-h: 0;
222
- --dt-theme-presence-color-background-available-s: 0%;
223
- --dt-theme-presence-color-background-available-l: 0%;
224
- --dt-theme-presence-color-background-available-hsl: var(--dt-theme-presence-color-background-available-h) var(--dt-theme-presence-color-background-available-s) var(--dt-theme-presence-color-background-available-l);
225
- --dt-theme-presence-color-background-available-hsla: hsla(var(--dt-theme-presence-color-background-available-h) var(--dt-theme-presence-color-background-available-s) var(--dt-theme-presence-color-background-available-l) / var(--alpha, 100%));
221
+ --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
222
+ --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
223
+ --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
224
+ --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-400-hsl);
225
+ --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-400-hsla);
226
226
  --dt-theme-presence-color-background-available: var(--dt-color-green-400);
227
- --dt-theme-color-base-h: 0;
228
- --dt-theme-color-base-s: 0%;
229
- --dt-theme-color-base-l: 0%;
230
- --dt-theme-color-base-hsl: var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l);
231
- --dt-theme-color-base-hsla: hsla(var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l) / var(--alpha, 100%));
227
+ --dt-theme-color-base-h: var(--dt-color-black-900-h);
228
+ --dt-theme-color-base-s: var(--dt-color-black-900-s);
229
+ --dt-theme-color-base-l: var(--dt-color-black-900-l);
230
+ --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
231
+ --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
232
232
  --dt-theme-color-base: var(--dt-color-black-900);
233
- --dt-action-color-border-base-outlined-default-h: 0;
234
- --dt-action-color-border-base-outlined-default-s: 0%;
235
- --dt-action-color-border-base-outlined-default-l: 0%;
236
- --dt-action-color-border-base-outlined-default-hsl: var(--dt-action-color-border-base-outlined-default-h) var(--dt-action-color-border-base-outlined-default-s) var(--dt-action-color-border-base-outlined-default-l);
237
- --dt-action-color-border-base-outlined-default-hsla: hsla(var(--dt-action-color-border-base-outlined-default-h) var(--dt-action-color-border-base-outlined-default-s) var(--dt-action-color-border-base-outlined-default-l) / var(--alpha, 100%));
233
+ --dt-action-color-border-base-outlined-default-h: var(--dt-color-purple-400-h);
234
+ --dt-action-color-border-base-outlined-default-s: var(--dt-color-purple-400-s);
235
+ --dt-action-color-border-base-outlined-default-l: var(--dt-color-purple-400-l);
236
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-purple-400-hsl);
237
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-purple-400-hsla);
238
238
  --dt-action-color-border-base-outlined-default: var(--dt-color-purple-400);
239
- --dt-action-color-background-positive-primary-default-h: 0;
240
- --dt-action-color-background-positive-primary-default-s: 0%;
241
- --dt-action-color-background-positive-primary-default-l: 0%;
242
- --dt-action-color-background-positive-primary-default-hsl: var(--dt-action-color-background-positive-primary-default-h) var(--dt-action-color-background-positive-primary-default-s) var(--dt-action-color-background-positive-primary-default-l);
243
- --dt-action-color-background-positive-primary-default-hsla: hsla(var(--dt-action-color-background-positive-primary-default-h) var(--dt-action-color-background-positive-primary-default-s) var(--dt-action-color-background-positive-primary-default-l) / var(--alpha, 100%));
239
+ --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-400-h);
240
+ --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-400-s);
241
+ --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-400-l);
242
+ --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-400-hsl);
243
+ --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-400-hsla);
244
244
  --dt-action-color-background-positive-primary-default: var(--dt-color-green-400);
245
245
  --dt-action-color-background-positive-active-h: 111.99999999999999;
246
246
  --dt-action-color-background-positive-active-s: 100%;
@@ -254,17 +254,17 @@
254
254
  --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);
255
255
  --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%));
256
256
  --dt-action-color-background-positive-hover: hsl(136 59.1% 66.9%);
257
- --dt-action-color-background-positive-default-h: 0;
258
- --dt-action-color-background-positive-default-s: 0%;
259
- --dt-action-color-background-positive-default-l: 0%;
260
- --dt-action-color-background-positive-default-hsl: var(--dt-action-color-background-positive-default-h) var(--dt-action-color-background-positive-default-s) var(--dt-action-color-background-positive-default-l);
261
- --dt-action-color-background-positive-default-hsla: hsla(var(--dt-action-color-background-positive-default-h) var(--dt-action-color-background-positive-default-s) var(--dt-action-color-background-positive-default-l) / var(--alpha, 100%));
257
+ --dt-action-color-background-positive-default-h: var(--dt-color-neutral-transparent-h);
258
+ --dt-action-color-background-positive-default-s: var(--dt-color-neutral-transparent-s);
259
+ --dt-action-color-background-positive-default-l: var(--dt-color-neutral-transparent-l);
260
+ --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
261
+ --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
262
262
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
263
- --dt-action-color-background-disabled-default-h: 0;
264
- --dt-action-color-background-disabled-default-s: 0%;
265
- --dt-action-color-background-disabled-default-l: 0%;
266
- --dt-action-color-background-disabled-default-hsl: var(--dt-action-color-background-disabled-default-h) var(--dt-action-color-background-disabled-default-s) var(--dt-action-color-background-disabled-default-l);
267
- --dt-action-color-background-disabled-default-hsla: hsla(var(--dt-action-color-background-disabled-default-h) var(--dt-action-color-background-disabled-default-s) var(--dt-action-color-background-disabled-default-l) / var(--alpha, 100%));
263
+ --dt-action-color-background-disabled-default-h: var(--dt-color-black-300-h);
264
+ --dt-action-color-background-disabled-default-s: var(--dt-color-black-300-s);
265
+ --dt-action-color-background-disabled-default-l: var(--dt-color-black-300-l);
266
+ --dt-action-color-background-disabled-default-hsl: var(--dt-color-black-300-hsl);
267
+ --dt-action-color-background-disabled-default-hsla: var(--dt-color-black-300-hsla);
268
268
  --dt-action-color-background-disabled-default: var(--dt-color-black-300);
269
269
  --dt-action-color-background-muted-active-h: 0;
270
270
  --dt-action-color-background-muted-active-s: 0%;
@@ -278,35 +278,35 @@
278
278
  --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);
279
279
  --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%));
280
280
  --dt-action-color-background-muted-hover: hsl(0 0% 83.1% / 0.1);
281
- --dt-action-color-background-muted-default-h: 0;
282
- --dt-action-color-background-muted-default-s: 0%;
283
- --dt-action-color-background-muted-default-l: 0%;
284
- --dt-action-color-background-muted-default-hsl: var(--dt-action-color-background-muted-default-h) var(--dt-action-color-background-muted-default-s) var(--dt-action-color-background-muted-default-l);
285
- --dt-action-color-background-muted-default-hsla: hsla(var(--dt-action-color-background-muted-default-h) var(--dt-action-color-background-muted-default-s) var(--dt-action-color-background-muted-default-l) / var(--alpha, 100%));
281
+ --dt-action-color-background-muted-default-h: var(--dt-color-neutral-transparent-h);
282
+ --dt-action-color-background-muted-default-s: var(--dt-color-neutral-transparent-s);
283
+ --dt-action-color-background-muted-default-l: var(--dt-color-neutral-transparent-l);
284
+ --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
285
+ --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
286
286
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
287
- --dt-action-color-background-inverted-primary-active-h: 0;
288
- --dt-action-color-background-inverted-primary-active-s: 0%;
289
- --dt-action-color-background-inverted-primary-active-l: 0%;
290
- --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);
291
- --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%));
287
+ --dt-action-color-background-inverted-primary-active-h: var(--dt-color-purple-200-h);
288
+ --dt-action-color-background-inverted-primary-active-s: var(--dt-color-purple-200-s);
289
+ --dt-action-color-background-inverted-primary-active-l: var(--dt-color-purple-200-l);
290
+ --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
291
+ --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
292
292
  --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
293
- --dt-action-color-background-inverted-primary-hover-h: 0;
294
- --dt-action-color-background-inverted-primary-hover-s: 0%;
295
- --dt-action-color-background-inverted-primary-hover-l: 0%;
296
- --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-action-color-background-inverted-primary-hover-h) var(--dt-action-color-background-inverted-primary-hover-s) var(--dt-action-color-background-inverted-primary-hover-l);
297
- --dt-action-color-background-inverted-primary-hover-hsla: hsla(var(--dt-action-color-background-inverted-primary-hover-h) var(--dt-action-color-background-inverted-primary-hover-s) var(--dt-action-color-background-inverted-primary-hover-l) / var(--alpha, 100%));
293
+ --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-purple-100-h);
294
+ --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-purple-100-s);
295
+ --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-purple-100-l);
296
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-purple-100-hsl);
297
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-purple-100-hsla);
298
298
  --dt-action-color-background-inverted-primary-hover: var(--dt-color-purple-100);
299
- --dt-action-color-background-inverted-default-h: 0;
300
- --dt-action-color-background-inverted-default-s: 0%;
301
- --dt-action-color-background-inverted-default-l: 0%;
302
- --dt-action-color-background-inverted-default-hsl: var(--dt-action-color-background-inverted-default-h) var(--dt-action-color-background-inverted-default-s) var(--dt-action-color-background-inverted-default-l);
303
- --dt-action-color-background-inverted-default-hsla: hsla(var(--dt-action-color-background-inverted-default-h) var(--dt-action-color-background-inverted-default-s) var(--dt-action-color-background-inverted-default-l) / var(--alpha, 100%));
299
+ --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
300
+ --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
301
+ --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
302
+ --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
303
+ --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
304
304
  --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
305
- --dt-action-color-background-critical-primary-default-h: 0;
306
- --dt-action-color-background-critical-primary-default-s: 0%;
307
- --dt-action-color-background-critical-primary-default-l: 0%;
308
- --dt-action-color-background-critical-primary-default-hsl: var(--dt-action-color-background-critical-primary-default-h) var(--dt-action-color-background-critical-primary-default-s) var(--dt-action-color-background-critical-primary-default-l);
309
- --dt-action-color-background-critical-primary-default-hsla: hsla(var(--dt-action-color-background-critical-primary-default-h) var(--dt-action-color-background-critical-primary-default-s) var(--dt-action-color-background-critical-primary-default-l) / var(--alpha, 100%));
305
+ --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-300-h);
306
+ --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-300-s);
307
+ --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-300-l);
308
+ --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-300-hsl);
309
+ --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-300-hsla);
310
310
  --dt-action-color-background-critical-primary-default: var(--dt-color-red-300);
311
311
  --dt-action-color-background-critical-active-h: 0;
312
312
  --dt-action-color-background-critical-active-s: 88.79999999999998%;
@@ -320,17 +320,17 @@
320
320
  --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);
321
321
  --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%));
322
322
  --dt-action-color-background-critical-hover: hsl(0 88.8% 49% / 0.2);
323
- --dt-action-color-background-critical-default-h: 0;
324
- --dt-action-color-background-critical-default-s: 0%;
325
- --dt-action-color-background-critical-default-l: 0%;
326
- --dt-action-color-background-critical-default-hsl: var(--dt-action-color-background-critical-default-h) var(--dt-action-color-background-critical-default-s) var(--dt-action-color-background-critical-default-l);
327
- --dt-action-color-background-critical-default-hsla: hsla(var(--dt-action-color-background-critical-default-h) var(--dt-action-color-background-critical-default-s) var(--dt-action-color-background-critical-default-l) / var(--alpha, 100%));
323
+ --dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
324
+ --dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
325
+ --dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
326
+ --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
327
+ --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
328
328
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
329
- --dt-action-color-background-base-primary-default-h: 0;
330
- --dt-action-color-background-base-primary-default-s: 0%;
331
- --dt-action-color-background-base-primary-default-l: 0%;
332
- --dt-action-color-background-base-primary-default-hsl: var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l);
333
- --dt-action-color-background-base-primary-default-hsla: hsla(var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l) / var(--alpha, 100%));
329
+ --dt-action-color-background-base-primary-default-h: var(--dt-color-brand-purple-h);
330
+ --dt-action-color-background-base-primary-default-s: var(--dt-color-brand-purple-s);
331
+ --dt-action-color-background-base-primary-default-l: var(--dt-color-brand-purple-l);
332
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-brand-purple-hsl);
333
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-brand-purple-hsla);
334
334
  --dt-action-color-background-base-primary-default: var(--dt-color-brand-purple);
335
335
  --dt-action-color-background-base-active-h: 261;
336
336
  --dt-action-color-background-base-active-s: 100%;
@@ -344,47 +344,47 @@
344
344
  --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);
345
345
  --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%));
346
346
  --dt-action-color-background-base-hover: hsl(261 100% 74.7% / 0.1);
347
- --dt-action-color-background-base-default-h: 0;
348
- --dt-action-color-background-base-default-s: 0%;
349
- --dt-action-color-background-base-default-l: 0%;
350
- --dt-action-color-background-base-default-hsl: var(--dt-action-color-background-base-default-h) var(--dt-action-color-background-base-default-s) var(--dt-action-color-background-base-default-l);
351
- --dt-action-color-background-base-default-hsla: hsla(var(--dt-action-color-background-base-default-h) var(--dt-action-color-background-base-default-s) var(--dt-action-color-background-base-default-l) / var(--alpha, 100%));
347
+ --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
348
+ --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
349
+ --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
350
+ --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
351
+ --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
352
352
  --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
353
- --dt-action-color-foreground-positive-primary-default-h: 0;
354
- --dt-action-color-foreground-positive-primary-default-s: 0%;
355
- --dt-action-color-foreground-positive-primary-default-l: 0%;
356
- --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-action-color-foreground-positive-primary-default-h) var(--dt-action-color-foreground-positive-primary-default-s) var(--dt-action-color-foreground-positive-primary-default-l);
357
- --dt-action-color-foreground-positive-primary-default-hsla: hsla(var(--dt-action-color-foreground-positive-primary-default-h) var(--dt-action-color-foreground-positive-primary-default-s) var(--dt-action-color-foreground-positive-primary-default-l) / var(--alpha, 100%));
353
+ --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-neutral-white-h);
354
+ --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-neutral-white-s);
355
+ --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-neutral-white-l);
356
+ --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
357
+ --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
358
358
  --dt-action-color-foreground-positive-primary-default: var(--dt-color-neutral-white);
359
- --dt-action-color-foreground-inverted-primary-hover-h: 0;
360
- --dt-action-color-foreground-inverted-primary-hover-s: 0%;
361
- --dt-action-color-foreground-inverted-primary-hover-l: 0%;
362
- --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-action-color-foreground-inverted-primary-hover-h) var(--dt-action-color-foreground-inverted-primary-hover-s) var(--dt-action-color-foreground-inverted-primary-hover-l);
363
- --dt-action-color-foreground-inverted-primary-hover-hsla: hsla(var(--dt-action-color-foreground-inverted-primary-hover-h) var(--dt-action-color-foreground-inverted-primary-hover-s) var(--dt-action-color-foreground-inverted-primary-hover-l) / var(--alpha, 100%));
359
+ --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-purple-500-h);
360
+ --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-purple-500-s);
361
+ --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-purple-500-l);
362
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-purple-500-hsl);
363
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-purple-500-hsla);
364
364
  --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-purple-500);
365
- --dt-action-color-foreground-inverted-primary-default-h: 0;
366
- --dt-action-color-foreground-inverted-primary-default-s: 0%;
367
- --dt-action-color-foreground-inverted-primary-default-l: 0%;
368
- --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-action-color-foreground-inverted-primary-default-h) var(--dt-action-color-foreground-inverted-primary-default-s) var(--dt-action-color-foreground-inverted-primary-default-l);
369
- --dt-action-color-foreground-inverted-primary-default-hsla: hsla(var(--dt-action-color-foreground-inverted-primary-default-h) var(--dt-action-color-foreground-inverted-primary-default-s) var(--dt-action-color-foreground-inverted-primary-default-l) / var(--alpha, 100%));
365
+ --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-purple-400-h);
366
+ --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-purple-400-s);
367
+ --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-purple-400-l);
368
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-purple-400-hsl);
369
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-purple-400-hsla);
370
370
  --dt-action-color-foreground-inverted-primary-default: var(--dt-color-purple-400);
371
- --dt-action-color-foreground-critical-primary-default-h: 0;
372
- --dt-action-color-foreground-critical-primary-default-s: 0%;
373
- --dt-action-color-foreground-critical-primary-default-l: 0%;
374
- --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-action-color-foreground-critical-primary-default-h) var(--dt-action-color-foreground-critical-primary-default-s) var(--dt-action-color-foreground-critical-primary-default-l);
375
- --dt-action-color-foreground-critical-primary-default-hsla: hsla(var(--dt-action-color-foreground-critical-primary-default-h) var(--dt-action-color-foreground-critical-primary-default-s) var(--dt-action-color-foreground-critical-primary-default-l) / var(--alpha, 100%));
371
+ --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-neutral-white-h);
372
+ --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-neutral-white-s);
373
+ --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-neutral-white-l);
374
+ --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-white-hsl);
375
+ --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
376
376
  --dt-action-color-foreground-critical-primary-default: var(--dt-color-neutral-white);
377
- --dt-action-color-foreground-base-primary-default-h: 0;
378
- --dt-action-color-foreground-base-primary-default-s: 0%;
379
- --dt-action-color-foreground-base-primary-default-l: 0%;
380
- --dt-action-color-foreground-base-primary-default-hsl: var(--dt-action-color-foreground-base-primary-default-h) var(--dt-action-color-foreground-base-primary-default-s) var(--dt-action-color-foreground-base-primary-default-l);
381
- --dt-action-color-foreground-base-primary-default-hsla: hsla(var(--dt-action-color-foreground-base-primary-default-h) var(--dt-action-color-foreground-base-primary-default-s) var(--dt-action-color-foreground-base-primary-default-l) / var(--alpha, 100%));
377
+ --dt-action-color-foreground-base-primary-default-h: var(--dt-color-neutral-white-h);
378
+ --dt-action-color-foreground-base-primary-default-s: var(--dt-color-neutral-white-s);
379
+ --dt-action-color-foreground-base-primary-default-l: var(--dt-color-neutral-white-l);
380
+ --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-white-hsl);
381
+ --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
382
382
  --dt-action-color-foreground-base-primary-default: var(--dt-color-neutral-white);
383
- --dt-action-color-foreground-base-default-h: 0;
384
- --dt-action-color-foreground-base-default-s: 0%;
385
- --dt-action-color-foreground-base-default-l: 0%;
386
- --dt-action-color-foreground-base-default-hsl: var(--dt-action-color-foreground-base-default-h) var(--dt-action-color-foreground-base-default-s) var(--dt-action-color-foreground-base-default-l);
387
- --dt-action-color-foreground-base-default-hsla: hsla(var(--dt-action-color-foreground-base-default-h) var(--dt-action-color-foreground-base-default-s) var(--dt-action-color-foreground-base-default-l) / var(--alpha, 100%));
383
+ --dt-action-color-foreground-base-default-h: var(--dt-color-purple-400-h);
384
+ --dt-action-color-foreground-base-default-s: var(--dt-color-purple-400-s);
385
+ --dt-action-color-foreground-base-default-l: var(--dt-color-purple-400-l);
386
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-purple-400-hsl);
387
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-purple-400-hsla);
388
388
  --dt-action-color-foreground-base-default: var(--dt-color-purple-400);
389
389
  --dt-inputs-color-background-disabled-h: 0;
390
390
  --dt-inputs-color-background-disabled-s: 0%;
@@ -404,11 +404,11 @@
404
404
  --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);
405
405
  --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%));
406
406
  --dt-inputs-color-background-default: hsl(0 0% 90.2% / 0.06);
407
- --dt-inputs-color-border-disabled-h: 0;
408
- --dt-inputs-color-border-disabled-s: 0%;
409
- --dt-inputs-color-border-disabled-l: 0%;
410
- --dt-inputs-color-border-disabled-hsl: var(--dt-inputs-color-border-disabled-h) var(--dt-inputs-color-border-disabled-s) var(--dt-inputs-color-border-disabled-l);
411
- --dt-inputs-color-border-disabled-hsla: hsla(var(--dt-inputs-color-border-disabled-h) var(--dt-inputs-color-border-disabled-s) var(--dt-inputs-color-border-disabled-l) / var(--alpha, 100%));
407
+ --dt-inputs-color-border-disabled-h: var(--dt-color-neutral-transparent-h);
408
+ --dt-inputs-color-border-disabled-s: var(--dt-color-neutral-transparent-s);
409
+ --dt-inputs-color-border-disabled-l: var(--dt-color-neutral-transparent-l);
410
+ --dt-inputs-color-border-disabled-hsl: var(--dt-color-neutral-transparent-hsl);
411
+ --dt-inputs-color-border-disabled-hsla: var(--dt-color-neutral-transparent-hsla);
412
412
  --dt-inputs-color-border-disabled: var(--dt-color-neutral-transparent);
413
413
  --dt-inputs-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for extra large inputs (e.g. input and textarea) */
414
414
  --dt-inputs-font-weight-lg: var(--dt-font-weight-normal); /* Font weight for large inputs (e.g. input and textarea) */
@@ -527,161 +527,161 @@
527
527
  --dt-typography-body-md-text-case: var(--dt-font-text-case-none); /* Base default medium text style for main content. */
528
528
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
529
529
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
530
- --dt-color-border-brand-strong-inverted-h: 0;
531
- --dt-color-border-brand-strong-inverted-s: 0%;
532
- --dt-color-border-brand-strong-inverted-l: 0%;
533
- --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l);
534
- --dt-color-border-brand-strong-inverted-hsla: hsla(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--alpha, 100%));
530
+ --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
531
+ --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
532
+ --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
533
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
534
+ --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
535
535
  --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
536
- --dt-color-border-brand-subtle-inverted-h: 0;
537
- --dt-color-border-brand-subtle-inverted-s: 0%;
538
- --dt-color-border-brand-subtle-inverted-l: 0%;
539
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l);
540
- --dt-color-border-brand-subtle-inverted-hsla: hsla(var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l) / var(--alpha, 100%));
536
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
537
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
538
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
539
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
540
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
541
541
  --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
542
- --dt-color-border-warning-strong-inverted-h: 0;
543
- --dt-color-border-warning-strong-inverted-s: 0%;
544
- --dt-color-border-warning-strong-inverted-l: 0%;
545
- --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-border-warning-strong-inverted-h) var(--dt-color-border-warning-strong-inverted-s) var(--dt-color-border-warning-strong-inverted-l);
546
- --dt-color-border-warning-strong-inverted-hsla: hsla(var(--dt-color-border-warning-strong-inverted-h) var(--dt-color-border-warning-strong-inverted-s) var(--dt-color-border-warning-strong-inverted-l) / var(--alpha, 100%));
542
+ --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-100-h);
543
+ --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-100-s);
544
+ --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-100-l);
545
+ --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-100-hsl);
546
+ --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-100-hsla);
547
547
  --dt-color-border-warning-strong-inverted: var(--dt-color-gold-100);
548
- --dt-color-border-warning-subtle-inverted-h: 0;
549
- --dt-color-border-warning-subtle-inverted-s: 0%;
550
- --dt-color-border-warning-subtle-inverted-l: 0%;
551
- --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-border-warning-subtle-inverted-h) var(--dt-color-border-warning-subtle-inverted-s) var(--dt-color-border-warning-subtle-inverted-l);
552
- --dt-color-border-warning-subtle-inverted-hsla: hsla(var(--dt-color-border-warning-subtle-inverted-h) var(--dt-color-border-warning-subtle-inverted-s) var(--dt-color-border-warning-subtle-inverted-l) / var(--alpha, 100%));
548
+ --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-400-h);
549
+ --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-400-s);
550
+ --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-400-l);
551
+ --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
552
+ --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
553
553
  --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-400);
554
- --dt-color-border-success-strong-inverted-h: 0;
555
- --dt-color-border-success-strong-inverted-s: 0%;
556
- --dt-color-border-success-strong-inverted-l: 0%;
557
- --dt-color-border-success-strong-inverted-hsl: var(--dt-color-border-success-strong-inverted-h) var(--dt-color-border-success-strong-inverted-s) var(--dt-color-border-success-strong-inverted-l);
558
- --dt-color-border-success-strong-inverted-hsla: hsla(var(--dt-color-border-success-strong-inverted-h) var(--dt-color-border-success-strong-inverted-s) var(--dt-color-border-success-strong-inverted-l) / var(--alpha, 100%));
554
+ --dt-color-border-success-strong-inverted-h: var(--dt-color-green-100-h);
555
+ --dt-color-border-success-strong-inverted-s: var(--dt-color-green-100-s);
556
+ --dt-color-border-success-strong-inverted-l: var(--dt-color-green-100-l);
557
+ --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-100-hsl);
558
+ --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-100-hsla);
559
559
  --dt-color-border-success-strong-inverted: var(--dt-color-green-100);
560
- --dt-color-border-success-subtle-inverted-h: 0;
561
- --dt-color-border-success-subtle-inverted-s: 0%;
562
- --dt-color-border-success-subtle-inverted-l: 0%;
563
- --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-border-success-subtle-inverted-h) var(--dt-color-border-success-subtle-inverted-s) var(--dt-color-border-success-subtle-inverted-l);
564
- --dt-color-border-success-subtle-inverted-hsla: hsla(var(--dt-color-border-success-subtle-inverted-h) var(--dt-color-border-success-subtle-inverted-s) var(--dt-color-border-success-subtle-inverted-l) / var(--alpha, 100%));
560
+ --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-400-h);
561
+ --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-400-s);
562
+ --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-400-l);
563
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-400-hsl);
564
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-400-hsla);
565
565
  --dt-color-border-success-subtle-inverted: var(--dt-color-green-400);
566
- --dt-color-border-critical-strong-inverted-h: 0;
567
- --dt-color-border-critical-strong-inverted-s: 0%;
568
- --dt-color-border-critical-strong-inverted-l: 0%;
569
- --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-border-critical-strong-inverted-h) var(--dt-color-border-critical-strong-inverted-s) var(--dt-color-border-critical-strong-inverted-l);
570
- --dt-color-border-critical-strong-inverted-hsla: hsla(var(--dt-color-border-critical-strong-inverted-h) var(--dt-color-border-critical-strong-inverted-s) var(--dt-color-border-critical-strong-inverted-l) / var(--alpha, 100%));
566
+ --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-200-h);
567
+ --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-200-s);
568
+ --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-200-l);
569
+ --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
570
+ --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
571
571
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
572
- --dt-color-border-critical-subtle-inverted-h: 0;
573
- --dt-color-border-critical-subtle-inverted-s: 0%;
574
- --dt-color-border-critical-subtle-inverted-l: 0%;
575
- --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-border-critical-subtle-inverted-h) var(--dt-color-border-critical-subtle-inverted-s) var(--dt-color-border-critical-subtle-inverted-l);
576
- --dt-color-border-critical-subtle-inverted-hsla: hsla(var(--dt-color-border-critical-subtle-inverted-h) var(--dt-color-border-critical-subtle-inverted-s) var(--dt-color-border-critical-subtle-inverted-l) / var(--alpha, 100%));
572
+ --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-400-h);
573
+ --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-400-s);
574
+ --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-400-l);
575
+ --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
576
+ --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
577
577
  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-400);
578
- --dt-color-border-brand-inverted-h: 0;
579
- --dt-color-border-brand-inverted-s: 0%;
580
- --dt-color-border-brand-inverted-l: 0%;
581
- --dt-color-border-brand-inverted-hsl: var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l);
582
- --dt-color-border-brand-inverted-hsla: hsla(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--alpha, 100%));
578
+ --dt-color-border-brand-inverted-h: var(--dt-color-brand-purple-h);
579
+ --dt-color-border-brand-inverted-s: var(--dt-color-brand-purple-s);
580
+ --dt-color-border-brand-inverted-l: var(--dt-color-brand-purple-l);
581
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-brand-purple-hsl);
582
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-brand-purple-hsla);
583
583
  --dt-color-border-brand-inverted: var(--dt-color-brand-purple);
584
- --dt-color-border-warning-inverted-h: 0;
585
- --dt-color-border-warning-inverted-s: 0%;
586
- --dt-color-border-warning-inverted-l: 0%;
587
- --dt-color-border-warning-inverted-hsl: var(--dt-color-border-warning-inverted-h) var(--dt-color-border-warning-inverted-s) var(--dt-color-border-warning-inverted-l);
588
- --dt-color-border-warning-inverted-hsla: hsla(var(--dt-color-border-warning-inverted-h) var(--dt-color-border-warning-inverted-s) var(--dt-color-border-warning-inverted-l) / var(--alpha, 100%));
584
+ --dt-color-border-warning-inverted-h: var(--dt-color-gold-200-h);
585
+ --dt-color-border-warning-inverted-s: var(--dt-color-gold-200-s);
586
+ --dt-color-border-warning-inverted-l: var(--dt-color-gold-200-l);
587
+ --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-200-hsl);
588
+ --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-200-hsla);
589
589
  --dt-color-border-warning-inverted: var(--dt-color-gold-200);
590
- --dt-color-border-success-inverted-h: 0;
591
- --dt-color-border-success-inverted-s: 0%;
592
- --dt-color-border-success-inverted-l: 0%;
593
- --dt-color-border-success-inverted-hsl: var(--dt-color-border-success-inverted-h) var(--dt-color-border-success-inverted-s) var(--dt-color-border-success-inverted-l);
594
- --dt-color-border-success-inverted-hsla: hsla(var(--dt-color-border-success-inverted-h) var(--dt-color-border-success-inverted-s) var(--dt-color-border-success-inverted-l) / var(--alpha, 100%));
590
+ --dt-color-border-success-inverted-h: var(--dt-color-green-200-h);
591
+ --dt-color-border-success-inverted-s: var(--dt-color-green-200-s);
592
+ --dt-color-border-success-inverted-l: var(--dt-color-green-200-l);
593
+ --dt-color-border-success-inverted-hsl: var(--dt-color-green-200-hsl);
594
+ --dt-color-border-success-inverted-hsla: var(--dt-color-green-200-hsla);
595
595
  --dt-color-border-success-inverted: var(--dt-color-green-200);
596
- --dt-color-border-critical-inverted-h: 0;
597
- --dt-color-border-critical-inverted-s: 0%;
598
- --dt-color-border-critical-inverted-l: 0%;
599
- --dt-color-border-critical-inverted-hsl: var(--dt-color-border-critical-inverted-h) var(--dt-color-border-critical-inverted-s) var(--dt-color-border-critical-inverted-l);
600
- --dt-color-border-critical-inverted-hsla: hsla(var(--dt-color-border-critical-inverted-h) var(--dt-color-border-critical-inverted-s) var(--dt-color-border-critical-inverted-l) / var(--alpha, 100%));
596
+ --dt-color-border-critical-inverted-h: var(--dt-color-red-300-h);
597
+ --dt-color-border-critical-inverted-s: var(--dt-color-red-300-s);
598
+ --dt-color-border-critical-inverted-l: var(--dt-color-red-300-l);
599
+ --dt-color-border-critical-inverted-hsl: var(--dt-color-red-300-hsl);
600
+ --dt-color-border-critical-inverted-hsla: var(--dt-color-red-300-hsla);
601
601
  --dt-color-border-critical-inverted: var(--dt-color-red-300);
602
- --dt-color-border-brand-strong-h: 0;
603
- --dt-color-border-brand-strong-s: 0%;
604
- --dt-color-border-brand-strong-l: 0%;
605
- --dt-color-border-brand-strong-hsl: var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l);
606
- --dt-color-border-brand-strong-hsla: hsla(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--alpha, 100%));
602
+ --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
603
+ --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
604
+ --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
605
+ --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
606
+ --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
607
607
  --dt-color-border-brand-strong: var(--dt-color-purple-500);
608
- --dt-color-border-brand-subtle-h: 0;
609
- --dt-color-border-brand-subtle-s: 0%;
610
- --dt-color-border-brand-subtle-l: 0%;
611
- --dt-color-border-brand-subtle-hsl: var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l);
612
- --dt-color-border-brand-subtle-hsla: hsla(var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l) / var(--alpha, 100%));
608
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-200-h);
609
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-200-s);
610
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-200-l);
611
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-200-hsl);
612
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-200-hsla);
613
613
  --dt-color-border-brand-subtle: var(--dt-color-purple-200);
614
- --dt-color-border-warning-strong-h: 0;
615
- --dt-color-border-warning-strong-s: 0%;
616
- --dt-color-border-warning-strong-l: 0%;
617
- --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);
618
- --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%));
614
+ --dt-color-border-warning-strong-h: var(--dt-color-gold-500-h);
615
+ --dt-color-border-warning-strong-s: var(--dt-color-gold-500-s);
616
+ --dt-color-border-warning-strong-l: var(--dt-color-gold-500-l);
617
+ --dt-color-border-warning-strong-hsl: var(--dt-color-gold-500-hsl);
618
+ --dt-color-border-warning-strong-hsla: var(--dt-color-gold-500-hsla);
619
619
  --dt-color-border-warning-strong: var(--dt-color-gold-500);
620
- --dt-color-border-warning-subtle-h: 0;
621
- --dt-color-border-warning-subtle-s: 0%;
622
- --dt-color-border-warning-subtle-l: 0%;
623
- --dt-color-border-warning-subtle-hsl: var(--dt-color-border-warning-subtle-h) var(--dt-color-border-warning-subtle-s) var(--dt-color-border-warning-subtle-l);
624
- --dt-color-border-warning-subtle-hsla: hsla(var(--dt-color-border-warning-subtle-h) var(--dt-color-border-warning-subtle-s) var(--dt-color-border-warning-subtle-l) / var(--alpha, 100%));
620
+ --dt-color-border-warning-subtle-h: var(--dt-color-gold-200-h);
621
+ --dt-color-border-warning-subtle-s: var(--dt-color-gold-200-s);
622
+ --dt-color-border-warning-subtle-l: var(--dt-color-gold-200-l);
623
+ --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-200-hsl);
624
+ --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-200-hsla);
625
625
  --dt-color-border-warning-subtle: var(--dt-color-gold-200);
626
- --dt-color-border-success-strong-h: 0;
627
- --dt-color-border-success-strong-s: 0%;
628
- --dt-color-border-success-strong-l: 0%;
629
- --dt-color-border-success-strong-hsl: var(--dt-color-border-success-strong-h) var(--dt-color-border-success-strong-s) var(--dt-color-border-success-strong-l);
630
- --dt-color-border-success-strong-hsla: hsla(var(--dt-color-border-success-strong-h) var(--dt-color-border-success-strong-s) var(--dt-color-border-success-strong-l) / var(--alpha, 100%));
626
+ --dt-color-border-success-strong-h: var(--dt-color-green-500-h);
627
+ --dt-color-border-success-strong-s: var(--dt-color-green-500-s);
628
+ --dt-color-border-success-strong-l: var(--dt-color-green-500-l);
629
+ --dt-color-border-success-strong-hsl: var(--dt-color-green-500-hsl);
630
+ --dt-color-border-success-strong-hsla: var(--dt-color-green-500-hsla);
631
631
  --dt-color-border-success-strong: var(--dt-color-green-500);
632
- --dt-color-border-success-subtle-h: 0;
633
- --dt-color-border-success-subtle-s: 0%;
634
- --dt-color-border-success-subtle-l: 0%;
635
- --dt-color-border-success-subtle-hsl: var(--dt-color-border-success-subtle-h) var(--dt-color-border-success-subtle-s) var(--dt-color-border-success-subtle-l);
636
- --dt-color-border-success-subtle-hsla: hsla(var(--dt-color-border-success-subtle-h) var(--dt-color-border-success-subtle-s) var(--dt-color-border-success-subtle-l) / var(--alpha, 100%));
632
+ --dt-color-border-success-subtle-h: var(--dt-color-green-200-h);
633
+ --dt-color-border-success-subtle-s: var(--dt-color-green-200-s);
634
+ --dt-color-border-success-subtle-l: var(--dt-color-green-200-l);
635
+ --dt-color-border-success-subtle-hsl: var(--dt-color-green-200-hsl);
636
+ --dt-color-border-success-subtle-hsla: var(--dt-color-green-200-hsla);
637
637
  --dt-color-border-success-subtle: var(--dt-color-green-200);
638
- --dt-color-border-critical-strong-h: 0;
639
- --dt-color-border-critical-strong-s: 0%;
640
- --dt-color-border-critical-strong-l: 0%;
641
- --dt-color-border-critical-strong-hsl: var(--dt-color-border-critical-strong-h) var(--dt-color-border-critical-strong-s) var(--dt-color-border-critical-strong-l);
642
- --dt-color-border-critical-strong-hsla: hsla(var(--dt-color-border-critical-strong-h) var(--dt-color-border-critical-strong-s) var(--dt-color-border-critical-strong-l) / var(--alpha, 100%));
638
+ --dt-color-border-critical-strong-h: var(--dt-color-red-500-h);
639
+ --dt-color-border-critical-strong-s: var(--dt-color-red-500-s);
640
+ --dt-color-border-critical-strong-l: var(--dt-color-red-500-l);
641
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-500-hsl);
642
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-500-hsla);
643
643
  --dt-color-border-critical-strong: var(--dt-color-red-500);
644
- --dt-color-border-critical-subtle-h: 0;
645
- --dt-color-border-critical-subtle-s: 0%;
646
- --dt-color-border-critical-subtle-l: 0%;
647
- --dt-color-border-critical-subtle-hsl: var(--dt-color-border-critical-subtle-h) var(--dt-color-border-critical-subtle-s) var(--dt-color-border-critical-subtle-l);
648
- --dt-color-border-critical-subtle-hsla: hsla(var(--dt-color-border-critical-subtle-h) var(--dt-color-border-critical-subtle-s) var(--dt-color-border-critical-subtle-l) / var(--alpha, 100%));
644
+ --dt-color-border-critical-subtle-h: var(--dt-color-red-200-h);
645
+ --dt-color-border-critical-subtle-s: var(--dt-color-red-200-s);
646
+ --dt-color-border-critical-subtle-l: var(--dt-color-red-200-l);
647
+ --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
648
+ --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
649
649
  --dt-color-border-critical-subtle: var(--dt-color-red-200);
650
- --dt-color-border-accent-h: 0;
651
- --dt-color-border-accent-s: 0%;
652
- --dt-color-border-accent-l: 0%;
653
- --dt-color-border-accent-hsl: var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l);
654
- --dt-color-border-accent-hsla: hsla(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--alpha, 100%));
650
+ --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
651
+ --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
652
+ --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
653
+ --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
654
+ --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
655
655
  --dt-color-border-accent: var(--dt-color-brand-magenta);
656
- --dt-color-border-brand-h: 0;
657
- --dt-color-border-brand-s: 0%;
658
- --dt-color-border-brand-l: 0%;
659
- --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
660
- --dt-color-border-brand-hsla: hsla(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
656
+ --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
657
+ --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
658
+ --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
659
+ --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
660
+ --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
661
661
  --dt-color-border-brand: var(--dt-color-brand-purple);
662
- --dt-color-border-warning-h: 0;
663
- --dt-color-border-warning-s: 0%;
664
- --dt-color-border-warning-l: 0%;
665
- --dt-color-border-warning-hsl: var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l);
666
- --dt-color-border-warning-hsla: hsla(var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l) / var(--alpha, 100%));
662
+ --dt-color-border-warning-h: var(--dt-color-gold-400-h);
663
+ --dt-color-border-warning-s: var(--dt-color-gold-400-s);
664
+ --dt-color-border-warning-l: var(--dt-color-gold-400-l);
665
+ --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
666
+ --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
667
667
  --dt-color-border-warning: var(--dt-color-gold-400);
668
- --dt-color-border-success-h: 0;
669
- --dt-color-border-success-s: 0%;
670
- --dt-color-border-success-l: 0%;
671
- --dt-color-border-success-hsl: var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l);
672
- --dt-color-border-success-hsla: hsla(var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l) / var(--alpha, 100%));
668
+ --dt-color-border-success-h: var(--dt-color-green-400-h);
669
+ --dt-color-border-success-s: var(--dt-color-green-400-s);
670
+ --dt-color-border-success-l: var(--dt-color-green-400-l);
671
+ --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
672
+ --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
673
673
  --dt-color-border-success: var(--dt-color-green-400);
674
- --dt-color-border-critical-h: 0;
675
- --dt-color-border-critical-s: 0%;
676
- --dt-color-border-critical-l: 0%;
677
- --dt-color-border-critical-hsl: var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l);
678
- --dt-color-border-critical-hsla: hsla(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--alpha, 100%));
674
+ --dt-color-border-critical-h: var(--dt-color-red-400-h);
675
+ --dt-color-border-critical-s: var(--dt-color-red-400-s);
676
+ --dt-color-border-critical-l: var(--dt-color-red-400-l);
677
+ --dt-color-border-critical-hsl: var(--dt-color-red-400-hsl);
678
+ --dt-color-border-critical-hsla: var(--dt-color-red-400-hsla);
679
679
  --dt-color-border-critical: var(--dt-color-red-400);
680
- --dt-color-border-focus-h: 0;
681
- --dt-color-border-focus-s: 0%;
682
- --dt-color-border-focus-l: 0%;
683
- --dt-color-border-focus-hsl: var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l);
684
- --dt-color-border-focus-hsla: hsla(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--alpha, 100%));
680
+ --dt-color-border-focus-h: var(--dt-color-blue-300-h);
681
+ --dt-color-border-focus-s: var(--dt-color-blue-300-s);
682
+ --dt-color-border-focus-l: var(--dt-color-blue-300-l);
683
+ --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
684
+ --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
685
685
  --dt-color-border-focus: var(--dt-color-blue-300);
686
686
  --dt-color-border-bold-inverted-h: 0;
687
687
  --dt-color-border-bold-inverted-s: 0%;
@@ -731,11 +731,11 @@
731
731
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
732
732
  --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%));
733
733
  --dt-color-border-subtle: hsl(0 0% 100% / 0.14);
734
- --dt-color-surface-info-strong-h: 0;
735
- --dt-color-surface-info-strong-s: 0%;
736
- --dt-color-surface-info-strong-l: 0%;
737
- --dt-color-surface-info-strong-hsl: var(--dt-color-surface-info-strong-h) var(--dt-color-surface-info-strong-s) var(--dt-color-surface-info-strong-l);
738
- --dt-color-surface-info-strong-hsla: hsla(var(--dt-color-surface-info-strong-h) var(--dt-color-surface-info-strong-s) var(--dt-color-surface-info-strong-l) / var(--alpha, 100%));
734
+ --dt-color-surface-info-strong-h: var(--dt-color-blue-400-h);
735
+ --dt-color-surface-info-strong-s: var(--dt-color-blue-400-s);
736
+ --dt-color-surface-info-strong-l: var(--dt-color-blue-400-l);
737
+ --dt-color-surface-info-strong-hsl: var(--dt-color-blue-400-hsl);
738
+ --dt-color-surface-info-strong-hsla: var(--dt-color-blue-400-hsla);
739
739
  --dt-color-surface-info-strong: var(--dt-color-blue-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
740
740
  --dt-color-surface-info-subtle-h: 213.20966997513474;
741
741
  --dt-color-surface-info-subtle-s: 96.9787556672879%;
@@ -743,17 +743,17 @@
743
743
  --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);
744
744
  --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%));
745
745
  --dt-color-surface-info-subtle: hsl(213 98.2% 12.9%);
746
- --dt-color-surface-info-h: 0;
747
- --dt-color-surface-info-s: 0%;
748
- --dt-color-surface-info-l: 0%;
749
- --dt-color-surface-info-hsl: var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l);
750
- --dt-color-surface-info-hsla: hsla(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--alpha, 100%));
746
+ --dt-color-surface-info-h: var(--dt-color-blue-100-h);
747
+ --dt-color-surface-info-s: var(--dt-color-blue-100-s);
748
+ --dt-color-surface-info-l: var(--dt-color-blue-100-l);
749
+ --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
750
+ --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
751
751
  --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
752
- --dt-color-surface-success-strong-h: 0;
753
- --dt-color-surface-success-strong-s: 0%;
754
- --dt-color-surface-success-strong-l: 0%;
755
- --dt-color-surface-success-strong-hsl: var(--dt-color-surface-success-strong-h) var(--dt-color-surface-success-strong-s) var(--dt-color-surface-success-strong-l);
756
- --dt-color-surface-success-strong-hsla: hsla(var(--dt-color-surface-success-strong-h) var(--dt-color-surface-success-strong-s) var(--dt-color-surface-success-strong-l) / var(--alpha, 100%));
752
+ --dt-color-surface-success-strong-h: var(--dt-color-green-400-h);
753
+ --dt-color-surface-success-strong-s: var(--dt-color-green-400-s);
754
+ --dt-color-surface-success-strong-l: var(--dt-color-green-400-l);
755
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
756
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
757
757
  --dt-color-surface-success-strong: var(--dt-color-green-400); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
758
758
  --dt-color-surface-success-subtle-h: 136;
759
759
  --dt-color-surface-success-subtle-s: 59.09999999999999%;
@@ -761,17 +761,17 @@
761
761
  --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);
762
762
  --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%));
763
763
  --dt-color-surface-success-subtle: hsl(136 59.1% 8.63%);
764
- --dt-color-surface-success-h: 0;
765
- --dt-color-surface-success-s: 0%;
766
- --dt-color-surface-success-l: 0%;
767
- --dt-color-surface-success-hsl: var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l);
768
- --dt-color-surface-success-hsla: hsla(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--alpha, 100%));
764
+ --dt-color-surface-success-h: var(--dt-color-green-100-h);
765
+ --dt-color-surface-success-s: var(--dt-color-green-100-s);
766
+ --dt-color-surface-success-l: var(--dt-color-green-100-l);
767
+ --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
768
+ --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
769
769
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
770
- --dt-color-surface-warning-strong-h: 0;
771
- --dt-color-surface-warning-strong-s: 0%;
772
- --dt-color-surface-warning-strong-l: 0%;
773
- --dt-color-surface-warning-strong-hsl: var(--dt-color-surface-warning-strong-h) var(--dt-color-surface-warning-strong-s) var(--dt-color-surface-warning-strong-l);
774
- --dt-color-surface-warning-strong-hsla: hsla(var(--dt-color-surface-warning-strong-h) var(--dt-color-surface-warning-strong-s) var(--dt-color-surface-warning-strong-l) / var(--alpha, 100%));
770
+ --dt-color-surface-warning-strong-h: var(--dt-color-gold-200-h);
771
+ --dt-color-surface-warning-strong-s: var(--dt-color-gold-200-s);
772
+ --dt-color-surface-warning-strong-l: var(--dt-color-gold-200-l);
773
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-200-hsl);
774
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-200-hsla);
775
775
  --dt-color-surface-warning-strong: var(--dt-color-gold-200); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
776
776
  --dt-color-surface-warning-subtle-h: 35.7;
777
777
  --dt-color-surface-warning-subtle-s: 88.29999999999998%;
@@ -779,17 +779,17 @@
779
779
  --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);
780
780
  --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%));
781
781
  --dt-color-surface-warning-subtle: hsl(35.7 88.3% 13.4%);
782
- --dt-color-surface-warning-h: 0;
783
- --dt-color-surface-warning-s: 0%;
784
- --dt-color-surface-warning-l: 0%;
785
- --dt-color-surface-warning-hsl: var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l);
786
- --dt-color-surface-warning-hsla: hsla(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--alpha, 100%));
782
+ --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
783
+ --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
784
+ --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
785
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
786
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
787
787
  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
788
- --dt-color-surface-critical-strong-h: 0;
789
- --dt-color-surface-critical-strong-s: 0%;
790
- --dt-color-surface-critical-strong-l: 0%;
791
- --dt-color-surface-critical-strong-hsl: var(--dt-color-surface-critical-strong-h) var(--dt-color-surface-critical-strong-s) var(--dt-color-surface-critical-strong-l);
792
- --dt-color-surface-critical-strong-hsla: hsla(var(--dt-color-surface-critical-strong-h) var(--dt-color-surface-critical-strong-s) var(--dt-color-surface-critical-strong-l) / var(--alpha, 100%));
788
+ --dt-color-surface-critical-strong-h: var(--dt-color-red-400-h);
789
+ --dt-color-surface-critical-strong-s: var(--dt-color-red-400-s);
790
+ --dt-color-surface-critical-strong-l: var(--dt-color-red-400-l);
791
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-400-hsl);
792
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-400-hsla);
793
793
  --dt-color-surface-critical-strong: var(--dt-color-red-400); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
794
794
  --dt-color-surface-critical-subtle-h: 0;
795
795
  --dt-color-surface-critical-subtle-s: 89.60000000000001%;
@@ -797,41 +797,41 @@
797
797
  --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);
798
798
  --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%));
799
799
  --dt-color-surface-critical-subtle: hsl(0 89.6% 9.41%);
800
- --dt-color-surface-critical-h: 0;
801
- --dt-color-surface-critical-s: 0%;
802
- --dt-color-surface-critical-l: 0%;
803
- --dt-color-surface-critical-hsl: var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l);
804
- --dt-color-surface-critical-hsla: hsla(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--alpha, 100%));
800
+ --dt-color-surface-critical-h: var(--dt-color-red-100-h);
801
+ --dt-color-surface-critical-s: var(--dt-color-red-100-s);
802
+ --dt-color-surface-critical-l: var(--dt-color-red-100-l);
803
+ --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
804
+ --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
805
805
  --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
806
- --dt-color-surface-contrast-h: 0;
807
- --dt-color-surface-contrast-s: 0%;
808
- --dt-color-surface-contrast-l: 0%;
809
- --dt-color-surface-contrast-hsl: var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l);
810
- --dt-color-surface-contrast-hsla: hsla(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--alpha, 100%));
806
+ --dt-color-surface-contrast-h: var(--dt-color-black-900-h);
807
+ --dt-color-surface-contrast-s: var(--dt-color-black-900-s);
808
+ --dt-color-surface-contrast-l: var(--dt-color-black-900-l);
809
+ --dt-color-surface-contrast-hsl: var(--dt-color-black-900-hsl);
810
+ --dt-color-surface-contrast-hsla: var(--dt-color-black-900-hsla);
811
811
  --dt-color-surface-contrast: var(--dt-color-black-900);
812
- --dt-color-surface-strong-h: 0;
813
- --dt-color-surface-strong-s: 0%;
814
- --dt-color-surface-strong-l: 0%;
815
- --dt-color-surface-strong-hsl: var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l);
816
- --dt-color-surface-strong-hsla: hsla(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--alpha, 100%));
812
+ --dt-color-surface-strong-h: var(--dt-color-black-600-h);
813
+ --dt-color-surface-strong-s: var(--dt-color-black-600-s);
814
+ --dt-color-surface-strong-l: var(--dt-color-black-600-l);
815
+ --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
816
+ --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
817
817
  --dt-color-surface-strong: var(--dt-color-black-600); /* Use sparingly to draw the eye to a relatively important region. */
818
- --dt-color-surface-bold-h: 0;
819
- --dt-color-surface-bold-s: 0%;
820
- --dt-color-surface-bold-l: 0%;
821
- --dt-color-surface-bold-hsl: var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l);
822
- --dt-color-surface-bold-hsla: hsla(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--alpha, 100%));
818
+ --dt-color-surface-bold-h: var(--dt-color-black-400-h);
819
+ --dt-color-surface-bold-s: var(--dt-color-black-400-s);
820
+ --dt-color-surface-bold-l: var(--dt-color-black-400-l);
821
+ --dt-color-surface-bold-hsl: var(--dt-color-black-400-hsl);
822
+ --dt-color-surface-bold-hsla: var(--dt-color-black-400-hsla);
823
823
  --dt-color-surface-bold: var(--dt-color-black-400);
824
- --dt-color-surface-moderate-h: 0;
825
- --dt-color-surface-moderate-s: 0%;
826
- --dt-color-surface-moderate-l: 0%;
827
- --dt-color-surface-moderate-hsl: var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l);
828
- --dt-color-surface-moderate-hsla: hsla(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--alpha, 100%));
824
+ --dt-color-surface-moderate-h: var(--dt-color-black-300-h);
825
+ --dt-color-surface-moderate-s: var(--dt-color-black-300-s);
826
+ --dt-color-surface-moderate-l: var(--dt-color-black-300-l);
827
+ --dt-color-surface-moderate-hsl: var(--dt-color-black-300-hsl);
828
+ --dt-color-surface-moderate-hsla: var(--dt-color-black-300-hsla);
829
829
  --dt-color-surface-moderate: var(--dt-color-black-300);
830
- --dt-color-surface-secondary-h: 0;
831
- --dt-color-surface-secondary-s: 0%;
832
- --dt-color-surface-secondary-l: 0%;
833
- --dt-color-surface-secondary-hsl: var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l);
834
- --dt-color-surface-secondary-hsla: hsla(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--alpha, 100%));
830
+ --dt-color-surface-secondary-h: var(--dt-color-black-200-h);
831
+ --dt-color-surface-secondary-s: var(--dt-color-black-200-s);
832
+ --dt-color-surface-secondary-l: var(--dt-color-black-200-l);
833
+ --dt-color-surface-secondary-hsl: var(--dt-color-black-200-hsl);
834
+ --dt-color-surface-secondary-hsla: var(--dt-color-black-200-hsla);
835
835
  --dt-color-surface-secondary: var(--dt-color-black-200);
836
836
  --dt-color-surface-primary-h: 0;
837
837
  --dt-color-surface-primary-s: 0%;
@@ -899,59 +899,59 @@
899
899
  --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);
900
900
  --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%));
901
901
  --dt-color-surface-secondary-opaque: hsl(0 0% 90.2% / 0.06);
902
- --dt-color-link-muted-inverted-hover-h: 0;
903
- --dt-color-link-muted-inverted-hover-s: 0%;
904
- --dt-color-link-muted-inverted-hover-l: 0%;
905
- --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-link-muted-inverted-hover-h) var(--dt-color-link-muted-inverted-hover-s) var(--dt-color-link-muted-inverted-hover-l);
906
- --dt-color-link-muted-inverted-hover-hsla: hsla(var(--dt-color-link-muted-inverted-hover-h) var(--dt-color-link-muted-inverted-hover-s) var(--dt-color-link-muted-inverted-hover-l) / var(--alpha, 100%));
902
+ --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
903
+ --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
904
+ --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
905
+ --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-black-100-hsl);
906
+ --dt-color-link-muted-inverted-hover-hsla: var(--dt-color-black-100-hsla);
907
907
  --dt-color-link-muted-inverted-hover: var(--dt-color-black-100);
908
- --dt-color-link-warning-inverted-hover-h: 0;
909
- --dt-color-link-warning-inverted-hover-s: 0%;
910
- --dt-color-link-warning-inverted-hover-l: 0%;
911
- --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-link-warning-inverted-hover-h) var(--dt-color-link-warning-inverted-hover-s) var(--dt-color-link-warning-inverted-hover-l);
912
- --dt-color-link-warning-inverted-hover-hsla: hsla(var(--dt-color-link-warning-inverted-hover-h) var(--dt-color-link-warning-inverted-hover-s) var(--dt-color-link-warning-inverted-hover-l) / var(--alpha, 100%));
908
+ --dt-color-link-warning-inverted-hover-h: var(--dt-color-black-200-h);
909
+ --dt-color-link-warning-inverted-hover-s: var(--dt-color-black-200-s);
910
+ --dt-color-link-warning-inverted-hover-l: var(--dt-color-black-200-l);
911
+ --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-black-200-hsl);
912
+ --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-black-200-hsla);
913
913
  --dt-color-link-warning-inverted-hover: var(--dt-color-black-200);
914
- --dt-color-link-critical-inverted-hover-h: 0;
915
- --dt-color-link-critical-inverted-hover-s: 0%;
916
- --dt-color-link-critical-inverted-hover-l: 0%;
917
- --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-link-critical-inverted-hover-h) var(--dt-color-link-critical-inverted-hover-s) var(--dt-color-link-critical-inverted-hover-l);
918
- --dt-color-link-critical-inverted-hover-hsla: hsla(var(--dt-color-link-critical-inverted-hover-h) var(--dt-color-link-critical-inverted-hover-s) var(--dt-color-link-critical-inverted-hover-l) / var(--alpha, 100%));
914
+ --dt-color-link-critical-inverted-hover-h: var(--dt-color-red-200-h);
915
+ --dt-color-link-critical-inverted-hover-s: var(--dt-color-red-200-s);
916
+ --dt-color-link-critical-inverted-hover-l: var(--dt-color-red-200-l);
917
+ --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-red-200-hsl);
918
+ --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-red-200-hsla);
919
919
  --dt-color-link-critical-inverted-hover: var(--dt-color-red-200);
920
- --dt-color-link-primary-inverted-hover-h: 0;
921
- --dt-color-link-primary-inverted-hover-s: 0%;
922
- --dt-color-link-primary-inverted-hover-l: 0%;
923
- --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l);
924
- --dt-color-link-primary-inverted-hover-hsla: hsla(var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l) / var(--alpha, 100%));
920
+ --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
921
+ --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
922
+ --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
923
+ --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
924
+ --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
925
925
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
926
- --dt-color-link-warning-hover-h: 0;
927
- --dt-color-link-warning-hover-s: 0%;
928
- --dt-color-link-warning-hover-l: 0%;
929
- --dt-color-link-warning-hover-hsl: var(--dt-color-link-warning-hover-h) var(--dt-color-link-warning-hover-s) var(--dt-color-link-warning-hover-l);
930
- --dt-color-link-warning-hover-hsla: hsla(var(--dt-color-link-warning-hover-h) var(--dt-color-link-warning-hover-s) var(--dt-color-link-warning-hover-l) / var(--alpha, 100%));
926
+ --dt-color-link-warning-hover-h: var(--dt-color-gold-500-h);
927
+ --dt-color-link-warning-hover-s: var(--dt-color-gold-500-s);
928
+ --dt-color-link-warning-hover-l: var(--dt-color-gold-500-l);
929
+ --dt-color-link-warning-hover-hsl: var(--dt-color-gold-500-hsl);
930
+ --dt-color-link-warning-hover-hsla: var(--dt-color-gold-500-hsla);
931
931
  --dt-color-link-warning-hover: var(--dt-color-gold-500);
932
- --dt-color-link-success-hover-h: 0;
933
- --dt-color-link-success-hover-s: 0%;
934
- --dt-color-link-success-hover-l: 0%;
935
- --dt-color-link-success-hover-hsl: var(--dt-color-link-success-hover-h) var(--dt-color-link-success-hover-s) var(--dt-color-link-success-hover-l);
936
- --dt-color-link-success-hover-hsla: hsla(var(--dt-color-link-success-hover-h) var(--dt-color-link-success-hover-s) var(--dt-color-link-success-hover-l) / var(--alpha, 100%));
932
+ --dt-color-link-success-hover-h: var(--dt-color-green-500-h);
933
+ --dt-color-link-success-hover-s: var(--dt-color-green-500-s);
934
+ --dt-color-link-success-hover-l: var(--dt-color-green-500-l);
935
+ --dt-color-link-success-hover-hsl: var(--dt-color-green-500-hsl);
936
+ --dt-color-link-success-hover-hsla: var(--dt-color-green-500-hsla);
937
937
  --dt-color-link-success-hover: var(--dt-color-green-500);
938
- --dt-color-link-critical-hover-h: 0;
939
- --dt-color-link-critical-hover-s: 0%;
940
- --dt-color-link-critical-hover-l: 0%;
941
- --dt-color-link-critical-hover-hsl: var(--dt-color-link-critical-hover-h) var(--dt-color-link-critical-hover-s) var(--dt-color-link-critical-hover-l);
942
- --dt-color-link-critical-hover-hsla: hsla(var(--dt-color-link-critical-hover-h) var(--dt-color-link-critical-hover-s) var(--dt-color-link-critical-hover-l) / var(--alpha, 100%));
938
+ --dt-color-link-critical-hover-h: var(--dt-color-red-500-h);
939
+ --dt-color-link-critical-hover-s: var(--dt-color-red-500-s);
940
+ --dt-color-link-critical-hover-l: var(--dt-color-red-500-l);
941
+ --dt-color-link-critical-hover-hsl: var(--dt-color-red-500-hsl);
942
+ --dt-color-link-critical-hover-hsla: var(--dt-color-red-500-hsla);
943
943
  --dt-color-link-critical-hover: var(--dt-color-red-500);
944
- --dt-color-link-primary-hover-h: 0;
945
- --dt-color-link-primary-hover-s: 0%;
946
- --dt-color-link-primary-hover-l: 0%;
947
- --dt-color-link-primary-hover-hsl: var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l);
948
- --dt-color-link-primary-hover-hsla: hsla(var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l) / var(--alpha, 100%));
944
+ --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
945
+ --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
946
+ --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
947
+ --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
948
+ --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
949
949
  --dt-color-link-primary-hover: var(--dt-color-purple-500);
950
- --dt-color-link-primary-inverted-h: 0;
951
- --dt-color-link-primary-inverted-s: 0%;
952
- --dt-color-link-primary-inverted-l: 0%;
953
- --dt-color-link-primary-inverted-hsl: var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l);
954
- --dt-color-link-primary-inverted-hsla: hsla(var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l) / var(--alpha, 100%));
950
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-300-h);
951
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-300-s);
952
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-300-l);
953
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-300-hsl);
954
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-300-hsla);
955
955
  --dt-color-link-primary-inverted: var(--dt-color-purple-300);
956
956
  --dt-color-link-primary-h: 261.00000000000006;
957
957
  --dt-color-link-primary-s: 100%;
@@ -959,47 +959,47 @@
959
959
  --dt-color-link-primary-hsl: var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l);
960
960
  --dt-color-link-primary-hsla: hsla(var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l) / var(--alpha, 100%));
961
961
  --dt-color-link-primary: hsl(261 100% 78.2%);
962
- --dt-color-foreground-warning-inverted-h: 0;
963
- --dt-color-foreground-warning-inverted-s: 0%;
964
- --dt-color-foreground-warning-inverted-l: 0%;
965
- --dt-color-foreground-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-h) var(--dt-color-foreground-warning-inverted-s) var(--dt-color-foreground-warning-inverted-l);
966
- --dt-color-foreground-warning-inverted-hsla: hsla(var(--dt-color-foreground-warning-inverted-h) var(--dt-color-foreground-warning-inverted-s) var(--dt-color-foreground-warning-inverted-l) / var(--alpha, 100%));
962
+ --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-100-h);
963
+ --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-100-s);
964
+ --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-100-l);
965
+ --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-100-hsl);
966
+ --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-100-hsla);
967
967
  --dt-color-foreground-warning-inverted: var(--dt-color-gold-100); /* Warning text that sits on high-contrast surfaces or backgrounds */
968
- --dt-color-foreground-success-strong-inverted-h: 0;
969
- --dt-color-foreground-success-strong-inverted-s: 0%;
970
- --dt-color-foreground-success-strong-inverted-l: 0%;
971
- --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);
972
- --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%));
968
+ --dt-color-foreground-success-strong-inverted-h: var(--dt-color-green-100-h);
969
+ --dt-color-foreground-success-strong-inverted-s: var(--dt-color-green-100-s);
970
+ --dt-color-foreground-success-strong-inverted-l: var(--dt-color-green-100-l);
971
+ --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-green-100-hsl);
972
+ --dt-color-foreground-success-strong-inverted-hsla: var(--dt-color-green-100-hsla);
973
973
  --dt-color-foreground-success-strong-inverted: var(--dt-color-green-100);
974
- --dt-color-foreground-success-inverted-h: 0;
975
- --dt-color-foreground-success-inverted-s: 0%;
976
- --dt-color-foreground-success-inverted-l: 0%;
977
- --dt-color-foreground-success-inverted-hsl: var(--dt-color-foreground-success-inverted-h) var(--dt-color-foreground-success-inverted-s) var(--dt-color-foreground-success-inverted-l);
978
- --dt-color-foreground-success-inverted-hsla: hsla(var(--dt-color-foreground-success-inverted-h) var(--dt-color-foreground-success-inverted-s) var(--dt-color-foreground-success-inverted-l) / var(--alpha, 100%));
974
+ --dt-color-foreground-success-inverted-h: var(--dt-color-green-200-h);
975
+ --dt-color-foreground-success-inverted-s: var(--dt-color-green-200-s);
976
+ --dt-color-foreground-success-inverted-l: var(--dt-color-green-200-l);
977
+ --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-200-hsl);
978
+ --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-200-hsla);
979
979
  --dt-color-foreground-success-inverted: var(--dt-color-green-200); /* Success text that sits on high-contrast surfaces or backgrounds */
980
- --dt-color-foreground-critical-strong-inverted-h: 0;
981
- --dt-color-foreground-critical-strong-inverted-s: 0%;
982
- --dt-color-foreground-critical-strong-inverted-l: 0%;
983
- --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);
984
- --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%));
980
+ --dt-color-foreground-critical-strong-inverted-h: var(--dt-color-red-200-h);
981
+ --dt-color-foreground-critical-strong-inverted-s: var(--dt-color-red-200-s);
982
+ --dt-color-foreground-critical-strong-inverted-l: var(--dt-color-red-200-l);
983
+ --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
984
+ --dt-color-foreground-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
985
985
  --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-200);
986
- --dt-color-foreground-critical-inverted-h: 0;
987
- --dt-color-foreground-critical-inverted-s: 0%;
988
- --dt-color-foreground-critical-inverted-l: 0%;
989
- --dt-color-foreground-critical-inverted-hsl: var(--dt-color-foreground-critical-inverted-h) var(--dt-color-foreground-critical-inverted-s) var(--dt-color-foreground-critical-inverted-l);
990
- --dt-color-foreground-critical-inverted-hsla: hsla(var(--dt-color-foreground-critical-inverted-h) var(--dt-color-foreground-critical-inverted-s) var(--dt-color-foreground-critical-inverted-l) / var(--alpha, 100%));
986
+ --dt-color-foreground-critical-inverted-h: var(--dt-color-red-300-h);
987
+ --dt-color-foreground-critical-inverted-s: var(--dt-color-red-300-s);
988
+ --dt-color-foreground-critical-inverted-l: var(--dt-color-red-300-l);
989
+ --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-300-hsl);
990
+ --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-300-hsla);
991
991
  --dt-color-foreground-critical-inverted: var(--dt-color-red-300);
992
- --dt-color-foreground-disabled-inverted-h: 0;
993
- --dt-color-foreground-disabled-inverted-s: 0%;
994
- --dt-color-foreground-disabled-inverted-l: 0%;
995
- --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-foreground-disabled-inverted-h) var(--dt-color-foreground-disabled-inverted-s) var(--dt-color-foreground-disabled-inverted-l);
996
- --dt-color-foreground-disabled-inverted-hsla: hsla(var(--dt-color-foreground-disabled-inverted-h) var(--dt-color-foreground-disabled-inverted-s) var(--dt-color-foreground-disabled-inverted-l) / var(--alpha, 100%));
992
+ --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-500-h);
993
+ --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-500-s);
994
+ --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-500-l);
995
+ --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-500-hsl);
996
+ --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-500-hsla);
997
997
  --dt-color-foreground-disabled-inverted: var(--dt-color-black-500); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
998
- --dt-color-foreground-placeholder-inverted-h: 0;
999
- --dt-color-foreground-placeholder-inverted-s: 0%;
1000
- --dt-color-foreground-placeholder-inverted-l: 0%;
1001
- --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-foreground-placeholder-inverted-h) var(--dt-color-foreground-placeholder-inverted-s) var(--dt-color-foreground-placeholder-inverted-l);
1002
- --dt-color-foreground-placeholder-inverted-hsla: hsla(var(--dt-color-foreground-placeholder-inverted-h) var(--dt-color-foreground-placeholder-inverted-s) var(--dt-color-foreground-placeholder-inverted-l) / var(--alpha, 100%));
998
+ --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-500-h);
999
+ --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-500-s);
1000
+ --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-500-l);
1001
+ --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-500-hsl);
1002
+ --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-500-hsla);
1003
1003
  --dt-color-foreground-placeholder-inverted: var(--dt-color-black-500); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1004
1004
  --dt-color-foreground-muted-inverted-h: 0;
1005
1005
  --dt-color-foreground-muted-inverted-s: 0%;
@@ -1007,53 +1007,53 @@
1007
1007
  --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);
1008
1008
  --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%));
1009
1009
  --dt-color-foreground-muted-inverted: hsl(0 0% 14.9% / 0.6); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1010
- --dt-color-foreground-tertiary-inverted-h: 0;
1011
- --dt-color-foreground-tertiary-inverted-s: 0%;
1012
- --dt-color-foreground-tertiary-inverted-l: 0%;
1013
- --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l);
1014
- --dt-color-foreground-tertiary-inverted-hsla: hsla(var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l) / var(--alpha, 100%));
1010
+ --dt-color-foreground-tertiary-inverted-h: var(--dt-color-black-400-h);
1011
+ --dt-color-foreground-tertiary-inverted-s: var(--dt-color-black-400-s);
1012
+ --dt-color-foreground-tertiary-inverted-l: var(--dt-color-black-400-l);
1013
+ --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-black-400-hsl);
1014
+ --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-black-400-hsla);
1015
1015
  --dt-color-foreground-tertiary-inverted: var(--dt-color-black-400);
1016
- --dt-color-foreground-secondary-inverted-h: 0;
1017
- --dt-color-foreground-secondary-inverted-s: 0%;
1018
- --dt-color-foreground-secondary-inverted-l: 0%;
1019
- --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l);
1020
- --dt-color-foreground-secondary-inverted-hsla: hsla(var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l) / var(--alpha, 100%));
1016
+ --dt-color-foreground-secondary-inverted-h: var(--dt-color-black-300-h);
1017
+ --dt-color-foreground-secondary-inverted-s: var(--dt-color-black-300-s);
1018
+ --dt-color-foreground-secondary-inverted-l: var(--dt-color-black-300-l);
1019
+ --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-300-hsl);
1020
+ --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-300-hsla);
1021
1021
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-300);
1022
- --dt-color-foreground-primary-inverted-h: 0;
1023
- --dt-color-foreground-primary-inverted-s: 0%;
1024
- --dt-color-foreground-primary-inverted-l: 0%;
1025
- --dt-color-foreground-primary-inverted-hsl: var(--dt-color-foreground-primary-inverted-h) var(--dt-color-foreground-primary-inverted-s) var(--dt-color-foreground-primary-inverted-l);
1026
- --dt-color-foreground-primary-inverted-hsla: hsla(var(--dt-color-foreground-primary-inverted-h) var(--dt-color-foreground-primary-inverted-s) var(--dt-color-foreground-primary-inverted-l) / var(--alpha, 100%));
1022
+ --dt-color-foreground-primary-inverted-h: var(--dt-color-neutral-black-h);
1023
+ --dt-color-foreground-primary-inverted-s: var(--dt-color-neutral-black-s);
1024
+ --dt-color-foreground-primary-inverted-l: var(--dt-color-neutral-black-l);
1025
+ --dt-color-foreground-primary-inverted-hsl: var(--dt-color-neutral-black-hsl);
1026
+ --dt-color-foreground-primary-inverted-hsla: var(--dt-color-neutral-black-hsla);
1027
1027
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-black);
1028
- --dt-color-foreground-warning-h: 0;
1029
- --dt-color-foreground-warning-s: 0%;
1030
- --dt-color-foreground-warning-l: 0%;
1031
- --dt-color-foreground-warning-hsl: var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l);
1032
- --dt-color-foreground-warning-hsla: hsla(var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l) / var(--alpha, 100%));
1028
+ --dt-color-foreground-warning-h: var(--dt-color-gold-400-h);
1029
+ --dt-color-foreground-warning-s: var(--dt-color-gold-400-s);
1030
+ --dt-color-foreground-warning-l: var(--dt-color-gold-400-l);
1031
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-400-hsl);
1032
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-400-hsla);
1033
1033
  --dt-color-foreground-warning: var(--dt-color-gold-400);
1034
- --dt-color-foreground-success-h: 0;
1035
- --dt-color-foreground-success-s: 0%;
1036
- --dt-color-foreground-success-l: 0%;
1037
- --dt-color-foreground-success-hsl: var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l);
1038
- --dt-color-foreground-success-hsla: hsla(var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l) / var(--alpha, 100%));
1034
+ --dt-color-foreground-success-h: var(--dt-color-green-400-h);
1035
+ --dt-color-foreground-success-s: var(--dt-color-green-400-s);
1036
+ --dt-color-foreground-success-l: var(--dt-color-green-400-l);
1037
+ --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1038
+ --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1039
1039
  --dt-color-foreground-success: var(--dt-color-green-400); /* Indicates a positive state. */
1040
- --dt-color-foreground-critical-h: 0;
1041
- --dt-color-foreground-critical-s: 0%;
1042
- --dt-color-foreground-critical-l: 0%;
1043
- --dt-color-foreground-critical-hsl: var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l);
1044
- --dt-color-foreground-critical-hsla: hsla(var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l) / var(--alpha, 100%));
1040
+ --dt-color-foreground-critical-h: var(--dt-color-red-400-h);
1041
+ --dt-color-foreground-critical-s: var(--dt-color-red-400-s);
1042
+ --dt-color-foreground-critical-l: var(--dt-color-red-400-l);
1043
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-400-hsl);
1044
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-400-hsla);
1045
1045
  --dt-color-foreground-critical: var(--dt-color-red-400);
1046
- --dt-color-foreground-disabled-h: 0;
1047
- --dt-color-foreground-disabled-s: 0%;
1048
- --dt-color-foreground-disabled-l: 0%;
1049
- --dt-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l);
1050
- --dt-color-foreground-disabled-hsla: hsla(var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l) / var(--alpha, 100%));
1046
+ --dt-color-foreground-disabled-h: var(--dt-color-black-600-h);
1047
+ --dt-color-foreground-disabled-s: var(--dt-color-black-600-s);
1048
+ --dt-color-foreground-disabled-l: var(--dt-color-black-600-l);
1049
+ --dt-color-foreground-disabled-hsl: var(--dt-color-black-600-hsl);
1050
+ --dt-color-foreground-disabled-hsla: var(--dt-color-black-600-hsla);
1051
1051
  --dt-color-foreground-disabled: var(--dt-color-black-600);
1052
- --dt-color-foreground-placeholder-h: 0;
1053
- --dt-color-foreground-placeholder-s: 0%;
1054
- --dt-color-foreground-placeholder-l: 0%;
1055
- --dt-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l);
1056
- --dt-color-foreground-placeholder-hsla: hsla(var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l) / var(--alpha, 100%));
1052
+ --dt-color-foreground-placeholder-h: var(--dt-color-black-600-h);
1053
+ --dt-color-foreground-placeholder-s: var(--dt-color-black-600-s);
1054
+ --dt-color-foreground-placeholder-l: var(--dt-color-black-600-l);
1055
+ --dt-color-foreground-placeholder-hsl: var(--dt-color-black-600-hsl);
1056
+ --dt-color-foreground-placeholder-hsla: var(--dt-color-black-600-hsla);
1057
1057
  --dt-color-foreground-placeholder: var(--dt-color-black-600);
1058
1058
  --dt-color-foreground-muted-h: 0;
1059
1059
  --dt-color-foreground-muted-s: 0%;
@@ -1061,23 +1061,23 @@
1061
1061
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
1062
1062
  --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%));
1063
1063
  --dt-color-foreground-muted: hsl(0 0% 83.1% / 0.6);
1064
- --dt-color-foreground-tertiary-h: 0;
1065
- --dt-color-foreground-tertiary-s: 0%;
1066
- --dt-color-foreground-tertiary-l: 0%;
1067
- --dt-color-foreground-tertiary-hsl: var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l);
1068
- --dt-color-foreground-tertiary-hsla: hsla(var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l) / var(--alpha, 100%));
1064
+ --dt-color-foreground-tertiary-h: var(--dt-color-black-600-h);
1065
+ --dt-color-foreground-tertiary-s: var(--dt-color-black-600-s);
1066
+ --dt-color-foreground-tertiary-l: var(--dt-color-black-600-l);
1067
+ --dt-color-foreground-tertiary-hsl: var(--dt-color-black-600-hsl);
1068
+ --dt-color-foreground-tertiary-hsla: var(--dt-color-black-600-hsla);
1069
1069
  --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. */
1070
- --dt-color-foreground-secondary-h: 0;
1071
- --dt-color-foreground-secondary-s: 0%;
1072
- --dt-color-foreground-secondary-l: 0%;
1073
- --dt-color-foreground-secondary-hsl: var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l);
1074
- --dt-color-foreground-secondary-hsla: hsla(var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l) / var(--alpha, 100%));
1070
+ --dt-color-foreground-secondary-h: var(--dt-color-black-700-h);
1071
+ --dt-color-foreground-secondary-s: var(--dt-color-black-700-s);
1072
+ --dt-color-foreground-secondary-l: var(--dt-color-black-700-l);
1073
+ --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
1074
+ --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
1075
1075
  --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1076
- --dt-color-foreground-primary-h: 0;
1077
- --dt-color-foreground-primary-s: 0%;
1078
- --dt-color-foreground-primary-l: 0%;
1079
- --dt-color-foreground-primary-hsl: var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l);
1080
- --dt-color-foreground-primary-hsla: hsla(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--alpha, 100%));
1076
+ --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
1077
+ --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
1078
+ --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
1079
+ --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
1080
+ --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1081
1081
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1082
1082
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1083
1083
  --dt-font-size-600: calc(var(--dt-font-size-root) * 5.1);
@@ -1086,11 +1086,11 @@
1086
1086
  --dt-font-size-300: calc(var(--dt-font-size-root) * 2.0); /* large */
1087
1087
  --dt-font-size-200: calc(var(--dt-font-size-root) * 1.6); /* medium / base */
1088
1088
  --dt-font-size-100: calc(var(--dt-font-size-root) * 1.2); /* small */
1089
- --dt-radio-color-border-checked-h: 0;
1090
- --dt-radio-color-border-checked-s: 0%;
1091
- --dt-radio-color-border-checked-l: 0%;
1092
- --dt-radio-color-border-checked-hsl: var(--dt-radio-color-border-checked-h) var(--dt-radio-color-border-checked-s) var(--dt-radio-color-border-checked-l);
1093
- --dt-radio-color-border-checked-hsla: hsla(var(--dt-radio-color-border-checked-h) var(--dt-radio-color-border-checked-s) var(--dt-radio-color-border-checked-l) / var(--alpha, 100%));
1089
+ --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1090
+ --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1091
+ --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
1092
+ --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1093
+ --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1094
1094
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1095
1095
  --dt-radio-size-height: var(--dt-radio-size-width);
1096
1096
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
@@ -1107,73 +1107,68 @@
1107
1107
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1108
1108
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1109
1109
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
1110
- --dt-checkbox-color-border-checked-h: 0;
1111
- --dt-checkbox-color-border-checked-s: 0%;
1112
- --dt-checkbox-color-border-checked-l: 0%;
1113
- --dt-checkbox-color-border-checked-hsl: var(--dt-checkbox-color-border-checked-h) var(--dt-checkbox-color-border-checked-s) var(--dt-checkbox-color-border-checked-l);
1114
- --dt-checkbox-color-border-checked-hsla: hsla(var(--dt-checkbox-color-border-checked-h) var(--dt-checkbox-color-border-checked-s) var(--dt-checkbox-color-border-checked-l) / var(--alpha, 100%));
1110
+ --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
1111
+ --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
1112
+ --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
1113
+ --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1114
+ --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1115
1115
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1116
1116
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1117
1117
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1118
- --dt-badge-color-border-default-h: 0;
1119
- --dt-badge-color-border-default-s: 0%;
1120
- --dt-badge-color-border-default-l: 0%;
1121
- --dt-badge-color-border-default-hsl: var(--dt-badge-color-border-default-h) var(--dt-badge-color-border-default-s) var(--dt-badge-color-border-default-l);
1122
- --dt-badge-color-border-default-hsla: hsla(var(--dt-badge-color-border-default-h) var(--dt-badge-color-border-default-s) var(--dt-badge-color-border-default-l) / var(--alpha, 100%));
1118
+ --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
1119
+ --dt-badge-color-border-default-s: var(--dt-color-border-subtle-s);
1120
+ --dt-badge-color-border-default-l: var(--dt-color-border-subtle-l);
1121
+ --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1122
+ --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1123
1123
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1124
- --dt-badge-color-foreground-default-h: 0;
1125
- --dt-badge-color-foreground-default-s: 0%;
1126
- --dt-badge-color-foreground-default-l: 0%;
1127
- --dt-badge-color-foreground-default-hsl: var(--dt-badge-color-foreground-default-h) var(--dt-badge-color-foreground-default-s) var(--dt-badge-color-foreground-default-l);
1128
- --dt-badge-color-foreground-default-hsla: hsla(var(--dt-badge-color-foreground-default-h) var(--dt-badge-color-foreground-default-s) var(--dt-badge-color-foreground-default-l) / var(--alpha, 100%));
1124
+ --dt-badge-color-foreground-default-h: var(--dt-color-foreground-primary-h);
1125
+ --dt-badge-color-foreground-default-s: var(--dt-color-foreground-primary-s);
1126
+ --dt-badge-color-foreground-default-l: var(--dt-color-foreground-primary-l);
1127
+ --dt-badge-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
1128
+ --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1129
1129
  --dt-badge-color-foreground-default: var(--dt-color-foreground-primary);
1130
- --dt-badge-color-background-ai-h: 0;
1131
- --dt-badge-color-background-ai-s: 0%;
1132
- --dt-badge-color-background-ai-l: 0%;
1133
- --dt-badge-color-background-ai-hsl: var(--dt-badge-color-background-ai-h) var(--dt-badge-color-background-ai-s) var(--dt-badge-color-background-ai-l);
1134
- --dt-badge-color-background-ai-hsla: hsla(var(--dt-badge-color-background-ai-h) var(--dt-badge-color-background-ai-s) var(--dt-badge-color-background-ai-l) / var(--alpha, 100%));
1135
1130
  --dt-badge-color-background-ai: var(--dt-color-gradient-magenta-purple);
1136
- --dt-badge-color-background-critical-h: 0;
1137
- --dt-badge-color-background-critical-s: 0%;
1138
- --dt-badge-color-background-critical-l: 0%;
1139
- --dt-badge-color-background-critical-hsl: var(--dt-badge-color-background-critical-h) var(--dt-badge-color-background-critical-s) var(--dt-badge-color-background-critical-l);
1140
- --dt-badge-color-background-critical-hsla: hsla(var(--dt-badge-color-background-critical-h) var(--dt-badge-color-background-critical-s) var(--dt-badge-color-background-critical-l) / var(--alpha, 100%));
1131
+ --dt-badge-color-background-critical-h: var(--dt-color-surface-critical-h);
1132
+ --dt-badge-color-background-critical-s: var(--dt-color-surface-critical-s);
1133
+ --dt-badge-color-background-critical-l: var(--dt-color-surface-critical-l);
1134
+ --dt-badge-color-background-critical-hsl: var(--dt-color-surface-critical-hsl);
1135
+ --dt-badge-color-background-critical-hsla: var(--dt-color-surface-critical-hsla);
1141
1136
  --dt-badge-color-background-critical: var(--dt-color-surface-critical);
1142
- --dt-badge-color-background-warning-h: 0;
1143
- --dt-badge-color-background-warning-s: 0%;
1144
- --dt-badge-color-background-warning-l: 0%;
1145
- --dt-badge-color-background-warning-hsl: var(--dt-badge-color-background-warning-h) var(--dt-badge-color-background-warning-s) var(--dt-badge-color-background-warning-l);
1146
- --dt-badge-color-background-warning-hsla: hsla(var(--dt-badge-color-background-warning-h) var(--dt-badge-color-background-warning-s) var(--dt-badge-color-background-warning-l) / var(--alpha, 100%));
1137
+ --dt-badge-color-background-warning-h: var(--dt-color-surface-warning-h);
1138
+ --dt-badge-color-background-warning-s: var(--dt-color-surface-warning-s);
1139
+ --dt-badge-color-background-warning-l: var(--dt-color-surface-warning-l);
1140
+ --dt-badge-color-background-warning-hsl: var(--dt-color-surface-warning-hsl);
1141
+ --dt-badge-color-background-warning-hsla: var(--dt-color-surface-warning-hsla);
1147
1142
  --dt-badge-color-background-warning: var(--dt-color-surface-warning);
1148
- --dt-badge-color-background-success-h: 0;
1149
- --dt-badge-color-background-success-s: 0%;
1150
- --dt-badge-color-background-success-l: 0%;
1151
- --dt-badge-color-background-success-hsl: var(--dt-badge-color-background-success-h) var(--dt-badge-color-background-success-s) var(--dt-badge-color-background-success-l);
1152
- --dt-badge-color-background-success-hsla: hsla(var(--dt-badge-color-background-success-h) var(--dt-badge-color-background-success-s) var(--dt-badge-color-background-success-l) / var(--alpha, 100%));
1143
+ --dt-badge-color-background-success-h: var(--dt-color-surface-success-h);
1144
+ --dt-badge-color-background-success-s: var(--dt-color-surface-success-s);
1145
+ --dt-badge-color-background-success-l: var(--dt-color-surface-success-l);
1146
+ --dt-badge-color-background-success-hsl: var(--dt-color-surface-success-hsl);
1147
+ --dt-badge-color-background-success-hsla: var(--dt-color-surface-success-hsla);
1153
1148
  --dt-badge-color-background-success: var(--dt-color-surface-success);
1154
- --dt-badge-color-background-info-h: 0;
1155
- --dt-badge-color-background-info-s: 0%;
1156
- --dt-badge-color-background-info-l: 0%;
1157
- --dt-badge-color-background-info-hsl: var(--dt-badge-color-background-info-h) var(--dt-badge-color-background-info-s) var(--dt-badge-color-background-info-l);
1158
- --dt-badge-color-background-info-hsla: hsla(var(--dt-badge-color-background-info-h) var(--dt-badge-color-background-info-s) var(--dt-badge-color-background-info-l) / var(--alpha, 100%));
1149
+ --dt-badge-color-background-info-h: var(--dt-color-surface-info-h);
1150
+ --dt-badge-color-background-info-s: var(--dt-color-surface-info-s);
1151
+ --dt-badge-color-background-info-l: var(--dt-color-surface-info-l);
1152
+ --dt-badge-color-background-info-hsl: var(--dt-color-surface-info-hsl);
1153
+ --dt-badge-color-background-info-hsla: var(--dt-color-surface-info-hsla);
1159
1154
  --dt-badge-color-background-info: var(--dt-color-surface-info);
1160
- --dt-badge-color-background-default-h: 0;
1161
- --dt-badge-color-background-default-s: 0%;
1162
- --dt-badge-color-background-default-l: 0%;
1163
- --dt-badge-color-background-default-hsl: var(--dt-badge-color-background-default-h) var(--dt-badge-color-background-default-s) var(--dt-badge-color-background-default-l);
1164
- --dt-badge-color-background-default-hsla: hsla(var(--dt-badge-color-background-default-h) var(--dt-badge-color-background-default-s) var(--dt-badge-color-background-default-l) / var(--alpha, 100%));
1155
+ --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1156
+ --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1157
+ --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
1158
+ --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1159
+ --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1165
1160
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
1166
- --dt-theme-mention-color-foreground-strong-h: 0;
1167
- --dt-theme-mention-color-foreground-strong-s: 0%;
1168
- --dt-theme-mention-color-foreground-strong-l: 0%;
1169
- --dt-theme-mention-color-foreground-strong-hsl: var(--dt-theme-mention-color-foreground-strong-h) var(--dt-theme-mention-color-foreground-strong-s) var(--dt-theme-mention-color-foreground-strong-l);
1170
- --dt-theme-mention-color-foreground-strong-hsla: hsla(var(--dt-theme-mention-color-foreground-strong-h) var(--dt-theme-mention-color-foreground-strong-s) var(--dt-theme-mention-color-foreground-strong-l) / var(--alpha, 100%));
1161
+ --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
1162
+ --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
1163
+ --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
1164
+ --dt-theme-mention-color-foreground-strong-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1165
+ --dt-theme-mention-color-foreground-strong-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1171
1166
  --dt-theme-mention-color-foreground-strong: var(--dt-color-foreground-primary-inverted);
1172
- --dt-theme-sidebar-section-color-foreground-h: 0;
1173
- --dt-theme-sidebar-section-color-foreground-s: 0%;
1174
- --dt-theme-sidebar-section-color-foreground-l: 0%;
1175
- --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-theme-sidebar-section-color-foreground-h) var(--dt-theme-sidebar-section-color-foreground-s) var(--dt-theme-sidebar-section-color-foreground-l);
1176
- --dt-theme-sidebar-section-color-foreground-hsla: hsla(var(--dt-theme-sidebar-section-color-foreground-h) var(--dt-theme-sidebar-section-color-foreground-s) var(--dt-theme-sidebar-section-color-foreground-l) / var(--alpha, 100%));
1167
+ --dt-theme-sidebar-section-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1168
+ --dt-theme-sidebar-section-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1169
+ --dt-theme-sidebar-section-color-foreground-l: var(--dt-color-foreground-tertiary-l);
1170
+ --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1171
+ --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1177
1172
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1178
1173
  --dt-theme-sidebar-selected-row-color-background-h: 0;
1179
1174
  --dt-theme-sidebar-selected-row-color-background-s: 0%;
@@ -1181,11 +1176,11 @@
1181
1176
  --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);
1182
1177
  --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%));
1183
1178
  --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.2);
1184
- --dt-theme-sidebar-selected-row-color-foreground-h: 0;
1185
- --dt-theme-sidebar-selected-row-color-foreground-s: 0%;
1186
- --dt-theme-sidebar-selected-row-color-foreground-l: 0%;
1187
- --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-theme-sidebar-selected-row-color-foreground-h) var(--dt-theme-sidebar-selected-row-color-foreground-s) var(--dt-theme-sidebar-selected-row-color-foreground-l);
1188
- --dt-theme-sidebar-selected-row-color-foreground-hsla: hsla(var(--dt-theme-sidebar-selected-row-color-foreground-h) var(--dt-theme-sidebar-selected-row-color-foreground-s) var(--dt-theme-sidebar-selected-row-color-foreground-l) / var(--alpha, 100%));
1179
+ --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1180
+ --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1181
+ --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
1182
+ --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1183
+ --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1189
1184
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1190
1185
  --dt-theme-sidebar-row-color-background-active-h: 0;
1191
1186
  --dt-theme-sidebar-row-color-background-active-s: 0%;
@@ -1205,23 +1200,23 @@
1205
1200
  --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);
1206
1201
  --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%));
1207
1202
  --dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
1208
- --dt-theme-sidebar-status-color-foreground-h: 0;
1209
- --dt-theme-sidebar-status-color-foreground-s: 0%;
1210
- --dt-theme-sidebar-status-color-foreground-l: 0%;
1211
- --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-theme-sidebar-status-color-foreground-h) var(--dt-theme-sidebar-status-color-foreground-s) var(--dt-theme-sidebar-status-color-foreground-l);
1212
- --dt-theme-sidebar-status-color-foreground-hsla: hsla(var(--dt-theme-sidebar-status-color-foreground-h) var(--dt-theme-sidebar-status-color-foreground-s) var(--dt-theme-sidebar-status-color-foreground-l) / var(--alpha, 100%));
1203
+ --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1204
+ --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1205
+ --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
1206
+ --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1207
+ --dt-theme-sidebar-status-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1213
1208
  --dt-theme-sidebar-status-color-foreground: var(--dt-color-foreground-tertiary);
1214
- --dt-theme-sidebar-color-foreground-unread-h: 0;
1215
- --dt-theme-sidebar-color-foreground-unread-s: 0%;
1216
- --dt-theme-sidebar-color-foreground-unread-l: 0%;
1217
- --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-theme-sidebar-color-foreground-unread-h) var(--dt-theme-sidebar-color-foreground-unread-s) var(--dt-theme-sidebar-color-foreground-unread-l);
1218
- --dt-theme-sidebar-color-foreground-unread-hsla: hsla(var(--dt-theme-sidebar-color-foreground-unread-h) var(--dt-theme-sidebar-color-foreground-unread-s) var(--dt-theme-sidebar-color-foreground-unread-l) / var(--alpha, 100%));
1209
+ --dt-theme-sidebar-color-foreground-unread-h: var(--dt-color-foreground-primary-h);
1210
+ --dt-theme-sidebar-color-foreground-unread-s: var(--dt-color-foreground-primary-s);
1211
+ --dt-theme-sidebar-color-foreground-unread-l: var(--dt-color-foreground-primary-l);
1212
+ --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
1213
+ --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
1219
1214
  --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
1220
- --dt-theme-sidebar-color-foreground-h: 0;
1221
- --dt-theme-sidebar-color-foreground-s: 0%;
1222
- --dt-theme-sidebar-color-foreground-l: 0%;
1223
- --dt-theme-sidebar-color-foreground-hsl: var(--dt-theme-sidebar-color-foreground-h) var(--dt-theme-sidebar-color-foreground-s) var(--dt-theme-sidebar-color-foreground-l);
1224
- --dt-theme-sidebar-color-foreground-hsla: hsla(var(--dt-theme-sidebar-color-foreground-h) var(--dt-theme-sidebar-color-foreground-s) var(--dt-theme-sidebar-color-foreground-l) / var(--alpha, 100%));
1215
+ --dt-theme-sidebar-color-foreground-h: var(--dt-color-foreground-secondary-h);
1216
+ --dt-theme-sidebar-color-foreground-s: var(--dt-color-foreground-secondary-s);
1217
+ --dt-theme-sidebar-color-foreground-l: var(--dt-color-foreground-secondary-l);
1218
+ --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1219
+ --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1225
1220
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1226
1221
  --dt-theme-topbar-profile-color-background-active-h: 0;
1227
1222
  --dt-theme-topbar-profile-color-background-active-s: 0%;
@@ -1271,11 +1266,11 @@
1271
1266
  --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);
1272
1267
  --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%));
1273
1268
  --dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
1274
- --dt-theme-topbar-button-color-foreground-hover-h: 0;
1275
- --dt-theme-topbar-button-color-foreground-hover-s: 0%;
1276
- --dt-theme-topbar-button-color-foreground-hover-l: 0%;
1277
- --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-topbar-button-color-foreground-hover-h) var(--dt-theme-topbar-button-color-foreground-hover-s) var(--dt-theme-topbar-button-color-foreground-hover-l);
1278
- --dt-theme-topbar-button-color-foreground-hover-hsla: hsla(var(--dt-theme-topbar-button-color-foreground-hover-h) var(--dt-theme-topbar-button-color-foreground-hover-s) var(--dt-theme-topbar-button-color-foreground-hover-l) / var(--alpha, 100%));
1269
+ --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1270
+ --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1271
+ --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
1272
+ --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
1273
+ --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
1279
1274
  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1280
1275
  --dt-theme-topbar-button-color-foreground-h: 0;
1281
1276
  --dt-theme-topbar-button-color-foreground-s: 0%;
@@ -1319,11 +1314,11 @@
1319
1314
  --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);
1320
1315
  --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%));
1321
1316
  --dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
1322
- --dt-theme-topbar-color-background-h: 0;
1323
- --dt-theme-topbar-color-background-s: 0%;
1324
- --dt-theme-topbar-color-background-l: 0%;
1325
- --dt-theme-topbar-color-background-hsl: var(--dt-theme-topbar-color-background-h) var(--dt-theme-topbar-color-background-s) var(--dt-theme-topbar-color-background-l);
1326
- --dt-theme-topbar-color-background-hsla: hsla(var(--dt-theme-topbar-color-background-h) var(--dt-theme-topbar-color-background-s) var(--dt-theme-topbar-color-background-l) / var(--alpha, 100%));
1317
+ --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1318
+ --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1319
+ --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
1320
+ --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1321
+ --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1327
1322
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1328
1323
  --dt-theme-topbar-color-foreground-h: 0;
1329
1324
  --dt-theme-topbar-color-foreground-s: 0%;
@@ -1331,23 +1326,23 @@
1331
1326
  --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);
1332
1327
  --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%));
1333
1328
  --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
1334
- --dt-action-color-border-muted-outlined-default-h: 0;
1335
- --dt-action-color-border-muted-outlined-default-s: 0%;
1336
- --dt-action-color-border-muted-outlined-default-l: 0%;
1337
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l);
1338
- --dt-action-color-border-muted-outlined-default-hsla: hsla(var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l) / var(--alpha, 100%));
1329
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1330
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1331
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1332
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1333
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1339
1334
  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1340
- --dt-action-color-border-inverted-outlined-default-h: 0;
1341
- --dt-action-color-border-inverted-outlined-default-s: 0%;
1342
- --dt-action-color-border-inverted-outlined-default-l: 0%;
1343
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l);
1344
- --dt-action-color-border-inverted-outlined-default-hsla: hsla(var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l) / var(--alpha, 100%));
1335
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1336
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1337
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1338
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1339
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1345
1340
  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1346
- --dt-action-color-border-critical-outlined-default-h: 0;
1347
- --dt-action-color-border-critical-outlined-default-s: 0%;
1348
- --dt-action-color-border-critical-outlined-default-l: 0%;
1349
- --dt-action-color-border-critical-outlined-default-hsl: var(--dt-action-color-border-critical-outlined-default-h) var(--dt-action-color-border-critical-outlined-default-s) var(--dt-action-color-border-critical-outlined-default-l);
1350
- --dt-action-color-border-critical-outlined-default-hsla: hsla(var(--dt-action-color-border-critical-outlined-default-h) var(--dt-action-color-border-critical-outlined-default-s) var(--dt-action-color-border-critical-outlined-default-l) / var(--alpha, 100%));
1341
+ --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1342
+ --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1343
+ --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
1344
+ --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1345
+ --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1351
1346
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
1352
1347
  --dt-action-color-background-positive-primary-active-h: 111.99999999999999;
1353
1348
  --dt-action-color-background-positive-primary-active-s: 100%;
@@ -1361,11 +1356,11 @@
1361
1356
  --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);
1362
1357
  --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%));
1363
1358
  --dt-action-color-background-positive-primary-hover: hsl(112 100% 73.8%);
1364
- --dt-action-color-background-inverted-primary-default-h: 0;
1365
- --dt-action-color-background-inverted-primary-default-s: 0%;
1366
- --dt-action-color-background-inverted-primary-default-l: 0%;
1367
- --dt-action-color-background-inverted-primary-default-hsl: var(--dt-action-color-background-inverted-primary-default-h) var(--dt-action-color-background-inverted-primary-default-s) var(--dt-action-color-background-inverted-primary-default-l);
1368
- --dt-action-color-background-inverted-primary-default-hsla: hsla(var(--dt-action-color-background-inverted-primary-default-h) var(--dt-action-color-background-inverted-primary-default-s) var(--dt-action-color-background-inverted-primary-default-l) / var(--alpha, 100%));
1359
+ --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-primary-h);
1360
+ --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-primary-s);
1361
+ --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-primary-l);
1362
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-primary-hsl);
1363
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-primary-hsla);
1369
1364
  --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-primary);
1370
1365
  --dt-action-color-background-inverted-active-h: 0;
1371
1366
  --dt-action-color-background-inverted-active-s: 0%;
@@ -1403,35 +1398,35 @@
1403
1398
  --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);
1404
1399
  --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%));
1405
1400
  --dt-action-color-background-base-primary-hover: hsl(255 100% 63.4%);
1406
- --dt-action-color-foreground-positive-default-h: 0;
1407
- --dt-action-color-foreground-positive-default-s: 0%;
1408
- --dt-action-color-foreground-positive-default-l: 0%;
1409
- --dt-action-color-foreground-positive-default-hsl: var(--dt-action-color-foreground-positive-default-h) var(--dt-action-color-foreground-positive-default-s) var(--dt-action-color-foreground-positive-default-l);
1410
- --dt-action-color-foreground-positive-default-hsla: hsla(var(--dt-action-color-foreground-positive-default-h) var(--dt-action-color-foreground-positive-default-s) var(--dt-action-color-foreground-positive-default-l) / var(--alpha, 100%));
1401
+ --dt-action-color-foreground-positive-default-h: var(--dt-color-foreground-success-h);
1402
+ --dt-action-color-foreground-positive-default-s: var(--dt-color-foreground-success-s);
1403
+ --dt-action-color-foreground-positive-default-l: var(--dt-color-foreground-success-l);
1404
+ --dt-action-color-foreground-positive-default-hsl: var(--dt-color-foreground-success-hsl);
1405
+ --dt-action-color-foreground-positive-default-hsla: var(--dt-color-foreground-success-hsla);
1411
1406
  --dt-action-color-foreground-positive-default: var(--dt-color-foreground-success);
1412
- --dt-action-color-foreground-disabled-default-h: 0;
1413
- --dt-action-color-foreground-disabled-default-s: 0%;
1414
- --dt-action-color-foreground-disabled-default-l: 0%;
1415
- --dt-action-color-foreground-disabled-default-hsl: var(--dt-action-color-foreground-disabled-default-h) var(--dt-action-color-foreground-disabled-default-s) var(--dt-action-color-foreground-disabled-default-l);
1416
- --dt-action-color-foreground-disabled-default-hsla: hsla(var(--dt-action-color-foreground-disabled-default-h) var(--dt-action-color-foreground-disabled-default-s) var(--dt-action-color-foreground-disabled-default-l) / var(--alpha, 100%));
1407
+ --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
1408
+ --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
1409
+ --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
1410
+ --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1411
+ --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1417
1412
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
1418
- --dt-action-color-foreground-muted-default-h: 0;
1419
- --dt-action-color-foreground-muted-default-s: 0%;
1420
- --dt-action-color-foreground-muted-default-l: 0%;
1421
- --dt-action-color-foreground-muted-default-hsl: var(--dt-action-color-foreground-muted-default-h) var(--dt-action-color-foreground-muted-default-s) var(--dt-action-color-foreground-muted-default-l);
1422
- --dt-action-color-foreground-muted-default-hsla: hsla(var(--dt-action-color-foreground-muted-default-h) var(--dt-action-color-foreground-muted-default-s) var(--dt-action-color-foreground-muted-default-l) / var(--alpha, 100%));
1413
+ --dt-action-color-foreground-muted-default-h: var(--dt-color-foreground-secondary-h);
1414
+ --dt-action-color-foreground-muted-default-s: var(--dt-color-foreground-secondary-s);
1415
+ --dt-action-color-foreground-muted-default-l: var(--dt-color-foreground-secondary-l);
1416
+ --dt-action-color-foreground-muted-default-hsl: var(--dt-color-foreground-secondary-hsl);
1417
+ --dt-action-color-foreground-muted-default-hsla: var(--dt-color-foreground-secondary-hsla);
1423
1418
  --dt-action-color-foreground-muted-default: var(--dt-color-foreground-secondary);
1424
- --dt-action-color-foreground-inverted-primary-active-h: 0;
1425
- --dt-action-color-foreground-inverted-primary-active-s: 0%;
1426
- --dt-action-color-foreground-inverted-primary-active-l: 0%;
1427
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-active-h) var(--dt-action-color-foreground-inverted-primary-active-s) var(--dt-action-color-foreground-inverted-primary-active-l);
1428
- --dt-action-color-foreground-inverted-primary-active-hsla: hsla(var(--dt-action-color-foreground-inverted-primary-active-h) var(--dt-action-color-foreground-inverted-primary-active-s) var(--dt-action-color-foreground-inverted-primary-active-l) / var(--alpha, 100%));
1419
+ --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
1420
+ --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
1421
+ --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
1422
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
1423
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
1429
1424
  --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
1430
- --dt-action-color-foreground-inverted-default-h: 0;
1431
- --dt-action-color-foreground-inverted-default-s: 0%;
1432
- --dt-action-color-foreground-inverted-default-l: 0%;
1433
- --dt-action-color-foreground-inverted-default-hsl: var(--dt-action-color-foreground-inverted-default-h) var(--dt-action-color-foreground-inverted-default-s) var(--dt-action-color-foreground-inverted-default-l);
1434
- --dt-action-color-foreground-inverted-default-hsla: hsla(var(--dt-action-color-foreground-inverted-default-h) var(--dt-action-color-foreground-inverted-default-s) var(--dt-action-color-foreground-inverted-default-l) / var(--alpha, 100%));
1425
+ --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
1426
+ --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
1427
+ --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
1428
+ --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1429
+ --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1435
1430
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
1436
1431
  --dt-action-color-foreground-critical-hover-h: 0;
1437
1432
  --dt-action-color-foreground-critical-hover-s: 0%;
@@ -1439,11 +1434,11 @@
1439
1434
  --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);
1440
1435
  --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%));
1441
1436
  --dt-action-color-foreground-critical-hover: lch(77.4 39.2 25.4);
1442
- --dt-action-color-foreground-critical-default-h: 0;
1443
- --dt-action-color-foreground-critical-default-s: 0%;
1444
- --dt-action-color-foreground-critical-default-l: 0%;
1445
- --dt-action-color-foreground-critical-default-hsl: var(--dt-action-color-foreground-critical-default-h) var(--dt-action-color-foreground-critical-default-s) var(--dt-action-color-foreground-critical-default-l);
1446
- --dt-action-color-foreground-critical-default-hsla: hsla(var(--dt-action-color-foreground-critical-default-h) var(--dt-action-color-foreground-critical-default-s) var(--dt-action-color-foreground-critical-default-l) / var(--alpha, 100%));
1437
+ --dt-action-color-foreground-critical-default-h: var(--dt-color-foreground-critical-h);
1438
+ --dt-action-color-foreground-critical-default-s: var(--dt-color-foreground-critical-s);
1439
+ --dt-action-color-foreground-critical-default-l: var(--dt-color-foreground-critical-l);
1440
+ --dt-action-color-foreground-critical-default-hsl: var(--dt-color-foreground-critical-hsl);
1441
+ --dt-action-color-foreground-critical-default-hsla: var(--dt-color-foreground-critical-hsla);
1447
1442
  --dt-action-color-foreground-critical-default: var(--dt-color-foreground-critical);
1448
1443
  --dt-action-color-foreground-base-hover-h: 0;
1449
1444
  --dt-action-color-foreground-base-hover-s: 0%;
@@ -1451,53 +1446,53 @@
1451
1446
  --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);
1452
1447
  --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%));
1453
1448
  --dt-action-color-foreground-base-hover: lch(69.4 56.1 303);
1454
- --dt-inputs-color-border-warning-h: 0;
1455
- --dt-inputs-color-border-warning-s: 0%;
1456
- --dt-inputs-color-border-warning-l: 0%;
1457
- --dt-inputs-color-border-warning-hsl: var(--dt-inputs-color-border-warning-h) var(--dt-inputs-color-border-warning-s) var(--dt-inputs-color-border-warning-l);
1458
- --dt-inputs-color-border-warning-hsla: hsla(var(--dt-inputs-color-border-warning-h) var(--dt-inputs-color-border-warning-s) var(--dt-inputs-color-border-warning-l) / var(--alpha, 100%));
1449
+ --dt-inputs-color-border-warning-h: var(--dt-color-border-warning-h);
1450
+ --dt-inputs-color-border-warning-s: var(--dt-color-border-warning-s);
1451
+ --dt-inputs-color-border-warning-l: var(--dt-color-border-warning-l);
1452
+ --dt-inputs-color-border-warning-hsl: var(--dt-color-border-warning-hsl);
1453
+ --dt-inputs-color-border-warning-hsla: var(--dt-color-border-warning-hsla);
1459
1454
  --dt-inputs-color-border-warning: var(--dt-color-border-warning);
1460
- --dt-inputs-color-border-success-h: 0;
1461
- --dt-inputs-color-border-success-s: 0%;
1462
- --dt-inputs-color-border-success-l: 0%;
1463
- --dt-inputs-color-border-success-hsl: var(--dt-inputs-color-border-success-h) var(--dt-inputs-color-border-success-s) var(--dt-inputs-color-border-success-l);
1464
- --dt-inputs-color-border-success-hsla: hsla(var(--dt-inputs-color-border-success-h) var(--dt-inputs-color-border-success-s) var(--dt-inputs-color-border-success-l) / var(--alpha, 100%));
1455
+ --dt-inputs-color-border-success-h: var(--dt-color-border-success-h);
1456
+ --dt-inputs-color-border-success-s: var(--dt-color-border-success-s);
1457
+ --dt-inputs-color-border-success-l: var(--dt-color-border-success-l);
1458
+ --dt-inputs-color-border-success-hsl: var(--dt-color-border-success-hsl);
1459
+ --dt-inputs-color-border-success-hsla: var(--dt-color-border-success-hsla);
1465
1460
  --dt-inputs-color-border-success: var(--dt-color-border-success);
1466
- --dt-inputs-color-border-critical-h: 0;
1467
- --dt-inputs-color-border-critical-s: 0%;
1468
- --dt-inputs-color-border-critical-l: 0%;
1469
- --dt-inputs-color-border-critical-hsl: var(--dt-inputs-color-border-critical-h) var(--dt-inputs-color-border-critical-s) var(--dt-inputs-color-border-critical-l);
1470
- --dt-inputs-color-border-critical-hsla: hsla(var(--dt-inputs-color-border-critical-h) var(--dt-inputs-color-border-critical-s) var(--dt-inputs-color-border-critical-l) / var(--alpha, 100%));
1461
+ --dt-inputs-color-border-critical-h: var(--dt-color-border-critical-h);
1462
+ --dt-inputs-color-border-critical-s: var(--dt-color-border-critical-s);
1463
+ --dt-inputs-color-border-critical-l: var(--dt-color-border-critical-l);
1464
+ --dt-inputs-color-border-critical-hsl: var(--dt-color-border-critical-hsl);
1465
+ --dt-inputs-color-border-critical-hsla: var(--dt-color-border-critical-hsla);
1471
1466
  --dt-inputs-color-border-critical: var(--dt-color-border-critical);
1472
- --dt-inputs-color-border-focus-h: 0;
1473
- --dt-inputs-color-border-focus-s: 0%;
1474
- --dt-inputs-color-border-focus-l: 0%;
1475
- --dt-inputs-color-border-focus-hsl: var(--dt-inputs-color-border-focus-h) var(--dt-inputs-color-border-focus-s) var(--dt-inputs-color-border-focus-l);
1476
- --dt-inputs-color-border-focus-hsla: hsla(var(--dt-inputs-color-border-focus-h) var(--dt-inputs-color-border-focus-s) var(--dt-inputs-color-border-focus-l) / var(--alpha, 100%));
1467
+ --dt-inputs-color-border-focus-h: var(--dt-color-border-focus-h);
1468
+ --dt-inputs-color-border-focus-s: var(--dt-color-border-focus-s);
1469
+ --dt-inputs-color-border-focus-l: var(--dt-color-border-focus-l);
1470
+ --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1471
+ --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1477
1472
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1478
- --dt-inputs-color-border-default-h: 0;
1479
- --dt-inputs-color-border-default-s: 0%;
1480
- --dt-inputs-color-border-default-l: 0%;
1481
- --dt-inputs-color-border-default-hsl: var(--dt-inputs-color-border-default-h) var(--dt-inputs-color-border-default-s) var(--dt-inputs-color-border-default-l);
1482
- --dt-inputs-color-border-default-hsla: hsla(var(--dt-inputs-color-border-default-h) var(--dt-inputs-color-border-default-s) var(--dt-inputs-color-border-default-l) / var(--alpha, 100%));
1473
+ --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1474
+ --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1475
+ --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1476
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1477
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1483
1478
  --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1484
- --dt-inputs-color-foreground-disabled-h: 0;
1485
- --dt-inputs-color-foreground-disabled-s: 0%;
1486
- --dt-inputs-color-foreground-disabled-l: 0%;
1487
- --dt-inputs-color-foreground-disabled-hsl: var(--dt-inputs-color-foreground-disabled-h) var(--dt-inputs-color-foreground-disabled-s) var(--dt-inputs-color-foreground-disabled-l);
1488
- --dt-inputs-color-foreground-disabled-hsla: hsla(var(--dt-inputs-color-foreground-disabled-h) var(--dt-inputs-color-foreground-disabled-s) var(--dt-inputs-color-foreground-disabled-l) / var(--alpha, 100%));
1479
+ --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1480
+ --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1481
+ --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
1482
+ --dt-inputs-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1483
+ --dt-inputs-color-foreground-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1489
1484
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
1490
- --dt-inputs-color-foreground-placeholder-h: 0;
1491
- --dt-inputs-color-foreground-placeholder-s: 0%;
1492
- --dt-inputs-color-foreground-placeholder-l: 0%;
1493
- --dt-inputs-color-foreground-placeholder-hsl: var(--dt-inputs-color-foreground-placeholder-h) var(--dt-inputs-color-foreground-placeholder-s) var(--dt-inputs-color-foreground-placeholder-l);
1494
- --dt-inputs-color-foreground-placeholder-hsla: hsla(var(--dt-inputs-color-foreground-placeholder-h) var(--dt-inputs-color-foreground-placeholder-s) var(--dt-inputs-color-foreground-placeholder-l) / var(--alpha, 100%));
1485
+ --dt-inputs-color-foreground-placeholder-h: var(--dt-color-foreground-placeholder-h);
1486
+ --dt-inputs-color-foreground-placeholder-s: var(--dt-color-foreground-placeholder-s);
1487
+ --dt-inputs-color-foreground-placeholder-l: var(--dt-color-foreground-placeholder-l);
1488
+ --dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
1489
+ --dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
1495
1490
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
1496
- --dt-inputs-color-foreground-default-h: 0;
1497
- --dt-inputs-color-foreground-default-s: 0%;
1498
- --dt-inputs-color-foreground-default-l: 0%;
1499
- --dt-inputs-color-foreground-default-hsl: var(--dt-inputs-color-foreground-default-h) var(--dt-inputs-color-foreground-default-s) var(--dt-inputs-color-foreground-default-l);
1500
- --dt-inputs-color-foreground-default-hsla: hsla(var(--dt-inputs-color-foreground-default-h) var(--dt-inputs-color-foreground-default-s) var(--dt-inputs-color-foreground-default-l) / var(--alpha, 100%));
1491
+ --dt-inputs-color-foreground-default-h: var(--dt-color-foreground-primary-h);
1492
+ --dt-inputs-color-foreground-default-s: var(--dt-color-foreground-primary-s);
1493
+ --dt-inputs-color-foreground-default-l: var(--dt-color-foreground-primary-l);
1494
+ --dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
1495
+ --dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1501
1496
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-primary);
1502
1497
  --dt-inputs-font-size-xl: var(--dt-font-size-100);
1503
1498
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
@@ -1574,11 +1569,6 @@
1574
1569
  --dt-typography-body-md-compact-font-family: var(--dt-font-family-expressive); /* A tighter-spaced version of medium body style. */
1575
1570
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
1576
1571
  --dt-typography-body-md-font-family: var(--dt-font-family-expressive); /* Base default medium text style for main content. */
1577
- --dt-color-border-ai-h: 0;
1578
- --dt-color-border-ai-s: 0%;
1579
- --dt-color-border-ai-l: 0%;
1580
- --dt-color-border-ai-hsl: var(--dt-color-border-ai-h) var(--dt-color-border-ai-s) var(--dt-color-border-ai-l);
1581
- --dt-color-border-ai-hsla: hsla(var(--dt-color-border-ai-h) var(--dt-color-border-ai-s) var(--dt-color-border-ai-l) / var(--alpha, 100%));
1582
1572
  --dt-color-border-ai: var(--dt-color-gradient-magenta-purple);
1583
1573
  --dt-color-surface-info-subtle-opaque-h: 213.20966997513474;
1584
1574
  --dt-color-surface-info-subtle-opaque-s: 96.9787556672879%;
@@ -1604,77 +1594,77 @@
1604
1594
  --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);
1605
1595
  --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%));
1606
1596
  --dt-color-surface-critical-subtle-opaque: hsl(0 89.6% 9.41% / 0.5);
1607
- --dt-color-link-success-inverted-hover-h: 0;
1608
- --dt-color-link-success-inverted-hover-s: 0%;
1609
- --dt-color-link-success-inverted-hover-l: 0%;
1610
- --dt-color-link-success-inverted-hover-hsl: var(--dt-color-link-success-inverted-hover-h) var(--dt-color-link-success-inverted-hover-s) var(--dt-color-link-success-inverted-hover-l);
1611
- --dt-color-link-success-inverted-hover-hsla: hsla(var(--dt-color-link-success-inverted-hover-h) var(--dt-color-link-success-inverted-hover-s) var(--dt-color-link-success-inverted-hover-l) / var(--alpha, 100%));
1597
+ --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
1598
+ --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
1599
+ --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
1600
+ --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
1601
+ --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
1612
1602
  --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
1613
- --dt-color-link-muted-hover-h: 0;
1614
- --dt-color-link-muted-hover-s: 0%;
1615
- --dt-color-link-muted-hover-l: 0%;
1616
- --dt-color-link-muted-hover-hsl: var(--dt-color-link-muted-hover-h) var(--dt-color-link-muted-hover-s) var(--dt-color-link-muted-hover-l);
1617
- --dt-color-link-muted-hover-hsla: hsla(var(--dt-color-link-muted-hover-h) var(--dt-color-link-muted-hover-s) var(--dt-color-link-muted-hover-l) / var(--alpha, 100%));
1603
+ --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
1604
+ --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
1605
+ --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
1606
+ --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1607
+ --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1618
1608
  --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
1619
- --dt-color-link-disabled-inverted-h: 0;
1620
- --dt-color-link-disabled-inverted-s: 0%;
1621
- --dt-color-link-disabled-inverted-l: 0%;
1622
- --dt-color-link-disabled-inverted-hsl: var(--dt-color-link-disabled-inverted-h) var(--dt-color-link-disabled-inverted-s) var(--dt-color-link-disabled-inverted-l);
1623
- --dt-color-link-disabled-inverted-hsla: hsla(var(--dt-color-link-disabled-inverted-h) var(--dt-color-link-disabled-inverted-s) var(--dt-color-link-disabled-inverted-l) / var(--alpha, 100%));
1609
+ --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
1610
+ --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
1611
+ --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
1612
+ --dt-color-link-disabled-inverted-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
1613
+ --dt-color-link-disabled-inverted-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
1624
1614
  --dt-color-link-disabled-inverted: var(--dt-color-foreground-disabled-inverted);
1625
- --dt-color-link-muted-inverted-h: 0;
1626
- --dt-color-link-muted-inverted-s: 0%;
1627
- --dt-color-link-muted-inverted-l: 0%;
1628
- --dt-color-link-muted-inverted-hsl: var(--dt-color-link-muted-inverted-h) var(--dt-color-link-muted-inverted-s) var(--dt-color-link-muted-inverted-l);
1629
- --dt-color-link-muted-inverted-hsla: hsla(var(--dt-color-link-muted-inverted-h) var(--dt-color-link-muted-inverted-s) var(--dt-color-link-muted-inverted-l) / var(--alpha, 100%));
1615
+ --dt-color-link-muted-inverted-h: var(--dt-color-foreground-secondary-inverted-h);
1616
+ --dt-color-link-muted-inverted-s: var(--dt-color-foreground-secondary-inverted-s);
1617
+ --dt-color-link-muted-inverted-l: var(--dt-color-foreground-secondary-inverted-l);
1618
+ --dt-color-link-muted-inverted-hsl: var(--dt-color-foreground-secondary-inverted-hsl);
1619
+ --dt-color-link-muted-inverted-hsla: var(--dt-color-foreground-secondary-inverted-hsla);
1630
1620
  --dt-color-link-muted-inverted: var(--dt-color-foreground-secondary-inverted);
1631
- --dt-color-link-warning-inverted-h: 0;
1632
- --dt-color-link-warning-inverted-s: 0%;
1633
- --dt-color-link-warning-inverted-l: 0%;
1634
- --dt-color-link-warning-inverted-hsl: var(--dt-color-link-warning-inverted-h) var(--dt-color-link-warning-inverted-s) var(--dt-color-link-warning-inverted-l);
1635
- --dt-color-link-warning-inverted-hsla: hsla(var(--dt-color-link-warning-inverted-h) var(--dt-color-link-warning-inverted-s) var(--dt-color-link-warning-inverted-l) / var(--alpha, 100%));
1621
+ --dt-color-link-warning-inverted-h: var(--dt-color-foreground-warning-inverted-h);
1622
+ --dt-color-link-warning-inverted-s: var(--dt-color-foreground-warning-inverted-s);
1623
+ --dt-color-link-warning-inverted-l: var(--dt-color-foreground-warning-inverted-l);
1624
+ --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
1625
+ --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
1636
1626
  --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
1637
- --dt-color-link-success-inverted-h: 0;
1638
- --dt-color-link-success-inverted-s: 0%;
1639
- --dt-color-link-success-inverted-l: 0%;
1640
- --dt-color-link-success-inverted-hsl: var(--dt-color-link-success-inverted-h) var(--dt-color-link-success-inverted-s) var(--dt-color-link-success-inverted-l);
1641
- --dt-color-link-success-inverted-hsla: hsla(var(--dt-color-link-success-inverted-h) var(--dt-color-link-success-inverted-s) var(--dt-color-link-success-inverted-l) / var(--alpha, 100%));
1627
+ --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
1628
+ --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
1629
+ --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
1630
+ --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
1631
+ --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
1642
1632
  --dt-color-link-success-inverted: var(--dt-color-foreground-success-inverted);
1643
- --dt-color-link-critical-inverted-h: 0;
1644
- --dt-color-link-critical-inverted-s: 0%;
1645
- --dt-color-link-critical-inverted-l: 0%;
1646
- --dt-color-link-critical-inverted-hsl: var(--dt-color-link-critical-inverted-h) var(--dt-color-link-critical-inverted-s) var(--dt-color-link-critical-inverted-l);
1647
- --dt-color-link-critical-inverted-hsla: hsla(var(--dt-color-link-critical-inverted-h) var(--dt-color-link-critical-inverted-s) var(--dt-color-link-critical-inverted-l) / var(--alpha, 100%));
1633
+ --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
1634
+ --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
1635
+ --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
1636
+ --dt-color-link-critical-inverted-hsl: var(--dt-color-foreground-critical-inverted-hsl);
1637
+ --dt-color-link-critical-inverted-hsla: var(--dt-color-foreground-critical-inverted-hsla);
1648
1638
  --dt-color-link-critical-inverted: var(--dt-color-foreground-critical-inverted);
1649
- --dt-color-link-disabled-h: 0;
1650
- --dt-color-link-disabled-s: 0%;
1651
- --dt-color-link-disabled-l: 0%;
1652
- --dt-color-link-disabled-hsl: var(--dt-color-link-disabled-h) var(--dt-color-link-disabled-s) var(--dt-color-link-disabled-l);
1653
- --dt-color-link-disabled-hsla: hsla(var(--dt-color-link-disabled-h) var(--dt-color-link-disabled-s) var(--dt-color-link-disabled-l) / var(--alpha, 100%));
1639
+ --dt-color-link-disabled-h: var(--dt-color-foreground-disabled-h);
1640
+ --dt-color-link-disabled-s: var(--dt-color-foreground-disabled-s);
1641
+ --dt-color-link-disabled-l: var(--dt-color-foreground-disabled-l);
1642
+ --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1643
+ --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1654
1644
  --dt-color-link-disabled: var(--dt-color-foreground-disabled);
1655
- --dt-color-link-muted-h: 0;
1656
- --dt-color-link-muted-s: 0%;
1657
- --dt-color-link-muted-l: 0%;
1658
- --dt-color-link-muted-hsl: var(--dt-color-link-muted-h) var(--dt-color-link-muted-s) var(--dt-color-link-muted-l);
1659
- --dt-color-link-muted-hsla: hsla(var(--dt-color-link-muted-h) var(--dt-color-link-muted-s) var(--dt-color-link-muted-l) / var(--alpha, 100%));
1645
+ --dt-color-link-muted-h: var(--dt-color-foreground-secondary-h);
1646
+ --dt-color-link-muted-s: var(--dt-color-foreground-secondary-s);
1647
+ --dt-color-link-muted-l: var(--dt-color-foreground-secondary-l);
1648
+ --dt-color-link-muted-hsl: var(--dt-color-foreground-secondary-hsl);
1649
+ --dt-color-link-muted-hsla: var(--dt-color-foreground-secondary-hsla);
1660
1650
  --dt-color-link-muted: var(--dt-color-foreground-secondary);
1661
- --dt-color-link-warning-h: 0;
1662
- --dt-color-link-warning-s: 0%;
1663
- --dt-color-link-warning-l: 0%;
1664
- --dt-color-link-warning-hsl: var(--dt-color-link-warning-h) var(--dt-color-link-warning-s) var(--dt-color-link-warning-l);
1665
- --dt-color-link-warning-hsla: hsla(var(--dt-color-link-warning-h) var(--dt-color-link-warning-s) var(--dt-color-link-warning-l) / var(--alpha, 100%));
1651
+ --dt-color-link-warning-h: var(--dt-color-foreground-warning-h);
1652
+ --dt-color-link-warning-s: var(--dt-color-foreground-warning-s);
1653
+ --dt-color-link-warning-l: var(--dt-color-foreground-warning-l);
1654
+ --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
1655
+ --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
1666
1656
  --dt-color-link-warning: var(--dt-color-foreground-warning);
1667
- --dt-color-link-success-h: 0;
1668
- --dt-color-link-success-s: 0%;
1669
- --dt-color-link-success-l: 0%;
1670
- --dt-color-link-success-hsl: var(--dt-color-link-success-h) var(--dt-color-link-success-s) var(--dt-color-link-success-l);
1671
- --dt-color-link-success-hsla: hsla(var(--dt-color-link-success-h) var(--dt-color-link-success-s) var(--dt-color-link-success-l) / var(--alpha, 100%));
1657
+ --dt-color-link-success-h: var(--dt-color-foreground-success-h);
1658
+ --dt-color-link-success-s: var(--dt-color-foreground-success-s);
1659
+ --dt-color-link-success-l: var(--dt-color-foreground-success-l);
1660
+ --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
1661
+ --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
1672
1662
  --dt-color-link-success: var(--dt-color-foreground-success); /* positive */
1673
- --dt-color-link-critical-h: 0;
1674
- --dt-color-link-critical-s: 0%;
1675
- --dt-color-link-critical-l: 0%;
1676
- --dt-color-link-critical-hsl: var(--dt-color-link-critical-h) var(--dt-color-link-critical-s) var(--dt-color-link-critical-l);
1677
- --dt-color-link-critical-hsla: hsla(var(--dt-color-link-critical-h) var(--dt-color-link-critical-s) var(--dt-color-link-critical-l) / var(--alpha, 100%));
1663
+ --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
1664
+ --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
1665
+ --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
1666
+ --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
1667
+ --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
1678
1668
  --dt-color-link-critical: var(--dt-color-foreground-critical);
1679
1669
  --dt-color-foreground-success-strong-h: 112;
1680
1670
  --dt-color-foreground-success-strong-s: 100%;
@@ -1689,23 +1679,23 @@
1689
1679
  --dt-color-foreground-critical-strong-hsla: hsla(var(--dt-color-foreground-critical-strong-h) var(--dt-color-foreground-critical-strong-s) var(--dt-color-foreground-critical-strong-l) / var(--alpha, 100%));
1690
1680
  --dt-color-foreground-critical-strong: hsl(0 100% 82.1%);
1691
1681
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
1692
- --dt-theme-sidebar-icon-color-foreground-h: 0;
1693
- --dt-theme-sidebar-icon-color-foreground-s: 0%;
1694
- --dt-theme-sidebar-icon-color-foreground-l: 0%;
1695
- --dt-theme-sidebar-icon-color-foreground-hsl: var(--dt-theme-sidebar-icon-color-foreground-h) var(--dt-theme-sidebar-icon-color-foreground-s) var(--dt-theme-sidebar-icon-color-foreground-l);
1696
- --dt-theme-sidebar-icon-color-foreground-hsla: hsla(var(--dt-theme-sidebar-icon-color-foreground-h) var(--dt-theme-sidebar-icon-color-foreground-s) var(--dt-theme-sidebar-icon-color-foreground-l) / var(--alpha, 100%));
1682
+ --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
1683
+ --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
1684
+ --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
1685
+ --dt-theme-sidebar-icon-color-foreground-hsl: var(--dt-theme-sidebar-color-foreground-hsl);
1686
+ --dt-theme-sidebar-icon-color-foreground-hsla: var(--dt-theme-sidebar-color-foreground-hsla);
1697
1687
  --dt-theme-sidebar-icon-color-foreground: var(--dt-theme-sidebar-color-foreground);
1698
- --dt-theme-sidebar-color-background-h: 0;
1699
- --dt-theme-sidebar-color-background-s: 0%;
1700
- --dt-theme-sidebar-color-background-l: 0%;
1701
- --dt-theme-sidebar-color-background-hsl: var(--dt-theme-sidebar-color-background-h) var(--dt-theme-sidebar-color-background-s) var(--dt-theme-sidebar-color-background-l);
1702
- --dt-theme-sidebar-color-background-hsla: hsla(var(--dt-theme-sidebar-color-background-h) var(--dt-theme-sidebar-color-background-s) var(--dt-theme-sidebar-color-background-l) / var(--alpha, 100%));
1688
+ --dt-theme-sidebar-color-background-h: var(--dt-theme-topbar-color-background-h);
1689
+ --dt-theme-sidebar-color-background-s: var(--dt-theme-topbar-color-background-s);
1690
+ --dt-theme-sidebar-color-background-l: var(--dt-theme-topbar-color-background-l);
1691
+ --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
1692
+ --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
1703
1693
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
1704
- --dt-theme-topbar-profile-color-foreground-h: 0;
1705
- --dt-theme-topbar-profile-color-foreground-s: 0%;
1706
- --dt-theme-topbar-profile-color-foreground-l: 0%;
1707
- --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-profile-color-foreground-h) var(--dt-theme-topbar-profile-color-foreground-s) var(--dt-theme-topbar-profile-color-foreground-l);
1708
- --dt-theme-topbar-profile-color-foreground-hsla: hsla(var(--dt-theme-topbar-profile-color-foreground-h) var(--dt-theme-topbar-profile-color-foreground-s) var(--dt-theme-topbar-profile-color-foreground-l) / var(--alpha, 100%));
1694
+ --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
1695
+ --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
1696
+ --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
1697
+ --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1698
+ --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1709
1699
  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
1710
1700
  --dt-theme-topbar-field-color-background-hover-h: 0;
1711
1701
  --dt-theme-topbar-field-color-background-hover-s: 0%;
@@ -1719,29 +1709,29 @@
1719
1709
  --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);
1720
1710
  --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%));
1721
1711
  --dt-action-color-foreground-positive-hover: hsl(112 100% 67.2%);
1722
- --dt-action-color-foreground-muted-hover-h: 0;
1723
- --dt-action-color-foreground-muted-hover-s: 0%;
1724
- --dt-action-color-foreground-muted-hover-l: 0%;
1725
- --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-hover-h) var(--dt-action-color-foreground-muted-hover-s) var(--dt-action-color-foreground-muted-hover-l);
1726
- --dt-action-color-foreground-muted-hover-hsla: hsla(var(--dt-action-color-foreground-muted-hover-h) var(--dt-action-color-foreground-muted-hover-s) var(--dt-action-color-foreground-muted-hover-l) / var(--alpha, 100%));
1712
+ --dt-action-color-foreground-muted-hover-h: var(--dt-action-color-foreground-muted-default-h);
1713
+ --dt-action-color-foreground-muted-hover-s: var(--dt-action-color-foreground-muted-default-s);
1714
+ --dt-action-color-foreground-muted-hover-l: var(--dt-action-color-foreground-muted-default-l);
1715
+ --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-default-hsl);
1716
+ --dt-action-color-foreground-muted-hover-hsla: var(--dt-action-color-foreground-muted-default-hsla);
1727
1717
  --dt-action-color-foreground-muted-hover: var(--dt-action-color-foreground-muted-default);
1728
- --dt-action-color-foreground-inverted-hover-h: 0;
1729
- --dt-action-color-foreground-inverted-hover-s: 0%;
1730
- --dt-action-color-foreground-inverted-hover-l: 0%;
1731
- --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-hover-h) var(--dt-action-color-foreground-inverted-hover-s) var(--dt-action-color-foreground-inverted-hover-l);
1732
- --dt-action-color-foreground-inverted-hover-hsla: hsla(var(--dt-action-color-foreground-inverted-hover-h) var(--dt-action-color-foreground-inverted-hover-s) var(--dt-action-color-foreground-inverted-hover-l) / var(--alpha, 100%));
1718
+ --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
1719
+ --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
1720
+ --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
1721
+ --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-default-hsl);
1722
+ --dt-action-color-foreground-inverted-hover-hsla: var(--dt-action-color-foreground-inverted-default-hsla);
1733
1723
  --dt-action-color-foreground-inverted-hover: var(--dt-action-color-foreground-inverted-default);
1734
- --dt-action-color-foreground-critical-active-h: 0;
1735
- --dt-action-color-foreground-critical-active-s: 0%;
1736
- --dt-action-color-foreground-critical-active-l: 0%;
1737
- --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-active-h) var(--dt-action-color-foreground-critical-active-s) var(--dt-action-color-foreground-critical-active-l);
1738
- --dt-action-color-foreground-critical-active-hsla: hsla(var(--dt-action-color-foreground-critical-active-h) var(--dt-action-color-foreground-critical-active-s) var(--dt-action-color-foreground-critical-active-l) / var(--alpha, 100%));
1724
+ --dt-action-color-foreground-critical-active-h: var(--dt-action-color-foreground-critical-hover-h);
1725
+ --dt-action-color-foreground-critical-active-s: var(--dt-action-color-foreground-critical-hover-s);
1726
+ --dt-action-color-foreground-critical-active-l: var(--dt-action-color-foreground-critical-hover-l);
1727
+ --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
1728
+ --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
1739
1729
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
1740
- --dt-action-color-foreground-base-active-h: 0;
1741
- --dt-action-color-foreground-base-active-s: 0%;
1742
- --dt-action-color-foreground-base-active-l: 0%;
1743
- --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-active-h) var(--dt-action-color-foreground-base-active-s) var(--dt-action-color-foreground-base-active-l);
1744
- --dt-action-color-foreground-base-active-hsla: hsla(var(--dt-action-color-foreground-base-active-h) var(--dt-action-color-foreground-base-active-s) var(--dt-action-color-foreground-base-active-l) / var(--alpha, 100%));
1730
+ --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
1731
+ --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
1732
+ --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
1733
+ --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
1734
+ --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
1745
1735
  --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
1746
1736
  --dt-typography-inputs-xl-font-size: var(--dt-inputs-font-size-xl); /* Text style for extra large inputs (e.g. input and textarea) */
1747
1737
  --dt-typography-inputs-lg-font-size: var(--dt-inputs-font-size-lg); /* Text style for large inputs (e.g. input and textarea) */
@@ -1784,35 +1774,35 @@
1784
1774
  --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
1785
1775
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
1786
1776
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
1787
- --dt-color-link-disabled-inverted-hover-h: 0;
1788
- --dt-color-link-disabled-inverted-hover-s: 0%;
1789
- --dt-color-link-disabled-inverted-hover-l: 0%;
1790
- --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-inverted-hover-h) var(--dt-color-link-disabled-inverted-hover-s) var(--dt-color-link-disabled-inverted-hover-l);
1791
- --dt-color-link-disabled-inverted-hover-hsla: hsla(var(--dt-color-link-disabled-inverted-hover-h) var(--dt-color-link-disabled-inverted-hover-s) var(--dt-color-link-disabled-inverted-hover-l) / var(--alpha, 100%));
1777
+ --dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-inverted-h);
1778
+ --dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-inverted-s);
1779
+ --dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-inverted-l);
1780
+ --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-inverted-hsl);
1781
+ --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-inverted-hsla);
1792
1782
  --dt-color-link-disabled-inverted-hover: var(--dt-color-link-disabled-inverted);
1793
- --dt-color-link-disabled-hover-h: 0;
1794
- --dt-color-link-disabled-hover-s: 0%;
1795
- --dt-color-link-disabled-hover-l: 0%;
1796
- --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hover-h) var(--dt-color-link-disabled-hover-s) var(--dt-color-link-disabled-hover-l);
1797
- --dt-color-link-disabled-hover-hsla: hsla(var(--dt-color-link-disabled-hover-h) var(--dt-color-link-disabled-hover-s) var(--dt-color-link-disabled-hover-l) / var(--alpha, 100%));
1783
+ --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
1784
+ --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
1785
+ --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
1786
+ --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
1787
+ --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
1798
1788
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
1799
- --dt-action-color-foreground-positive-active-h: 0;
1800
- --dt-action-color-foreground-positive-active-s: 0%;
1801
- --dt-action-color-foreground-positive-active-l: 0%;
1802
- --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-active-h) var(--dt-action-color-foreground-positive-active-s) var(--dt-action-color-foreground-positive-active-l);
1803
- --dt-action-color-foreground-positive-active-hsla: hsla(var(--dt-action-color-foreground-positive-active-h) var(--dt-action-color-foreground-positive-active-s) var(--dt-action-color-foreground-positive-active-l) / var(--alpha, 100%));
1789
+ --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
1790
+ --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
1791
+ --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
1792
+ --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
1793
+ --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
1804
1794
  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
1805
- --dt-action-color-foreground-muted-active-h: 0;
1806
- --dt-action-color-foreground-muted-active-s: 0%;
1807
- --dt-action-color-foreground-muted-active-l: 0%;
1808
- --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-active-h) var(--dt-action-color-foreground-muted-active-s) var(--dt-action-color-foreground-muted-active-l);
1809
- --dt-action-color-foreground-muted-active-hsla: hsla(var(--dt-action-color-foreground-muted-active-h) var(--dt-action-color-foreground-muted-active-s) var(--dt-action-color-foreground-muted-active-l) / var(--alpha, 100%));
1795
+ --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
1796
+ --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
1797
+ --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
1798
+ --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
1799
+ --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
1810
1800
  --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
1811
- --dt-action-color-foreground-inverted-active-h: 0;
1812
- --dt-action-color-foreground-inverted-active-s: 0%;
1813
- --dt-action-color-foreground-inverted-active-l: 0%;
1814
- --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-active-h) var(--dt-action-color-foreground-inverted-active-s) var(--dt-action-color-foreground-inverted-active-l);
1815
- --dt-action-color-foreground-inverted-active-hsla: hsla(var(--dt-action-color-foreground-inverted-active-h) var(--dt-action-color-foreground-inverted-active-s) var(--dt-action-color-foreground-inverted-active-l) / var(--alpha, 100%));
1801
+ --dt-action-color-foreground-inverted-active-h: var(--dt-action-color-foreground-inverted-hover-h);
1802
+ --dt-action-color-foreground-inverted-active-s: var(--dt-action-color-foreground-inverted-hover-s);
1803
+ --dt-action-color-foreground-inverted-active-l: var(--dt-action-color-foreground-inverted-hover-l);
1804
+ --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-hover-hsl);
1805
+ --dt-action-color-foreground-inverted-active-hsla: var(--dt-action-color-foreground-inverted-hover-hsla);
1816
1806
  --dt-action-color-foreground-inverted-active: var(--dt-action-color-foreground-inverted-hover);
1817
1807
  --dt-font-size-100-mobile: 1.2rem;
1818
1808
  --dt-font-size-200-mobile: 1.6rem;