@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
@@ -8766,11 +8766,6 @@ body {
8766
8766
  --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
8767
8767
  --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
8768
8768
  --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
8769
- --dt-color-gradient-magenta-purple-h: 0;
8770
- --dt-color-gradient-magenta-purple-s: 0%;
8771
- --dt-color-gradient-magenta-purple-l: 0%;
8772
- --dt-color-gradient-magenta-purple-hsl: var(--dt-color-gradient-magenta-purple-h) var(--dt-color-gradient-magenta-purple-s) var(--dt-color-gradient-magenta-purple-l);
8773
- --dt-color-gradient-magenta-purple-hsla: hsla(var(--dt-color-gradient-magenta-purple-h) var(--dt-color-gradient-magenta-purple-s) var(--dt-color-gradient-magenta-purple-l) / var(--alpha, 100%));
8774
8769
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
8775
8770
  --dt-size-base: calc(var(--dt-font-size-root) * .8);
8776
8771
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
@@ -20912,31 +20907,31 @@ body {
20912
20907
  --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);
20913
20908
  --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%));
20914
20909
  --dt-avatar-color-background-100: #1aa340;
20915
- --dt-radio-color-background-checked-h: 0;
20916
- --dt-radio-color-background-checked-s: 0%;
20917
- --dt-radio-color-background-checked-l: 0%;
20918
- --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);
20919
- --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%));
20910
+ --dt-radio-color-background-checked-h: var(--dt-color-brand-purple-h);
20911
+ --dt-radio-color-background-checked-s: var(--dt-color-brand-purple-s);
20912
+ --dt-radio-color-background-checked-l: var(--dt-color-brand-purple-l);
20913
+ --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
20914
+ --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
20920
20915
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
20921
- --dt-radio-color-border-unchecked-h: 0;
20922
- --dt-radio-color-border-unchecked-s: 0%;
20923
- --dt-radio-color-border-unchecked-l: 0%;
20924
- --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);
20925
- --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%));
20916
+ --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
20917
+ --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
20918
+ --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
20919
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
20920
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
20926
20921
  --dt-radio-color-border-unchecked: var(--dt-color-black-400);
20927
20922
  --dt-radio-size-width: var(--dt-size-500);
20928
20923
  --dt-icon-size-border-100: var(--dt-size-border-100);
20929
- --dt-checkbox-color-background-checked-h: 0;
20930
- --dt-checkbox-color-background-checked-s: 0%;
20931
- --dt-checkbox-color-background-checked-l: 0%;
20932
- --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);
20933
- --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%));
20924
+ --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
20925
+ --dt-checkbox-color-background-checked-s: var(--dt-color-brand-purple-s);
20926
+ --dt-checkbox-color-background-checked-l: var(--dt-color-brand-purple-l);
20927
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
20928
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
20934
20929
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
20935
- --dt-checkbox-color-border-unchecked-h: 0;
20936
- --dt-checkbox-color-border-unchecked-s: 0%;
20937
- --dt-checkbox-color-border-unchecked-l: 0%;
20938
- --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);
20939
- --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%));
20930
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
20931
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
20932
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
20933
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
20934
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
20940
20935
  --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
20941
20936
  --dt-checkbox-size-width: var(--dt-size-500);
20942
20937
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
@@ -20966,11 +20961,11 @@ body {
20966
20961
  --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);
20967
20962
  --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%));
20968
20963
  --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
20969
- --dt-badge-color-foreground-bulletin-h: 0;
20970
- --dt-badge-color-foreground-bulletin-s: 0%;
20971
- --dt-badge-color-foreground-bulletin-l: 0%;
20972
- --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);
20973
- --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%));
20964
+ --dt-badge-color-foreground-bulletin-h: var(--dt-color-neutral-white-h);
20965
+ --dt-badge-color-foreground-bulletin-s: var(--dt-color-neutral-white-s);
20966
+ --dt-badge-color-foreground-bulletin-l: var(--dt-color-neutral-white-l);
20967
+ --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-white-hsl);
20968
+ --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-white-hsla);
20974
20969
  --dt-badge-color-foreground-bulletin: var(--dt-color-neutral-white);
20975
20970
  --dt-badge-color-background-bulletin-subtle-h: 255.00000000000006;
20976
20971
  --dt-badge-color-background-bulletin-subtle-s: 100%;
@@ -20978,77 +20973,77 @@ body {
20978
20973
  --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);
20979
20974
  --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%));
20980
20975
  --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
20981
- --dt-badge-color-background-bulletin-h: 0;
20982
- --dt-badge-color-background-bulletin-s: 0%;
20983
- --dt-badge-color-background-bulletin-l: 0%;
20984
- --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);
20985
- --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%));
20976
+ --dt-badge-color-background-bulletin-h: var(--dt-color-brand-purple-h);
20977
+ --dt-badge-color-background-bulletin-s: var(--dt-color-brand-purple-s);
20978
+ --dt-badge-color-background-bulletin-l: var(--dt-color-brand-purple-l);
20979
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
20980
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
20986
20981
  --dt-badge-color-background-bulletin: var(--dt-color-brand-purple);
20987
- --dt-avatar-color-foreground-h: 0;
20988
- --dt-avatar-color-foreground-s: 0%;
20989
- --dt-avatar-color-foreground-l: 0%;
20990
- --dt-avatar-color-foreground-hsl: var(--dt-avatar-color-foreground-h) var(--dt-avatar-color-foreground-s) var(--dt-avatar-color-foreground-l);
20991
- --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%));
20982
+ --dt-avatar-color-foreground-h: var(--dt-color-neutral-black-h);
20983
+ --dt-avatar-color-foreground-s: var(--dt-color-neutral-black-s);
20984
+ --dt-avatar-color-foreground-l: var(--dt-color-neutral-black-l);
20985
+ --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
20986
+ --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
20992
20987
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
20993
- --dt-theme-mention-color-background-strong-h: 0;
20994
- --dt-theme-mention-color-background-strong-s: 0%;
20995
- --dt-theme-mention-color-background-strong-l: 0%;
20996
- --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);
20997
- --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%));
20988
+ --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-500-h);
20989
+ --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-500-s);
20990
+ --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-500-l);
20991
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-500-hsl);
20992
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-500-hsla);
20998
20993
  --dt-theme-mention-color-background-strong: var(--dt-color-purple-500);
20999
- --dt-theme-mention-color-background-h: 0;
21000
- --dt-theme-mention-color-background-s: 0%;
21001
- --dt-theme-mention-color-background-l: 0%;
21002
- --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);
21003
- --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%));
20994
+ --dt-theme-mention-color-background-h: var(--dt-color-brand-purple-h);
20995
+ --dt-theme-mention-color-background-s: var(--dt-color-brand-purple-s);
20996
+ --dt-theme-mention-color-background-l: var(--dt-color-brand-purple-l);
20997
+ --dt-theme-mention-color-background-hsl: var(--dt-color-brand-purple-hsl);
20998
+ --dt-theme-mention-color-background-hsla: var(--dt-color-brand-purple-hsla);
21004
20999
  --dt-theme-mention-color-background: var(--dt-color-brand-purple);
21005
- --dt-theme-mention-color-foreground-h: 0;
21006
- --dt-theme-mention-color-foreground-s: 0%;
21007
- --dt-theme-mention-color-foreground-l: 0%;
21008
- --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);
21009
- --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%));
21000
+ --dt-theme-mention-color-foreground-h: var(--dt-color-neutral-white-h);
21001
+ --dt-theme-mention-color-foreground-s: var(--dt-color-neutral-white-s);
21002
+ --dt-theme-mention-color-foreground-l: var(--dt-color-neutral-white-l);
21003
+ --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
21004
+ --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
21010
21005
  --dt-theme-mention-color-foreground: var(--dt-color-neutral-white);
21011
- --dt-theme-presence-color-background-offline-h: 0;
21012
- --dt-theme-presence-color-background-offline-s: 0%;
21013
- --dt-theme-presence-color-background-offline-l: 0%;
21014
- --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);
21015
- --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%));
21006
+ --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
21007
+ --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
21008
+ --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
21009
+ --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
21010
+ --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
21016
21011
  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
21017
- --dt-theme-presence-color-background-busy-h: 0;
21018
- --dt-theme-presence-color-background-busy-s: 0%;
21019
- --dt-theme-presence-color-background-busy-l: 0%;
21020
- --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);
21021
- --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%));
21012
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-300-h);
21013
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-300-s);
21014
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-300-l);
21015
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
21016
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
21022
21017
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
21023
- --dt-theme-presence-color-background-busy-unavailable-h: 0;
21024
- --dt-theme-presence-color-background-busy-unavailable-s: 0%;
21025
- --dt-theme-presence-color-background-busy-unavailable-l: 0%;
21026
- --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);
21027
- --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%));
21018
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
21019
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
21020
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
21021
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
21022
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
21028
21023
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
21029
- --dt-theme-presence-color-background-available-h: 0;
21030
- --dt-theme-presence-color-background-available-s: 0%;
21031
- --dt-theme-presence-color-background-available-l: 0%;
21032
- --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);
21033
- --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%));
21024
+ --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
21025
+ --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
21026
+ --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
21027
+ --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-400-hsl);
21028
+ --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-400-hsla);
21034
21029
  --dt-theme-presence-color-background-available: var(--dt-color-green-400);
21035
- --dt-theme-color-base-h: 0;
21036
- --dt-theme-color-base-s: 0%;
21037
- --dt-theme-color-base-l: 0%;
21038
- --dt-theme-color-base-hsl: var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l);
21039
- --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%));
21030
+ --dt-theme-color-base-h: var(--dt-color-black-900-h);
21031
+ --dt-theme-color-base-s: var(--dt-color-black-900-s);
21032
+ --dt-theme-color-base-l: var(--dt-color-black-900-l);
21033
+ --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
21034
+ --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
21040
21035
  --dt-theme-color-base: var(--dt-color-black-900);
21041
- --dt-action-color-border-base-outlined-default-h: 0;
21042
- --dt-action-color-border-base-outlined-default-s: 0%;
21043
- --dt-action-color-border-base-outlined-default-l: 0%;
21044
- --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);
21045
- --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%));
21036
+ --dt-action-color-border-base-outlined-default-h: var(--dt-color-purple-400-h);
21037
+ --dt-action-color-border-base-outlined-default-s: var(--dt-color-purple-400-s);
21038
+ --dt-action-color-border-base-outlined-default-l: var(--dt-color-purple-400-l);
21039
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-purple-400-hsl);
21040
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-purple-400-hsla);
21046
21041
  --dt-action-color-border-base-outlined-default: var(--dt-color-purple-400);
21047
- --dt-action-color-background-positive-primary-default-h: 0;
21048
- --dt-action-color-background-positive-primary-default-s: 0%;
21049
- --dt-action-color-background-positive-primary-default-l: 0%;
21050
- --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);
21051
- --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%));
21042
+ --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-400-h);
21043
+ --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-400-s);
21044
+ --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-400-l);
21045
+ --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-400-hsl);
21046
+ --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-400-hsla);
21052
21047
  --dt-action-color-background-positive-primary-default: var(--dt-color-green-400);
21053
21048
  --dt-action-color-background-positive-active-h: 137;
21054
21049
  --dt-action-color-background-positive-active-s: 72.50000000000001%;
@@ -21062,17 +21057,17 @@ body {
21062
21057
  --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);
21063
21058
  --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%));
21064
21059
  --dt-action-color-background-positive-hover: hsl(111 53.8% 98%);
21065
- --dt-action-color-background-positive-default-h: 0;
21066
- --dt-action-color-background-positive-default-s: 0%;
21067
- --dt-action-color-background-positive-default-l: 0%;
21068
- --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);
21069
- --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%));
21060
+ --dt-action-color-background-positive-default-h: var(--dt-color-neutral-transparent-h);
21061
+ --dt-action-color-background-positive-default-s: var(--dt-color-neutral-transparent-s);
21062
+ --dt-action-color-background-positive-default-l: var(--dt-color-neutral-transparent-l);
21063
+ --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
21064
+ --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
21070
21065
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
21071
- --dt-action-color-background-disabled-default-h: 0;
21072
- --dt-action-color-background-disabled-default-s: 0%;
21073
- --dt-action-color-background-disabled-default-l: 0%;
21074
- --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);
21075
- --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%));
21066
+ --dt-action-color-background-disabled-default-h: var(--dt-color-black-300-h);
21067
+ --dt-action-color-background-disabled-default-s: var(--dt-color-black-300-s);
21068
+ --dt-action-color-background-disabled-default-l: var(--dt-color-black-300-l);
21069
+ --dt-action-color-background-disabled-default-hsl: var(--dt-color-black-300-hsl);
21070
+ --dt-action-color-background-disabled-default-hsla: var(--dt-color-black-300-hsla);
21076
21071
  --dt-action-color-background-disabled-default: var(--dt-color-black-300);
21077
21072
  --dt-action-color-background-muted-active-h: 0;
21078
21073
  --dt-action-color-background-muted-active-s: 0%;
@@ -21086,29 +21081,29 @@ body {
21086
21081
  --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);
21087
21082
  --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%));
21088
21083
  --dt-action-color-background-muted-hover: hsl(0 0% 13.3% / 0.1);
21089
- --dt-action-color-background-muted-default-h: 0;
21090
- --dt-action-color-background-muted-default-s: 0%;
21091
- --dt-action-color-background-muted-default-l: 0%;
21092
- --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);
21093
- --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%));
21084
+ --dt-action-color-background-muted-default-h: var(--dt-color-neutral-transparent-h);
21085
+ --dt-action-color-background-muted-default-s: var(--dt-color-neutral-transparent-s);
21086
+ --dt-action-color-background-muted-default-l: var(--dt-color-neutral-transparent-l);
21087
+ --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
21088
+ --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
21094
21089
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
21095
- --dt-action-color-background-inverted-primary-hover-h: 0;
21096
- --dt-action-color-background-inverted-primary-hover-s: 0%;
21097
- --dt-action-color-background-inverted-primary-hover-l: 0%;
21098
- --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);
21099
- --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%));
21090
+ --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-purple-100-h);
21091
+ --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-purple-100-s);
21092
+ --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-purple-100-l);
21093
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-purple-100-hsl);
21094
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-purple-100-hsla);
21100
21095
  --dt-action-color-background-inverted-primary-hover: var(--dt-color-purple-100);
21101
- --dt-action-color-background-inverted-default-h: 0;
21102
- --dt-action-color-background-inverted-default-s: 0%;
21103
- --dt-action-color-background-inverted-default-l: 0%;
21104
- --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);
21105
- --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%));
21096
+ --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
21097
+ --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
21098
+ --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
21099
+ --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
21100
+ --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
21106
21101
  --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
21107
- --dt-action-color-background-critical-primary-default-h: 0;
21108
- --dt-action-color-background-critical-primary-default-s: 0%;
21109
- --dt-action-color-background-critical-primary-default-l: 0%;
21110
- --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);
21111
- --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%));
21102
+ --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-300-h);
21103
+ --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-300-s);
21104
+ --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-300-l);
21105
+ --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-300-hsl);
21106
+ --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-300-hsla);
21112
21107
  --dt-action-color-background-critical-primary-default: var(--dt-color-red-300);
21113
21108
  --dt-action-color-background-critical-active-h: 0;
21114
21109
  --dt-action-color-background-critical-active-s: 88.79999999999998%;
@@ -21122,17 +21117,17 @@ body {
21122
21117
  --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);
21123
21118
  --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%));
21124
21119
  --dt-action-color-background-critical-hover: hsl(0 88.8% 49% / 0.07);
21125
- --dt-action-color-background-critical-default-h: 0;
21126
- --dt-action-color-background-critical-default-s: 0%;
21127
- --dt-action-color-background-critical-default-l: 0%;
21128
- --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);
21129
- --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%));
21120
+ --dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
21121
+ --dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
21122
+ --dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
21123
+ --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
21124
+ --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
21130
21125
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
21131
- --dt-action-color-background-base-primary-default-h: 0;
21132
- --dt-action-color-background-base-primary-default-s: 0%;
21133
- --dt-action-color-background-base-primary-default-l: 0%;
21134
- --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);
21135
- --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%));
21126
+ --dt-action-color-background-base-primary-default-h: var(--dt-color-brand-purple-h);
21127
+ --dt-action-color-background-base-primary-default-s: var(--dt-color-brand-purple-s);
21128
+ --dt-action-color-background-base-primary-default-l: var(--dt-color-brand-purple-l);
21129
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-brand-purple-hsl);
21130
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-brand-purple-hsla);
21136
21131
  --dt-action-color-background-base-primary-default: var(--dt-color-brand-purple);
21137
21132
  --dt-action-color-background-base-active-h: 255.00000000000006;
21138
21133
  --dt-action-color-background-base-active-s: 100%;
@@ -21146,47 +21141,47 @@ body {
21146
21141
  --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);
21147
21142
  --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%));
21148
21143
  --dt-action-color-background-base-hover: hsl(255 100% 66.1% / 0.14);
21149
- --dt-action-color-background-base-default-h: 0;
21150
- --dt-action-color-background-base-default-s: 0%;
21151
- --dt-action-color-background-base-default-l: 0%;
21152
- --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);
21153
- --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%));
21144
+ --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
21145
+ --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
21146
+ --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
21147
+ --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
21148
+ --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
21154
21149
  --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
21155
- --dt-action-color-foreground-positive-primary-default-h: 0;
21156
- --dt-action-color-foreground-positive-primary-default-s: 0%;
21157
- --dt-action-color-foreground-positive-primary-default-l: 0%;
21158
- --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);
21159
- --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%));
21150
+ --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-neutral-white-h);
21151
+ --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-neutral-white-s);
21152
+ --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-neutral-white-l);
21153
+ --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
21154
+ --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
21160
21155
  --dt-action-color-foreground-positive-primary-default: var(--dt-color-neutral-white);
21161
- --dt-action-color-foreground-inverted-primary-hover-h: 0;
21162
- --dt-action-color-foreground-inverted-primary-hover-s: 0%;
21163
- --dt-action-color-foreground-inverted-primary-hover-l: 0%;
21164
- --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);
21165
- --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%));
21156
+ --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-purple-500-h);
21157
+ --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-purple-500-s);
21158
+ --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-purple-500-l);
21159
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-purple-500-hsl);
21160
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-purple-500-hsla);
21166
21161
  --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-purple-500);
21167
- --dt-action-color-foreground-inverted-primary-default-h: 0;
21168
- --dt-action-color-foreground-inverted-primary-default-s: 0%;
21169
- --dt-action-color-foreground-inverted-primary-default-l: 0%;
21170
- --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);
21171
- --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%));
21162
+ --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-purple-400-h);
21163
+ --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-purple-400-s);
21164
+ --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-purple-400-l);
21165
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-purple-400-hsl);
21166
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-purple-400-hsla);
21172
21167
  --dt-action-color-foreground-inverted-primary-default: var(--dt-color-purple-400);
21173
- --dt-action-color-foreground-critical-primary-default-h: 0;
21174
- --dt-action-color-foreground-critical-primary-default-s: 0%;
21175
- --dt-action-color-foreground-critical-primary-default-l: 0%;
21176
- --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);
21177
- --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%));
21168
+ --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-neutral-white-h);
21169
+ --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-neutral-white-s);
21170
+ --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-neutral-white-l);
21171
+ --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-white-hsl);
21172
+ --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
21178
21173
  --dt-action-color-foreground-critical-primary-default: var(--dt-color-neutral-white);
21179
- --dt-action-color-foreground-base-primary-default-h: 0;
21180
- --dt-action-color-foreground-base-primary-default-s: 0%;
21181
- --dt-action-color-foreground-base-primary-default-l: 0%;
21182
- --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);
21183
- --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%));
21174
+ --dt-action-color-foreground-base-primary-default-h: var(--dt-color-neutral-white-h);
21175
+ --dt-action-color-foreground-base-primary-default-s: var(--dt-color-neutral-white-s);
21176
+ --dt-action-color-foreground-base-primary-default-l: var(--dt-color-neutral-white-l);
21177
+ --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-white-hsl);
21178
+ --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
21184
21179
  --dt-action-color-foreground-base-primary-default: var(--dt-color-neutral-white);
21185
- --dt-action-color-foreground-base-default-h: 0;
21186
- --dt-action-color-foreground-base-default-s: 0%;
21187
- --dt-action-color-foreground-base-default-l: 0%;
21188
- --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);
21189
- --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%));
21180
+ --dt-action-color-foreground-base-default-h: var(--dt-color-purple-400-h);
21181
+ --dt-action-color-foreground-base-default-s: var(--dt-color-purple-400-s);
21182
+ --dt-action-color-foreground-base-default-l: var(--dt-color-purple-400-l);
21183
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-purple-400-hsl);
21184
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-purple-400-hsla);
21190
21185
  --dt-action-color-foreground-base-default: var(--dt-color-purple-400);
21191
21186
  --dt-inputs-color-background-disabled-h: 0;
21192
21187
  --dt-inputs-color-background-disabled-s: 0%;
@@ -21206,11 +21201,11 @@ body {
21206
21201
  --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);
21207
21202
  --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%));
21208
21203
  --dt-inputs-color-background-default: hsl(0 0% 0% / 0.03);
21209
- --dt-inputs-color-border-disabled-h: 0;
21210
- --dt-inputs-color-border-disabled-s: 0%;
21211
- --dt-inputs-color-border-disabled-l: 0%;
21212
- --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);
21213
- --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%));
21204
+ --dt-inputs-color-border-disabled-h: var(--dt-color-neutral-transparent-h);
21205
+ --dt-inputs-color-border-disabled-s: var(--dt-color-neutral-transparent-s);
21206
+ --dt-inputs-color-border-disabled-l: var(--dt-color-neutral-transparent-l);
21207
+ --dt-inputs-color-border-disabled-hsl: var(--dt-color-neutral-transparent-hsl);
21208
+ --dt-inputs-color-border-disabled-hsla: var(--dt-color-neutral-transparent-hsla);
21214
21209
  --dt-inputs-color-border-disabled: var(--dt-color-neutral-transparent);
21215
21210
  --dt-inputs-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for extra large inputs (e.g. input and textarea) */
21216
21211
  --dt-inputs-font-weight-lg: var(--dt-font-weight-normal); /* Font weight for large inputs (e.g. input and textarea) */
@@ -21363,89 +21358,89 @@ body {
21363
21358
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
21364
21359
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
21365
21360
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
21366
- --dt-color-border-brand-strong-inverted-h: 0;
21367
- --dt-color-border-brand-strong-inverted-s: 0%;
21368
- --dt-color-border-brand-strong-inverted-l: 0%;
21369
- --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);
21370
- --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%));
21361
+ --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
21362
+ --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
21363
+ --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
21364
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
21365
+ --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
21371
21366
  --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
21372
- --dt-color-border-brand-subtle-inverted-h: 0;
21373
- --dt-color-border-brand-subtle-inverted-s: 0%;
21374
- --dt-color-border-brand-subtle-inverted-l: 0%;
21375
- --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);
21376
- --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%));
21367
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
21368
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
21369
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
21370
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
21371
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
21377
21372
  --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
21378
- --dt-color-border-warning-strong-inverted-h: 0;
21379
- --dt-color-border-warning-strong-inverted-s: 0%;
21380
- --dt-color-border-warning-strong-inverted-l: 0%;
21381
- --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);
21382
- --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%));
21373
+ --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-100-h);
21374
+ --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-100-s);
21375
+ --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-100-l);
21376
+ --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-100-hsl);
21377
+ --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-100-hsla);
21383
21378
  --dt-color-border-warning-strong-inverted: var(--dt-color-gold-100);
21384
- --dt-color-border-warning-subtle-inverted-h: 0;
21385
- --dt-color-border-warning-subtle-inverted-s: 0%;
21386
- --dt-color-border-warning-subtle-inverted-l: 0%;
21387
- --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);
21388
- --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%));
21379
+ --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-400-h);
21380
+ --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-400-s);
21381
+ --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-400-l);
21382
+ --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
21383
+ --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
21389
21384
  --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-400);
21390
- --dt-color-border-success-strong-inverted-h: 0;
21391
- --dt-color-border-success-strong-inverted-s: 0%;
21392
- --dt-color-border-success-strong-inverted-l: 0%;
21393
- --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);
21394
- --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%));
21385
+ --dt-color-border-success-strong-inverted-h: var(--dt-color-green-100-h);
21386
+ --dt-color-border-success-strong-inverted-s: var(--dt-color-green-100-s);
21387
+ --dt-color-border-success-strong-inverted-l: var(--dt-color-green-100-l);
21388
+ --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-100-hsl);
21389
+ --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-100-hsla);
21395
21390
  --dt-color-border-success-strong-inverted: var(--dt-color-green-100);
21396
- --dt-color-border-success-subtle-inverted-h: 0;
21397
- --dt-color-border-success-subtle-inverted-s: 0%;
21398
- --dt-color-border-success-subtle-inverted-l: 0%;
21399
- --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);
21400
- --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%));
21391
+ --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-400-h);
21392
+ --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-400-s);
21393
+ --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-400-l);
21394
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-400-hsl);
21395
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-400-hsla);
21401
21396
  --dt-color-border-success-subtle-inverted: var(--dt-color-green-400);
21402
- --dt-color-border-critical-strong-inverted-h: 0;
21403
- --dt-color-border-critical-strong-inverted-s: 0%;
21404
- --dt-color-border-critical-strong-inverted-l: 0%;
21405
- --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);
21406
- --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%));
21397
+ --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-100-h);
21398
+ --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-100-s);
21399
+ --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-100-l);
21400
+ --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-100-hsl);
21401
+ --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-100-hsla);
21407
21402
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-100);
21408
- --dt-color-border-critical-subtle-inverted-h: 0;
21409
- --dt-color-border-critical-subtle-inverted-s: 0%;
21410
- --dt-color-border-critical-subtle-inverted-l: 0%;
21411
- --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);
21412
- --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%));
21403
+ --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-400-h);
21404
+ --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-400-s);
21405
+ --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-400-l);
21406
+ --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
21407
+ --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
21413
21408
  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-400);
21414
- --dt-color-border-brand-inverted-h: 0;
21415
- --dt-color-border-brand-inverted-s: 0%;
21416
- --dt-color-border-brand-inverted-l: 0%;
21417
- --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);
21418
- --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%));
21409
+ --dt-color-border-brand-inverted-h: var(--dt-color-brand-purple-h);
21410
+ --dt-color-border-brand-inverted-s: var(--dt-color-brand-purple-s);
21411
+ --dt-color-border-brand-inverted-l: var(--dt-color-brand-purple-l);
21412
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-brand-purple-hsl);
21413
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-brand-purple-hsla);
21419
21414
  --dt-color-border-brand-inverted: var(--dt-color-brand-purple);
21420
- --dt-color-border-warning-inverted-h: 0;
21421
- --dt-color-border-warning-inverted-s: 0%;
21422
- --dt-color-border-warning-inverted-l: 0%;
21423
- --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);
21424
- --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%));
21415
+ --dt-color-border-warning-inverted-h: var(--dt-color-gold-200-h);
21416
+ --dt-color-border-warning-inverted-s: var(--dt-color-gold-200-s);
21417
+ --dt-color-border-warning-inverted-l: var(--dt-color-gold-200-l);
21418
+ --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-200-hsl);
21419
+ --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-200-hsla);
21425
21420
  --dt-color-border-warning-inverted: var(--dt-color-gold-200);
21426
- --dt-color-border-success-inverted-h: 0;
21427
- --dt-color-border-success-inverted-s: 0%;
21428
- --dt-color-border-success-inverted-l: 0%;
21429
- --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);
21430
- --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%));
21421
+ --dt-color-border-success-inverted-h: var(--dt-color-green-200-h);
21422
+ --dt-color-border-success-inverted-s: var(--dt-color-green-200-s);
21423
+ --dt-color-border-success-inverted-l: var(--dt-color-green-200-l);
21424
+ --dt-color-border-success-inverted-hsl: var(--dt-color-green-200-hsl);
21425
+ --dt-color-border-success-inverted-hsla: var(--dt-color-green-200-hsla);
21431
21426
  --dt-color-border-success-inverted: var(--dt-color-green-200);
21432
- --dt-color-border-critical-inverted-h: 0;
21433
- --dt-color-border-critical-inverted-s: 0%;
21434
- --dt-color-border-critical-inverted-l: 0%;
21435
- --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);
21436
- --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%));
21427
+ --dt-color-border-critical-inverted-h: var(--dt-color-red-200-h);
21428
+ --dt-color-border-critical-inverted-s: var(--dt-color-red-200-s);
21429
+ --dt-color-border-critical-inverted-l: var(--dt-color-red-200-l);
21430
+ --dt-color-border-critical-inverted-hsl: var(--dt-color-red-200-hsl);
21431
+ --dt-color-border-critical-inverted-hsla: var(--dt-color-red-200-hsla);
21437
21432
  --dt-color-border-critical-inverted: var(--dt-color-red-200);
21438
- --dt-color-border-brand-strong-h: 0;
21439
- --dt-color-border-brand-strong-s: 0%;
21440
- --dt-color-border-brand-strong-l: 0%;
21441
- --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);
21442
- --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%));
21433
+ --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
21434
+ --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
21435
+ --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
21436
+ --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
21437
+ --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
21443
21438
  --dt-color-border-brand-strong: var(--dt-color-purple-500);
21444
- --dt-color-border-brand-subtle-h: 0;
21445
- --dt-color-border-brand-subtle-s: 0%;
21446
- --dt-color-border-brand-subtle-l: 0%;
21447
- --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);
21448
- --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%));
21439
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-200-h);
21440
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-200-s);
21441
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-200-l);
21442
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-200-hsl);
21443
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-200-hsla);
21449
21444
  --dt-color-border-brand-subtle: var(--dt-color-purple-200);
21450
21445
  --dt-color-border-warning-strong-h: 35.7;
21451
21446
  --dt-color-border-warning-strong-s: 88.30000000000001%;
@@ -21453,71 +21448,71 @@ body {
21453
21448
  --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);
21454
21449
  --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%));
21455
21450
  --dt-color-border-warning-strong: hsl(35.7 88.3% 21.5%);
21456
- --dt-color-border-warning-subtle-h: 0;
21457
- --dt-color-border-warning-subtle-s: 0%;
21458
- --dt-color-border-warning-subtle-l: 0%;
21459
- --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);
21460
- --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%));
21451
+ --dt-color-border-warning-subtle-h: var(--dt-color-gold-200-h);
21452
+ --dt-color-border-warning-subtle-s: var(--dt-color-gold-200-s);
21453
+ --dt-color-border-warning-subtle-l: var(--dt-color-gold-200-l);
21454
+ --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-200-hsl);
21455
+ --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-200-hsla);
21461
21456
  --dt-color-border-warning-subtle: var(--dt-color-gold-200);
21462
- --dt-color-border-success-strong-h: 0;
21463
- --dt-color-border-success-strong-s: 0%;
21464
- --dt-color-border-success-strong-l: 0%;
21465
- --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);
21466
- --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%));
21457
+ --dt-color-border-success-strong-h: var(--dt-color-green-500-h);
21458
+ --dt-color-border-success-strong-s: var(--dt-color-green-500-s);
21459
+ --dt-color-border-success-strong-l: var(--dt-color-green-500-l);
21460
+ --dt-color-border-success-strong-hsl: var(--dt-color-green-500-hsl);
21461
+ --dt-color-border-success-strong-hsla: var(--dt-color-green-500-hsla);
21467
21462
  --dt-color-border-success-strong: var(--dt-color-green-500);
21468
- --dt-color-border-success-subtle-h: 0;
21469
- --dt-color-border-success-subtle-s: 0%;
21470
- --dt-color-border-success-subtle-l: 0%;
21471
- --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);
21472
- --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%));
21463
+ --dt-color-border-success-subtle-h: var(--dt-color-green-200-h);
21464
+ --dt-color-border-success-subtle-s: var(--dt-color-green-200-s);
21465
+ --dt-color-border-success-subtle-l: var(--dt-color-green-200-l);
21466
+ --dt-color-border-success-subtle-hsl: var(--dt-color-green-200-hsl);
21467
+ --dt-color-border-success-subtle-hsla: var(--dt-color-green-200-hsla);
21473
21468
  --dt-color-border-success-subtle: var(--dt-color-green-200);
21474
- --dt-color-border-critical-strong-h: 0;
21475
- --dt-color-border-critical-strong-s: 0%;
21476
- --dt-color-border-critical-strong-l: 0%;
21477
- --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);
21478
- --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%));
21469
+ --dt-color-border-critical-strong-h: var(--dt-color-red-400-h);
21470
+ --dt-color-border-critical-strong-s: var(--dt-color-red-400-s);
21471
+ --dt-color-border-critical-strong-l: var(--dt-color-red-400-l);
21472
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-400-hsl);
21473
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
21479
21474
  --dt-color-border-critical-strong: var(--dt-color-red-400);
21480
- --dt-color-border-critical-subtle-h: 0;
21481
- --dt-color-border-critical-subtle-s: 0%;
21482
- --dt-color-border-critical-subtle-l: 0%;
21483
- --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);
21484
- --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%));
21475
+ --dt-color-border-critical-subtle-h: var(--dt-color-red-200-h);
21476
+ --dt-color-border-critical-subtle-s: var(--dt-color-red-200-s);
21477
+ --dt-color-border-critical-subtle-l: var(--dt-color-red-200-l);
21478
+ --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
21479
+ --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
21485
21480
  --dt-color-border-critical-subtle: var(--dt-color-red-200);
21486
- --dt-color-border-accent-h: 0;
21487
- --dt-color-border-accent-s: 0%;
21488
- --dt-color-border-accent-l: 0%;
21489
- --dt-color-border-accent-hsl: var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l);
21490
- --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%));
21481
+ --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
21482
+ --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
21483
+ --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
21484
+ --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
21485
+ --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
21491
21486
  --dt-color-border-accent: var(--dt-color-brand-magenta);
21492
- --dt-color-border-brand-h: 0;
21493
- --dt-color-border-brand-s: 0%;
21494
- --dt-color-border-brand-l: 0%;
21495
- --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
21496
- --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%));
21487
+ --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
21488
+ --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
21489
+ --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
21490
+ --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
21491
+ --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
21497
21492
  --dt-color-border-brand: var(--dt-color-brand-purple);
21498
- --dt-color-border-warning-h: 0;
21499
- --dt-color-border-warning-s: 0%;
21500
- --dt-color-border-warning-l: 0%;
21501
- --dt-color-border-warning-hsl: var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l);
21502
- --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%));
21493
+ --dt-color-border-warning-h: var(--dt-color-gold-400-h);
21494
+ --dt-color-border-warning-s: var(--dt-color-gold-400-s);
21495
+ --dt-color-border-warning-l: var(--dt-color-gold-400-l);
21496
+ --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
21497
+ --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
21503
21498
  --dt-color-border-warning: var(--dt-color-gold-400);
21504
- --dt-color-border-success-h: 0;
21505
- --dt-color-border-success-s: 0%;
21506
- --dt-color-border-success-l: 0%;
21507
- --dt-color-border-success-hsl: var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l);
21508
- --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%));
21499
+ --dt-color-border-success-h: var(--dt-color-green-400-h);
21500
+ --dt-color-border-success-s: var(--dt-color-green-400-s);
21501
+ --dt-color-border-success-l: var(--dt-color-green-400-l);
21502
+ --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
21503
+ --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
21509
21504
  --dt-color-border-success: var(--dt-color-green-400);
21510
- --dt-color-border-critical-h: 0;
21511
- --dt-color-border-critical-s: 0%;
21512
- --dt-color-border-critical-l: 0%;
21513
- --dt-color-border-critical-hsl: var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l);
21514
- --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%));
21505
+ --dt-color-border-critical-h: var(--dt-color-red-300-h);
21506
+ --dt-color-border-critical-s: var(--dt-color-red-300-s);
21507
+ --dt-color-border-critical-l: var(--dt-color-red-300-l);
21508
+ --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
21509
+ --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
21515
21510
  --dt-color-border-critical: var(--dt-color-red-300);
21516
- --dt-color-border-focus-h: 0;
21517
- --dt-color-border-focus-s: 0%;
21518
- --dt-color-border-focus-l: 0%;
21519
- --dt-color-border-focus-hsl: var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l);
21520
- --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%));
21511
+ --dt-color-border-focus-h: var(--dt-color-blue-300-h);
21512
+ --dt-color-border-focus-s: var(--dt-color-blue-300-s);
21513
+ --dt-color-border-focus-l: var(--dt-color-blue-300-l);
21514
+ --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
21515
+ --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
21521
21516
  --dt-color-border-focus: var(--dt-color-blue-300);
21522
21517
  --dt-color-border-bold-inverted-h: 0;
21523
21518
  --dt-color-border-bold-inverted-s: 0%;
@@ -21567,11 +21562,11 @@ body {
21567
21562
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
21568
21563
  --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%));
21569
21564
  --dt-color-border-subtle: hsl(0 0% 0% / 0.1);
21570
- --dt-color-surface-info-strong-h: 0;
21571
- --dt-color-surface-info-strong-s: 0%;
21572
- --dt-color-surface-info-strong-l: 0%;
21573
- --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);
21574
- --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%));
21565
+ --dt-color-surface-info-strong-h: var(--dt-color-blue-400-h);
21566
+ --dt-color-surface-info-strong-s: var(--dt-color-blue-400-s);
21567
+ --dt-color-surface-info-strong-l: var(--dt-color-blue-400-l);
21568
+ --dt-color-surface-info-strong-hsl: var(--dt-color-blue-400-hsl);
21569
+ --dt-color-surface-info-strong-hsla: var(--dt-color-blue-400-hsla);
21575
21570
  --dt-color-surface-info-strong: var(--dt-color-blue-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
21576
21571
  --dt-color-surface-info-subtle-h: 210;
21577
21572
  --dt-color-surface-info-subtle-s: 61.499999999999474%;
@@ -21579,17 +21574,17 @@ body {
21579
21574
  --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);
21580
21575
  --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%));
21581
21576
  --dt-color-surface-info-subtle: hsl(210 61.5% 97.5%); /* A softer version of the default informational surface. */
21582
- --dt-color-surface-info-h: 0;
21583
- --dt-color-surface-info-s: 0%;
21584
- --dt-color-surface-info-l: 0%;
21585
- --dt-color-surface-info-hsl: var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l);
21586
- --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%));
21577
+ --dt-color-surface-info-h: var(--dt-color-blue-100-h);
21578
+ --dt-color-surface-info-s: var(--dt-color-blue-100-s);
21579
+ --dt-color-surface-info-l: var(--dt-color-blue-100-l);
21580
+ --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
21581
+ --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
21587
21582
  --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
21588
- --dt-color-surface-success-strong-h: 0;
21589
- --dt-color-surface-success-strong-s: 0%;
21590
- --dt-color-surface-success-strong-l: 0%;
21591
- --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);
21592
- --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%));
21583
+ --dt-color-surface-success-strong-h: var(--dt-color-green-400-h);
21584
+ --dt-color-surface-success-strong-s: var(--dt-color-green-400-s);
21585
+ --dt-color-surface-success-strong-l: var(--dt-color-green-400-l);
21586
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
21587
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
21593
21588
  --dt-color-surface-success-strong: var(--dt-color-green-400); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
21594
21589
  --dt-color-surface-success-subtle-h: 110.99999999999987;
21595
21590
  --dt-color-surface-success-subtle-s: 53.79999999999936%;
@@ -21597,17 +21592,17 @@ body {
21597
21592
  --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);
21598
21593
  --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%));
21599
21594
  --dt-color-surface-success-subtle: hsl(111 53.8% 98%); /* A softer version of the default success surface. */
21600
- --dt-color-surface-success-h: 0;
21601
- --dt-color-surface-success-s: 0%;
21602
- --dt-color-surface-success-l: 0%;
21603
- --dt-color-surface-success-hsl: var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l);
21604
- --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%));
21595
+ --dt-color-surface-success-h: var(--dt-color-green-100-h);
21596
+ --dt-color-surface-success-s: var(--dt-color-green-100-s);
21597
+ --dt-color-surface-success-l: var(--dt-color-green-100-l);
21598
+ --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
21599
+ --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
21605
21600
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
21606
- --dt-color-surface-warning-strong-h: 0;
21607
- --dt-color-surface-warning-strong-s: 0%;
21608
- --dt-color-surface-warning-strong-l: 0%;
21609
- --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);
21610
- --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%));
21601
+ --dt-color-surface-warning-strong-h: var(--dt-color-gold-200-h);
21602
+ --dt-color-surface-warning-strong-s: var(--dt-color-gold-200-s);
21603
+ --dt-color-surface-warning-strong-l: var(--dt-color-gold-200-l);
21604
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-200-hsl);
21605
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-200-hsla);
21611
21606
  --dt-color-surface-warning-strong: var(--dt-color-gold-200); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
21612
21607
  --dt-color-surface-warning-subtle-h: 47.099999999999966;
21613
21608
  --dt-color-surface-warning-subtle-s: 100%;
@@ -21615,17 +21610,17 @@ body {
21615
21610
  --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);
21616
21611
  --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%));
21617
21612
  --dt-color-surface-warning-subtle: hsl(47.1 100% 95%); /* A softer version of the default warning surface. */
21618
- --dt-color-surface-warning-h: 0;
21619
- --dt-color-surface-warning-s: 0%;
21620
- --dt-color-surface-warning-l: 0%;
21621
- --dt-color-surface-warning-hsl: var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l);
21622
- --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%));
21613
+ --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
21614
+ --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
21615
+ --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
21616
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
21617
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
21623
21618
  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
21624
- --dt-color-surface-critical-strong-h: 0;
21625
- --dt-color-surface-critical-strong-s: 0%;
21626
- --dt-color-surface-critical-strong-l: 0%;
21627
- --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);
21628
- --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%));
21619
+ --dt-color-surface-critical-strong-h: var(--dt-color-red-400-h);
21620
+ --dt-color-surface-critical-strong-s: var(--dt-color-red-400-s);
21621
+ --dt-color-surface-critical-strong-l: var(--dt-color-red-400-l);
21622
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-400-hsl);
21623
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-400-hsla);
21629
21624
  --dt-color-surface-critical-strong: var(--dt-color-red-400); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
21630
21625
  --dt-color-surface-critical-subtle-h: 358.0000000000001;
21631
21626
  --dt-color-surface-critical-subtle-s: 100%;
@@ -21633,47 +21628,47 @@ body {
21633
21628
  --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);
21634
21629
  --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%));
21635
21630
  --dt-color-surface-critical-subtle: hsl(358 100% 97.5%); /* A softer version of the Critical surface. */
21636
- --dt-color-surface-critical-h: 0;
21637
- --dt-color-surface-critical-s: 0%;
21638
- --dt-color-surface-critical-l: 0%;
21639
- --dt-color-surface-critical-hsl: var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l);
21640
- --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%));
21631
+ --dt-color-surface-critical-h: var(--dt-color-red-100-h);
21632
+ --dt-color-surface-critical-s: var(--dt-color-red-100-s);
21633
+ --dt-color-surface-critical-l: var(--dt-color-red-100-l);
21634
+ --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
21635
+ --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
21641
21636
  --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
21642
- --dt-color-surface-contrast-h: 0;
21643
- --dt-color-surface-contrast-s: 0%;
21644
- --dt-color-surface-contrast-l: 0%;
21645
- --dt-color-surface-contrast-hsl: var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l);
21646
- --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%));
21637
+ --dt-color-surface-contrast-h: var(--dt-color-black-800-h);
21638
+ --dt-color-surface-contrast-s: var(--dt-color-black-800-s);
21639
+ --dt-color-surface-contrast-l: var(--dt-color-black-800-l);
21640
+ --dt-color-surface-contrast-hsl: var(--dt-color-black-800-hsl);
21641
+ --dt-color-surface-contrast-hsla: var(--dt-color-black-800-hsla);
21647
21642
  --dt-color-surface-contrast: var(--dt-color-black-800); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
21648
- --dt-color-surface-strong-h: 0;
21649
- --dt-color-surface-strong-s: 0%;
21650
- --dt-color-surface-strong-l: 0%;
21651
- --dt-color-surface-strong-hsl: var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l);
21652
- --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%));
21643
+ --dt-color-surface-strong-h: var(--dt-color-black-600-h);
21644
+ --dt-color-surface-strong-s: var(--dt-color-black-600-s);
21645
+ --dt-color-surface-strong-l: var(--dt-color-black-600-l);
21646
+ --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
21647
+ --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
21653
21648
  --dt-color-surface-strong: var(--dt-color-black-600); /* Use sparingly to draw the eye to a relatively important region. */
21654
- --dt-color-surface-bold-h: 0;
21655
- --dt-color-surface-bold-s: 0%;
21656
- --dt-color-surface-bold-l: 0%;
21657
- --dt-color-surface-bold-hsl: var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l);
21658
- --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%));
21649
+ --dt-color-surface-bold-h: var(--dt-color-black-300-h);
21650
+ --dt-color-surface-bold-s: var(--dt-color-black-300-s);
21651
+ --dt-color-surface-bold-l: var(--dt-color-black-300-l);
21652
+ --dt-color-surface-bold-hsl: var(--dt-color-black-300-hsl);
21653
+ --dt-color-surface-bold-hsla: var(--dt-color-black-300-hsla);
21659
21654
  --dt-color-surface-bold: var(--dt-color-black-300); /* Highlight or call attention to specific areas of the interface. */
21660
- --dt-color-surface-moderate-h: 0;
21661
- --dt-color-surface-moderate-s: 0%;
21662
- --dt-color-surface-moderate-l: 0%;
21663
- --dt-color-surface-moderate-hsl: var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l);
21664
- --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%));
21655
+ --dt-color-surface-moderate-h: var(--dt-color-black-200-h);
21656
+ --dt-color-surface-moderate-s: var(--dt-color-black-200-s);
21657
+ --dt-color-surface-moderate-l: var(--dt-color-black-200-l);
21658
+ --dt-color-surface-moderate-hsl: var(--dt-color-black-200-hsl);
21659
+ --dt-color-surface-moderate-hsla: var(--dt-color-black-200-hsla);
21665
21660
  --dt-color-surface-moderate: var(--dt-color-black-200); /* A tertiary surface level, prominent without being too overpowering. */
21666
- --dt-color-surface-secondary-h: 0;
21667
- --dt-color-surface-secondary-s: 0%;
21668
- --dt-color-surface-secondary-l: 0%;
21669
- --dt-color-surface-secondary-hsl: var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l);
21670
- --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%));
21661
+ --dt-color-surface-secondary-h: var(--dt-color-black-100-h);
21662
+ --dt-color-surface-secondary-s: var(--dt-color-black-100-s);
21663
+ --dt-color-surface-secondary-l: var(--dt-color-black-100-l);
21664
+ --dt-color-surface-secondary-hsl: var(--dt-color-black-100-hsl);
21665
+ --dt-color-surface-secondary-hsla: var(--dt-color-black-100-hsla);
21671
21666
  --dt-color-surface-secondary: var(--dt-color-black-100); /* For adjacent or complementary regions. */
21672
- --dt-color-surface-primary-h: 0;
21673
- --dt-color-surface-primary-s: 0%;
21674
- --dt-color-surface-primary-l: 0%;
21675
- --dt-color-surface-primary-hsl: var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l);
21676
- --dt-color-surface-primary-hsla: hsla(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--alpha, 100%));
21667
+ --dt-color-surface-primary-h: var(--dt-color-neutral-white-h);
21668
+ --dt-color-surface-primary-s: var(--dt-color-neutral-white-s);
21669
+ --dt-color-surface-primary-l: var(--dt-color-neutral-white-l);
21670
+ --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
21671
+ --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
21677
21672
  --dt-color-surface-primary: var(--dt-color-neutral-white); /* Default surface color for the majority of surfaces. */
21678
21673
  --dt-color-surface-info-subtle-opaque-h: 212;
21679
21674
  --dt-color-surface-info-subtle-opaque-s: 79.19999999999999%;
@@ -21759,89 +21754,89 @@ body {
21759
21754
  --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);
21760
21755
  --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%));
21761
21756
  --dt-color-surface-secondary-opaque: hsl(0 0% 0% / 0.02); /* Secondary surface as opaque background color. */
21762
- --dt-color-link-muted-inverted-hover-h: 0;
21763
- --dt-color-link-muted-inverted-hover-s: 0%;
21764
- --dt-color-link-muted-inverted-hover-l: 0%;
21765
- --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);
21766
- --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%));
21757
+ --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
21758
+ --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
21759
+ --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
21760
+ --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-black-100-hsl);
21761
+ --dt-color-link-muted-inverted-hover-hsla: var(--dt-color-black-100-hsla);
21767
21762
  --dt-color-link-muted-inverted-hover: var(--dt-color-black-100);
21768
- --dt-color-link-warning-inverted-hover-h: 0;
21769
- --dt-color-link-warning-inverted-hover-s: 0%;
21770
- --dt-color-link-warning-inverted-hover-l: 0%;
21771
- --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);
21772
- --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%));
21763
+ --dt-color-link-warning-inverted-hover-h: var(--dt-color-black-100-h);
21764
+ --dt-color-link-warning-inverted-hover-s: var(--dt-color-black-100-s);
21765
+ --dt-color-link-warning-inverted-hover-l: var(--dt-color-black-100-l);
21766
+ --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-black-100-hsl);
21767
+ --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-black-100-hsla);
21773
21768
  --dt-color-link-warning-inverted-hover: var(--dt-color-black-100);
21774
- --dt-color-link-primary-inverted-hover-h: 0;
21775
- --dt-color-link-primary-inverted-hover-s: 0%;
21776
- --dt-color-link-primary-inverted-hover-l: 0%;
21777
- --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);
21778
- --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%));
21769
+ --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
21770
+ --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
21771
+ --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
21772
+ --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
21773
+ --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
21779
21774
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
21780
- --dt-color-link-warning-hover-h: 0;
21781
- --dt-color-link-warning-hover-s: 0%;
21782
- --dt-color-link-warning-hover-l: 0%;
21783
- --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);
21784
- --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%));
21775
+ --dt-color-link-warning-hover-h: var(--dt-color-black-600-h);
21776
+ --dt-color-link-warning-hover-s: var(--dt-color-black-600-s);
21777
+ --dt-color-link-warning-hover-l: var(--dt-color-black-600-l);
21778
+ --dt-color-link-warning-hover-hsl: var(--dt-color-black-600-hsl);
21779
+ --dt-color-link-warning-hover-hsla: var(--dt-color-black-600-hsla);
21785
21780
  --dt-color-link-warning-hover: var(--dt-color-black-600);
21786
- --dt-color-link-success-hover-h: 0;
21787
- --dt-color-link-success-hover-s: 0%;
21788
- --dt-color-link-success-hover-l: 0%;
21789
- --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);
21790
- --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%));
21781
+ --dt-color-link-success-hover-h: var(--dt-color-green-500-h);
21782
+ --dt-color-link-success-hover-s: var(--dt-color-green-500-s);
21783
+ --dt-color-link-success-hover-l: var(--dt-color-green-500-l);
21784
+ --dt-color-link-success-hover-hsl: var(--dt-color-green-500-hsl);
21785
+ --dt-color-link-success-hover-hsla: var(--dt-color-green-500-hsla);
21791
21786
  --dt-color-link-success-hover: var(--dt-color-green-500);
21792
- --dt-color-link-critical-hover-h: 0;
21793
- --dt-color-link-critical-hover-s: 0%;
21794
- --dt-color-link-critical-hover-l: 0%;
21795
- --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);
21796
- --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%));
21787
+ --dt-color-link-critical-hover-h: var(--dt-color-red-400-h);
21788
+ --dt-color-link-critical-hover-s: var(--dt-color-red-400-s);
21789
+ --dt-color-link-critical-hover-l: var(--dt-color-red-400-l);
21790
+ --dt-color-link-critical-hover-hsl: var(--dt-color-red-400-hsl);
21791
+ --dt-color-link-critical-hover-hsla: var(--dt-color-red-400-hsla);
21797
21792
  --dt-color-link-critical-hover: var(--dt-color-red-400);
21798
- --dt-color-link-primary-hover-h: 0;
21799
- --dt-color-link-primary-hover-s: 0%;
21800
- --dt-color-link-primary-hover-l: 0%;
21801
- --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);
21802
- --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%));
21793
+ --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
21794
+ --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
21795
+ --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
21796
+ --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
21797
+ --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
21803
21798
  --dt-color-link-primary-hover: var(--dt-color-purple-500);
21804
- --dt-color-link-primary-inverted-h: 0;
21805
- --dt-color-link-primary-inverted-s: 0%;
21806
- --dt-color-link-primary-inverted-l: 0%;
21807
- --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);
21808
- --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%));
21799
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-300-h);
21800
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-300-s);
21801
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-300-l);
21802
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-300-hsl);
21803
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-300-hsla);
21809
21804
  --dt-color-link-primary-inverted: var(--dt-color-purple-300);
21810
- --dt-color-link-primary-h: 0;
21811
- --dt-color-link-primary-s: 0%;
21812
- --dt-color-link-primary-l: 0%;
21813
- --dt-color-link-primary-hsl: var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l);
21814
- --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%));
21805
+ --dt-color-link-primary-h: var(--dt-color-purple-400-h);
21806
+ --dt-color-link-primary-s: var(--dt-color-purple-400-s);
21807
+ --dt-color-link-primary-l: var(--dt-color-purple-400-l);
21808
+ --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
21809
+ --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
21815
21810
  --dt-color-link-primary: var(--dt-color-purple-400);
21816
- --dt-color-foreground-warning-inverted-h: 0;
21817
- --dt-color-foreground-warning-inverted-s: 0%;
21818
- --dt-color-foreground-warning-inverted-l: 0%;
21819
- --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);
21820
- --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%));
21811
+ --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-100-h);
21812
+ --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-100-s);
21813
+ --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-100-l);
21814
+ --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-100-hsl);
21815
+ --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-100-hsla);
21821
21816
  --dt-color-foreground-warning-inverted: var(--dt-color-gold-100); /* Warning text that sits on high-contrast surfaces or backgrounds */
21822
- --dt-color-foreground-success-inverted-h: 0;
21823
- --dt-color-foreground-success-inverted-s: 0%;
21824
- --dt-color-foreground-success-inverted-l: 0%;
21825
- --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);
21826
- --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%));
21817
+ --dt-color-foreground-success-inverted-h: var(--dt-color-green-200-h);
21818
+ --dt-color-foreground-success-inverted-s: var(--dt-color-green-200-s);
21819
+ --dt-color-foreground-success-inverted-l: var(--dt-color-green-200-l);
21820
+ --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-200-hsl);
21821
+ --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-200-hsla);
21827
21822
  --dt-color-foreground-success-inverted: var(--dt-color-green-200); /* Success text that sits on high-contrast surfaces or backgrounds */
21828
- --dt-color-foreground-critical-inverted-h: 0;
21829
- --dt-color-foreground-critical-inverted-s: 0%;
21830
- --dt-color-foreground-critical-inverted-l: 0%;
21831
- --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);
21832
- --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%));
21823
+ --dt-color-foreground-critical-inverted-h: var(--dt-color-red-200-h);
21824
+ --dt-color-foreground-critical-inverted-s: var(--dt-color-red-200-s);
21825
+ --dt-color-foreground-critical-inverted-l: var(--dt-color-red-200-l);
21826
+ --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
21827
+ --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
21833
21828
  --dt-color-foreground-critical-inverted: var(--dt-color-red-200); /* Critical text that sits on high-contrast surfaces or backgrounds */
21834
- --dt-color-foreground-disabled-inverted-h: 0;
21835
- --dt-color-foreground-disabled-inverted-s: 0%;
21836
- --dt-color-foreground-disabled-inverted-l: 0%;
21837
- --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);
21838
- --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%));
21829
+ --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-500-h);
21830
+ --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-500-s);
21831
+ --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-500-l);
21832
+ --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-500-hsl);
21833
+ --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-500-hsla);
21839
21834
  --dt-color-foreground-disabled-inverted: var(--dt-color-black-500); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
21840
- --dt-color-foreground-placeholder-inverted-h: 0;
21841
- --dt-color-foreground-placeholder-inverted-s: 0%;
21842
- --dt-color-foreground-placeholder-inverted-l: 0%;
21843
- --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);
21844
- --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%));
21835
+ --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-500-h);
21836
+ --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-500-s);
21837
+ --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-500-l);
21838
+ --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-500-hsl);
21839
+ --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-500-hsla);
21845
21840
  --dt-color-foreground-placeholder-inverted: var(--dt-color-black-500); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
21846
21841
  --dt-color-foreground-muted-inverted-h: 0;
21847
21842
  --dt-color-foreground-muted-inverted-s: 0%;
@@ -21849,65 +21844,65 @@ body {
21849
21844
  --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);
21850
21845
  --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%));
21851
21846
  --dt-color-foreground-muted-inverted: hsl(0 0% 91.4% / 0.6); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
21852
- --dt-color-foreground-tertiary-inverted-h: 0;
21853
- --dt-color-foreground-tertiary-inverted-s: 0%;
21854
- --dt-color-foreground-tertiary-inverted-l: 0%;
21855
- --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);
21856
- --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%));
21847
+ --dt-color-foreground-tertiary-inverted-h: var(--dt-color-black-300-h);
21848
+ --dt-color-foreground-tertiary-inverted-s: var(--dt-color-black-300-s);
21849
+ --dt-color-foreground-tertiary-inverted-l: var(--dt-color-black-300-l);
21850
+ --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-black-300-hsl);
21851
+ --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-black-300-hsla);
21857
21852
  --dt-color-foreground-tertiary-inverted: var(--dt-color-black-300); /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
21858
- --dt-color-foreground-secondary-inverted-h: 0;
21859
- --dt-color-foreground-secondary-inverted-s: 0%;
21860
- --dt-color-foreground-secondary-inverted-l: 0%;
21861
- --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);
21862
- --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%));
21853
+ --dt-color-foreground-secondary-inverted-h: var(--dt-color-black-200-h);
21854
+ --dt-color-foreground-secondary-inverted-s: var(--dt-color-black-200-s);
21855
+ --dt-color-foreground-secondary-inverted-l: var(--dt-color-black-200-l);
21856
+ --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-200-hsl);
21857
+ --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-200-hsla);
21863
21858
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-200); /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
21864
- --dt-color-foreground-primary-inverted-h: 0;
21865
- --dt-color-foreground-primary-inverted-s: 0%;
21866
- --dt-color-foreground-primary-inverted-l: 0%;
21867
- --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);
21868
- --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%));
21859
+ --dt-color-foreground-primary-inverted-h: var(--dt-color-neutral-white-h);
21860
+ --dt-color-foreground-primary-inverted-s: var(--dt-color-neutral-white-s);
21861
+ --dt-color-foreground-primary-inverted-l: var(--dt-color-neutral-white-l);
21862
+ --dt-color-foreground-primary-inverted-hsl: var(--dt-color-neutral-white-hsl);
21863
+ --dt-color-foreground-primary-inverted-hsla: var(--dt-color-neutral-white-hsla);
21869
21864
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-white); /* Primary text that sits on high-contrast surfaces or backgrounds. */
21870
- --dt-color-foreground-warning-h: 0;
21871
- --dt-color-foreground-warning-s: 0%;
21872
- --dt-color-foreground-warning-l: 0%;
21873
- --dt-color-foreground-warning-hsl: var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l);
21874
- --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%));
21865
+ --dt-color-foreground-warning-h: var(--dt-color-gold-500-h);
21866
+ --dt-color-foreground-warning-s: var(--dt-color-gold-500-s);
21867
+ --dt-color-foreground-warning-l: var(--dt-color-gold-500-l);
21868
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
21869
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
21875
21870
  --dt-color-foreground-warning: var(--dt-color-gold-500); /* Indicates information that requires user’s attention and further action may be necessary. */
21876
- --dt-color-foreground-success-strong-h: 0;
21877
- --dt-color-foreground-success-strong-s: 0%;
21878
- --dt-color-foreground-success-strong-l: 0%;
21879
- --dt-color-foreground-success-strong-hsl: var(--dt-color-foreground-success-strong-h) var(--dt-color-foreground-success-strong-s) var(--dt-color-foreground-success-strong-l);
21880
- --dt-color-foreground-success-strong-hsla: hsla(var(--dt-color-foreground-success-strong-h) var(--dt-color-foreground-success-strong-s) var(--dt-color-foreground-success-strong-l) / var(--alpha, 100%));
21871
+ --dt-color-foreground-success-strong-h: var(--dt-color-green-500-h);
21872
+ --dt-color-foreground-success-strong-s: var(--dt-color-green-500-s);
21873
+ --dt-color-foreground-success-strong-l: var(--dt-color-green-500-l);
21874
+ --dt-color-foreground-success-strong-hsl: var(--dt-color-green-500-hsl);
21875
+ --dt-color-foreground-success-strong-hsla: var(--dt-color-green-500-hsla);
21881
21876
  --dt-color-foreground-success-strong: var(--dt-color-green-500); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
21882
- --dt-color-foreground-success-h: 0;
21883
- --dt-color-foreground-success-s: 0%;
21884
- --dt-color-foreground-success-l: 0%;
21885
- --dt-color-foreground-success-hsl: var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l);
21886
- --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%));
21877
+ --dt-color-foreground-success-h: var(--dt-color-green-400-h);
21878
+ --dt-color-foreground-success-s: var(--dt-color-green-400-s);
21879
+ --dt-color-foreground-success-l: var(--dt-color-green-400-l);
21880
+ --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
21881
+ --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
21887
21882
  --dt-color-foreground-success: var(--dt-color-green-400); /* Indicates a positive state. */
21888
- --dt-color-foreground-critical-strong-h: 0;
21889
- --dt-color-foreground-critical-strong-s: 0%;
21890
- --dt-color-foreground-critical-strong-l: 0%;
21891
- --dt-color-foreground-critical-strong-hsl: var(--dt-color-foreground-critical-strong-h) var(--dt-color-foreground-critical-strong-s) var(--dt-color-foreground-critical-strong-l);
21892
- --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%));
21883
+ --dt-color-foreground-critical-strong-h: var(--dt-color-red-400-h);
21884
+ --dt-color-foreground-critical-strong-s: var(--dt-color-red-400-s);
21885
+ --dt-color-foreground-critical-strong-l: var(--dt-color-red-400-l);
21886
+ --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-400-hsl);
21887
+ --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-400-hsla);
21893
21888
  --dt-color-foreground-critical-strong: var(--dt-color-red-400); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
21894
- --dt-color-foreground-critical-h: 0;
21895
- --dt-color-foreground-critical-s: 0%;
21896
- --dt-color-foreground-critical-l: 0%;
21897
- --dt-color-foreground-critical-hsl: var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l);
21898
- --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%));
21889
+ --dt-color-foreground-critical-h: var(--dt-color-red-300-h);
21890
+ --dt-color-foreground-critical-s: var(--dt-color-red-300-s);
21891
+ --dt-color-foreground-critical-l: var(--dt-color-red-300-l);
21892
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-300-hsl);
21893
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-300-hsla);
21899
21894
  --dt-color-foreground-critical: var(--dt-color-red-300); /* Expresses an error, danger, or otherwise critical state. */
21900
- --dt-color-foreground-disabled-h: 0;
21901
- --dt-color-foreground-disabled-s: 0%;
21902
- --dt-color-foreground-disabled-l: 0%;
21903
- --dt-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l);
21904
- --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%));
21895
+ --dt-color-foreground-disabled-h: var(--dt-color-black-500-h);
21896
+ --dt-color-foreground-disabled-s: var(--dt-color-black-500-s);
21897
+ --dt-color-foreground-disabled-l: var(--dt-color-black-500-l);
21898
+ --dt-color-foreground-disabled-hsl: var(--dt-color-black-500-hsl);
21899
+ --dt-color-foreground-disabled-hsla: var(--dt-color-black-500-hsla);
21905
21900
  --dt-color-foreground-disabled: var(--dt-color-black-500); /* Used for text paired with disabled content or components, like the form elements. */
21906
- --dt-color-foreground-placeholder-h: 0;
21907
- --dt-color-foreground-placeholder-s: 0%;
21908
- --dt-color-foreground-placeholder-l: 0%;
21909
- --dt-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l);
21910
- --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%));
21901
+ --dt-color-foreground-placeholder-h: var(--dt-color-black-500-h);
21902
+ --dt-color-foreground-placeholder-s: var(--dt-color-black-500-s);
21903
+ --dt-color-foreground-placeholder-l: var(--dt-color-black-500-l);
21904
+ --dt-color-foreground-placeholder-hsl: var(--dt-color-black-500-hsl);
21905
+ --dt-color-foreground-placeholder-hsla: var(--dt-color-black-500-hsla);
21911
21906
  --dt-color-foreground-placeholder: var(--dt-color-black-500); /* Text color for placeholder text within form elements. */
21912
21907
  --dt-color-foreground-muted-h: 0;
21913
21908
  --dt-color-foreground-muted-s: 0%;
@@ -21915,30 +21910,30 @@ body {
21915
21910
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
21916
21911
  --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%));
21917
21912
  --dt-color-foreground-muted: hsl(0 0% 13.3% / 0.5);
21918
- --dt-color-foreground-tertiary-h: 0;
21919
- --dt-color-foreground-tertiary-s: 0%;
21920
- --dt-color-foreground-tertiary-l: 0%;
21921
- --dt-color-foreground-tertiary-hsl: var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l);
21922
- --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%));
21913
+ --dt-color-foreground-tertiary-h: var(--dt-color-black-600-h);
21914
+ --dt-color-foreground-tertiary-s: var(--dt-color-black-600-s);
21915
+ --dt-color-foreground-tertiary-l: var(--dt-color-black-600-l);
21916
+ --dt-color-foreground-tertiary-hsl: var(--dt-color-black-600-hsl);
21917
+ --dt-color-foreground-tertiary-hsla: var(--dt-color-black-600-hsla);
21923
21918
  --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. */
21924
- --dt-color-foreground-secondary-h: 0;
21925
- --dt-color-foreground-secondary-s: 0%;
21926
- --dt-color-foreground-secondary-l: 0%;
21927
- --dt-color-foreground-secondary-hsl: var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l);
21928
- --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%));
21919
+ --dt-color-foreground-secondary-h: var(--dt-color-black-700-h);
21920
+ --dt-color-foreground-secondary-s: var(--dt-color-black-700-s);
21921
+ --dt-color-foreground-secondary-l: var(--dt-color-black-700-l);
21922
+ --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
21923
+ --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
21929
21924
  --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
21930
- --dt-color-foreground-primary-h: 0;
21931
- --dt-color-foreground-primary-s: 0%;
21932
- --dt-color-foreground-primary-l: 0%;
21933
- --dt-color-foreground-primary-hsl: var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l);
21934
- --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%));
21925
+ --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
21926
+ --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
21927
+ --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
21928
+ --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
21929
+ --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
21935
21930
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
21936
21931
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
21937
- --dt-radio-color-border-checked-h: 0;
21938
- --dt-radio-color-border-checked-s: 0%;
21939
- --dt-radio-color-border-checked-l: 0%;
21940
- --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);
21941
- --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%));
21932
+ --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
21933
+ --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
21934
+ --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
21935
+ --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
21936
+ --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
21942
21937
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
21943
21938
  --dt-radio-size-height: var(--dt-radio-size-width);
21944
21939
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
@@ -21955,11 +21950,11 @@ body {
21955
21950
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
21956
21951
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
21957
21952
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
21958
- --dt-checkbox-color-border-checked-h: 0;
21959
- --dt-checkbox-color-border-checked-s: 0%;
21960
- --dt-checkbox-color-border-checked-l: 0%;
21961
- --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);
21962
- --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%));
21953
+ --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
21954
+ --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
21955
+ --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
21956
+ --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
21957
+ --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
21963
21958
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
21964
21959
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
21965
21960
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
@@ -21968,65 +21963,60 @@ body {
21968
21963
  --dt-button-font-size-md: var(--dt-font-size-200); /* Medium Button text size */
21969
21964
  --dt-button-font-size-sm: var(--dt-font-size-100); /* Small Button text size */
21970
21965
  --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
21971
- --dt-badge-color-border-default-h: 0;
21972
- --dt-badge-color-border-default-s: 0%;
21973
- --dt-badge-color-border-default-l: 0%;
21974
- --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);
21975
- --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%));
21966
+ --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
21967
+ --dt-badge-color-border-default-s: var(--dt-color-border-subtle-s);
21968
+ --dt-badge-color-border-default-l: var(--dt-color-border-subtle-l);
21969
+ --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
21970
+ --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
21976
21971
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
21977
- --dt-badge-color-foreground-default-h: 0;
21978
- --dt-badge-color-foreground-default-s: 0%;
21979
- --dt-badge-color-foreground-default-l: 0%;
21980
- --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);
21981
- --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%));
21972
+ --dt-badge-color-foreground-default-h: var(--dt-color-foreground-primary-h);
21973
+ --dt-badge-color-foreground-default-s: var(--dt-color-foreground-primary-s);
21974
+ --dt-badge-color-foreground-default-l: var(--dt-color-foreground-primary-l);
21975
+ --dt-badge-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
21976
+ --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
21982
21977
  --dt-badge-color-foreground-default: var(--dt-color-foreground-primary);
21983
- --dt-badge-color-background-ai-h: 0;
21984
- --dt-badge-color-background-ai-s: 0%;
21985
- --dt-badge-color-background-ai-l: 0%;
21986
- --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);
21987
- --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%));
21988
21978
  --dt-badge-color-background-ai: var(--dt-color-gradient-magenta-purple);
21989
- --dt-badge-color-background-critical-h: 0;
21990
- --dt-badge-color-background-critical-s: 0%;
21991
- --dt-badge-color-background-critical-l: 0%;
21992
- --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);
21993
- --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%));
21979
+ --dt-badge-color-background-critical-h: var(--dt-color-surface-critical-h);
21980
+ --dt-badge-color-background-critical-s: var(--dt-color-surface-critical-s);
21981
+ --dt-badge-color-background-critical-l: var(--dt-color-surface-critical-l);
21982
+ --dt-badge-color-background-critical-hsl: var(--dt-color-surface-critical-hsl);
21983
+ --dt-badge-color-background-critical-hsla: var(--dt-color-surface-critical-hsla);
21994
21984
  --dt-badge-color-background-critical: var(--dt-color-surface-critical);
21995
- --dt-badge-color-background-warning-h: 0;
21996
- --dt-badge-color-background-warning-s: 0%;
21997
- --dt-badge-color-background-warning-l: 0%;
21998
- --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);
21999
- --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%));
21985
+ --dt-badge-color-background-warning-h: var(--dt-color-surface-warning-h);
21986
+ --dt-badge-color-background-warning-s: var(--dt-color-surface-warning-s);
21987
+ --dt-badge-color-background-warning-l: var(--dt-color-surface-warning-l);
21988
+ --dt-badge-color-background-warning-hsl: var(--dt-color-surface-warning-hsl);
21989
+ --dt-badge-color-background-warning-hsla: var(--dt-color-surface-warning-hsla);
22000
21990
  --dt-badge-color-background-warning: var(--dt-color-surface-warning);
22001
- --dt-badge-color-background-success-h: 0;
22002
- --dt-badge-color-background-success-s: 0%;
22003
- --dt-badge-color-background-success-l: 0%;
22004
- --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);
22005
- --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%));
21991
+ --dt-badge-color-background-success-h: var(--dt-color-surface-success-h);
21992
+ --dt-badge-color-background-success-s: var(--dt-color-surface-success-s);
21993
+ --dt-badge-color-background-success-l: var(--dt-color-surface-success-l);
21994
+ --dt-badge-color-background-success-hsl: var(--dt-color-surface-success-hsl);
21995
+ --dt-badge-color-background-success-hsla: var(--dt-color-surface-success-hsla);
22006
21996
  --dt-badge-color-background-success: var(--dt-color-surface-success);
22007
- --dt-badge-color-background-info-h: 0;
22008
- --dt-badge-color-background-info-s: 0%;
22009
- --dt-badge-color-background-info-l: 0%;
22010
- --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);
22011
- --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%));
21997
+ --dt-badge-color-background-info-h: var(--dt-color-surface-info-h);
21998
+ --dt-badge-color-background-info-s: var(--dt-color-surface-info-s);
21999
+ --dt-badge-color-background-info-l: var(--dt-color-surface-info-l);
22000
+ --dt-badge-color-background-info-hsl: var(--dt-color-surface-info-hsl);
22001
+ --dt-badge-color-background-info-hsla: var(--dt-color-surface-info-hsla);
22012
22002
  --dt-badge-color-background-info: var(--dt-color-surface-info);
22013
- --dt-badge-color-background-default-h: 0;
22014
- --dt-badge-color-background-default-s: 0%;
22015
- --dt-badge-color-background-default-l: 0%;
22016
- --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);
22017
- --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%));
22003
+ --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
22004
+ --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
22005
+ --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
22006
+ --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
22007
+ --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
22018
22008
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
22019
- --dt-theme-mention-color-foreground-strong-h: 0;
22020
- --dt-theme-mention-color-foreground-strong-s: 0%;
22021
- --dt-theme-mention-color-foreground-strong-l: 0%;
22022
- --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);
22023
- --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%));
22009
+ --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
22010
+ --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
22011
+ --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
22012
+ --dt-theme-mention-color-foreground-strong-hsl: var(--dt-color-foreground-primary-inverted-hsl);
22013
+ --dt-theme-mention-color-foreground-strong-hsla: var(--dt-color-foreground-primary-inverted-hsla);
22024
22014
  --dt-theme-mention-color-foreground-strong: var(--dt-color-foreground-primary-inverted);
22025
- --dt-theme-sidebar-section-color-foreground-h: 0;
22026
- --dt-theme-sidebar-section-color-foreground-s: 0%;
22027
- --dt-theme-sidebar-section-color-foreground-l: 0%;
22028
- --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);
22029
- --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%));
22015
+ --dt-theme-sidebar-section-color-foreground-h: var(--dt-color-foreground-tertiary-h);
22016
+ --dt-theme-sidebar-section-color-foreground-s: var(--dt-color-foreground-tertiary-s);
22017
+ --dt-theme-sidebar-section-color-foreground-l: var(--dt-color-foreground-tertiary-l);
22018
+ --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
22019
+ --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
22030
22020
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
22031
22021
  --dt-theme-sidebar-selected-row-color-background-h: 0;
22032
22022
  --dt-theme-sidebar-selected-row-color-background-s: 0%;
@@ -22034,11 +22024,11 @@ body {
22034
22024
  --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);
22035
22025
  --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%));
22036
22026
  --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 0% / 0.1);
22037
- --dt-theme-sidebar-selected-row-color-foreground-h: 0;
22038
- --dt-theme-sidebar-selected-row-color-foreground-s: 0%;
22039
- --dt-theme-sidebar-selected-row-color-foreground-l: 0%;
22040
- --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);
22041
- --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%));
22027
+ --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
22028
+ --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
22029
+ --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
22030
+ --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
22031
+ --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
22042
22032
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
22043
22033
  --dt-theme-sidebar-row-color-background-active-h: 0;
22044
22034
  --dt-theme-sidebar-row-color-background-active-s: 0%;
@@ -22058,23 +22048,23 @@ body {
22058
22048
  --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);
22059
22049
  --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%));
22060
22050
  --dt-theme-sidebar-row-color-background: hsl(0 0% 0% / 0);
22061
- --dt-theme-sidebar-status-color-foreground-h: 0;
22062
- --dt-theme-sidebar-status-color-foreground-s: 0%;
22063
- --dt-theme-sidebar-status-color-foreground-l: 0%;
22064
- --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);
22065
- --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%));
22051
+ --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
22052
+ --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
22053
+ --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
22054
+ --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
22055
+ --dt-theme-sidebar-status-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
22066
22056
  --dt-theme-sidebar-status-color-foreground: var(--dt-color-foreground-tertiary);
22067
- --dt-theme-sidebar-color-foreground-unread-h: 0;
22068
- --dt-theme-sidebar-color-foreground-unread-s: 0%;
22069
- --dt-theme-sidebar-color-foreground-unread-l: 0%;
22070
- --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);
22071
- --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%));
22057
+ --dt-theme-sidebar-color-foreground-unread-h: var(--dt-color-foreground-primary-h);
22058
+ --dt-theme-sidebar-color-foreground-unread-s: var(--dt-color-foreground-primary-s);
22059
+ --dt-theme-sidebar-color-foreground-unread-l: var(--dt-color-foreground-primary-l);
22060
+ --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
22061
+ --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
22072
22062
  --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
22073
- --dt-theme-sidebar-color-foreground-h: 0;
22074
- --dt-theme-sidebar-color-foreground-s: 0%;
22075
- --dt-theme-sidebar-color-foreground-l: 0%;
22076
- --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);
22077
- --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%));
22063
+ --dt-theme-sidebar-color-foreground-h: var(--dt-color-foreground-secondary-h);
22064
+ --dt-theme-sidebar-color-foreground-s: var(--dt-color-foreground-secondary-s);
22065
+ --dt-theme-sidebar-color-foreground-l: var(--dt-color-foreground-secondary-l);
22066
+ --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
22067
+ --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
22078
22068
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
22079
22069
  --dt-theme-topbar-profile-color-background-active-h: 0;
22080
22070
  --dt-theme-topbar-profile-color-background-active-s: 0%;
@@ -22124,11 +22114,11 @@ body {
22124
22114
  --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);
22125
22115
  --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%));
22126
22116
  --dt-theme-topbar-button-color-background: hsl(0 0% 0% / 0);
22127
- --dt-theme-topbar-button-color-foreground-hover-h: 0;
22128
- --dt-theme-topbar-button-color-foreground-hover-s: 0%;
22129
- --dt-theme-topbar-button-color-foreground-hover-l: 0%;
22130
- --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);
22131
- --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%));
22117
+ --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
22118
+ --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
22119
+ --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
22120
+ --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
22121
+ --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
22132
22122
  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
22133
22123
  --dt-theme-topbar-button-color-foreground-h: 0;
22134
22124
  --dt-theme-topbar-button-color-foreground-s: 0%;
@@ -22178,11 +22168,11 @@ body {
22178
22168
  --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);
22179
22169
  --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%));
22180
22170
  --dt-theme-topbar-field-color-foreground: hsl(0 0% 0% / 0.5);
22181
- --dt-theme-topbar-color-background-h: 0;
22182
- --dt-theme-topbar-color-background-s: 0%;
22183
- --dt-theme-topbar-color-background-l: 0%;
22184
- --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);
22185
- --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%));
22171
+ --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
22172
+ --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
22173
+ --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
22174
+ --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
22175
+ --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
22186
22176
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
22187
22177
  --dt-theme-topbar-color-foreground-h: 0;
22188
22178
  --dt-theme-topbar-color-foreground-s: 0%;
@@ -22190,23 +22180,23 @@ body {
22190
22180
  --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);
22191
22181
  --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%));
22192
22182
  --dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
22193
- --dt-action-color-border-muted-outlined-default-h: 0;
22194
- --dt-action-color-border-muted-outlined-default-s: 0%;
22195
- --dt-action-color-border-muted-outlined-default-l: 0%;
22196
- --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);
22197
- --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%));
22183
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
22184
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
22185
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
22186
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
22187
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
22198
22188
  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
22199
- --dt-action-color-border-inverted-outlined-default-h: 0;
22200
- --dt-action-color-border-inverted-outlined-default-s: 0%;
22201
- --dt-action-color-border-inverted-outlined-default-l: 0%;
22202
- --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);
22203
- --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%));
22189
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
22190
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
22191
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
22192
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
22193
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
22204
22194
  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
22205
- --dt-action-color-border-critical-outlined-default-h: 0;
22206
- --dt-action-color-border-critical-outlined-default-s: 0%;
22207
- --dt-action-color-border-critical-outlined-default-l: 0%;
22208
- --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);
22209
- --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%));
22195
+ --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
22196
+ --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
22197
+ --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
22198
+ --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
22199
+ --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
22210
22200
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
22211
22201
  --dt-action-color-background-positive-primary-active-h: 137;
22212
22202
  --dt-action-color-background-positive-primary-active-s: 72.50000000000001%;
@@ -22226,11 +22216,11 @@ body {
22226
22216
  --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);
22227
22217
  --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%));
22228
22218
  --dt-action-color-background-inverted-primary-active: hsl(260 100% 93.2%);
22229
- --dt-action-color-background-inverted-primary-default-h: 0;
22230
- --dt-action-color-background-inverted-primary-default-s: 0%;
22231
- --dt-action-color-background-inverted-primary-default-l: 0%;
22232
- --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);
22233
- --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%));
22219
+ --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-primary-h);
22220
+ --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-primary-s);
22221
+ --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-primary-l);
22222
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-primary-hsl);
22223
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-primary-hsla);
22234
22224
  --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-primary);
22235
22225
  --dt-action-color-background-inverted-active-h: 0;
22236
22226
  --dt-action-color-background-inverted-active-s: 0%;
@@ -22268,41 +22258,41 @@ body {
22268
22258
  --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);
22269
22259
  --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%));
22270
22260
  --dt-action-color-background-base-primary-hover: hsl(255 100% 63.4%);
22271
- --dt-action-color-foreground-positive-default-h: 0;
22272
- --dt-action-color-foreground-positive-default-s: 0%;
22273
- --dt-action-color-foreground-positive-default-l: 0%;
22274
- --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);
22275
- --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%));
22261
+ --dt-action-color-foreground-positive-default-h: var(--dt-color-foreground-success-h);
22262
+ --dt-action-color-foreground-positive-default-s: var(--dt-color-foreground-success-s);
22263
+ --dt-action-color-foreground-positive-default-l: var(--dt-color-foreground-success-l);
22264
+ --dt-action-color-foreground-positive-default-hsl: var(--dt-color-foreground-success-hsl);
22265
+ --dt-action-color-foreground-positive-default-hsla: var(--dt-color-foreground-success-hsla);
22276
22266
  --dt-action-color-foreground-positive-default: var(--dt-color-foreground-success);
22277
- --dt-action-color-foreground-disabled-default-h: 0;
22278
- --dt-action-color-foreground-disabled-default-s: 0%;
22279
- --dt-action-color-foreground-disabled-default-l: 0%;
22280
- --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);
22281
- --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%));
22267
+ --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
22268
+ --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
22269
+ --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
22270
+ --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
22271
+ --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
22282
22272
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
22283
- --dt-action-color-foreground-muted-default-h: 0;
22284
- --dt-action-color-foreground-muted-default-s: 0%;
22285
- --dt-action-color-foreground-muted-default-l: 0%;
22286
- --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);
22287
- --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%));
22273
+ --dt-action-color-foreground-muted-default-h: var(--dt-color-foreground-secondary-h);
22274
+ --dt-action-color-foreground-muted-default-s: var(--dt-color-foreground-secondary-s);
22275
+ --dt-action-color-foreground-muted-default-l: var(--dt-color-foreground-secondary-l);
22276
+ --dt-action-color-foreground-muted-default-hsl: var(--dt-color-foreground-secondary-hsl);
22277
+ --dt-action-color-foreground-muted-default-hsla: var(--dt-color-foreground-secondary-hsla);
22288
22278
  --dt-action-color-foreground-muted-default: var(--dt-color-foreground-secondary);
22289
- --dt-action-color-foreground-inverted-primary-active-h: 0;
22290
- --dt-action-color-foreground-inverted-primary-active-s: 0%;
22291
- --dt-action-color-foreground-inverted-primary-active-l: 0%;
22292
- --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);
22293
- --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%));
22279
+ --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
22280
+ --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
22281
+ --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
22282
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
22283
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
22294
22284
  --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
22295
- --dt-action-color-foreground-inverted-default-h: 0;
22296
- --dt-action-color-foreground-inverted-default-s: 0%;
22297
- --dt-action-color-foreground-inverted-default-l: 0%;
22298
- --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);
22299
- --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%));
22285
+ --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
22286
+ --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
22287
+ --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
22288
+ --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
22289
+ --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
22300
22290
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
22301
- --dt-action-color-foreground-critical-default-h: 0;
22302
- --dt-action-color-foreground-critical-default-s: 0%;
22303
- --dt-action-color-foreground-critical-default-l: 0%;
22304
- --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);
22305
- --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%));
22291
+ --dt-action-color-foreground-critical-default-h: var(--dt-color-foreground-critical-h);
22292
+ --dt-action-color-foreground-critical-default-s: var(--dt-color-foreground-critical-s);
22293
+ --dt-action-color-foreground-critical-default-l: var(--dt-color-foreground-critical-l);
22294
+ --dt-action-color-foreground-critical-default-hsl: var(--dt-color-foreground-critical-hsl);
22295
+ --dt-action-color-foreground-critical-default-hsla: var(--dt-color-foreground-critical-hsla);
22306
22296
  --dt-action-color-foreground-critical-default: var(--dt-color-foreground-critical);
22307
22297
  --dt-action-color-foreground-base-hover-h: 255;
22308
22298
  --dt-action-color-foreground-base-hover-s: 100%;
@@ -22310,53 +22300,53 @@ body {
22310
22300
  --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);
22311
22301
  --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%));
22312
22302
  --dt-action-color-foreground-base-hover: hsl(255 100% 63.4%);
22313
- --dt-inputs-color-border-warning-h: 0;
22314
- --dt-inputs-color-border-warning-s: 0%;
22315
- --dt-inputs-color-border-warning-l: 0%;
22316
- --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);
22317
- --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%));
22303
+ --dt-inputs-color-border-warning-h: var(--dt-color-border-warning-h);
22304
+ --dt-inputs-color-border-warning-s: var(--dt-color-border-warning-s);
22305
+ --dt-inputs-color-border-warning-l: var(--dt-color-border-warning-l);
22306
+ --dt-inputs-color-border-warning-hsl: var(--dt-color-border-warning-hsl);
22307
+ --dt-inputs-color-border-warning-hsla: var(--dt-color-border-warning-hsla);
22318
22308
  --dt-inputs-color-border-warning: var(--dt-color-border-warning);
22319
- --dt-inputs-color-border-success-h: 0;
22320
- --dt-inputs-color-border-success-s: 0%;
22321
- --dt-inputs-color-border-success-l: 0%;
22322
- --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);
22323
- --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%));
22309
+ --dt-inputs-color-border-success-h: var(--dt-color-border-success-h);
22310
+ --dt-inputs-color-border-success-s: var(--dt-color-border-success-s);
22311
+ --dt-inputs-color-border-success-l: var(--dt-color-border-success-l);
22312
+ --dt-inputs-color-border-success-hsl: var(--dt-color-border-success-hsl);
22313
+ --dt-inputs-color-border-success-hsla: var(--dt-color-border-success-hsla);
22324
22314
  --dt-inputs-color-border-success: var(--dt-color-border-success);
22325
- --dt-inputs-color-border-critical-h: 0;
22326
- --dt-inputs-color-border-critical-s: 0%;
22327
- --dt-inputs-color-border-critical-l: 0%;
22328
- --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);
22329
- --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%));
22315
+ --dt-inputs-color-border-critical-h: var(--dt-color-border-critical-h);
22316
+ --dt-inputs-color-border-critical-s: var(--dt-color-border-critical-s);
22317
+ --dt-inputs-color-border-critical-l: var(--dt-color-border-critical-l);
22318
+ --dt-inputs-color-border-critical-hsl: var(--dt-color-border-critical-hsl);
22319
+ --dt-inputs-color-border-critical-hsla: var(--dt-color-border-critical-hsla);
22330
22320
  --dt-inputs-color-border-critical: var(--dt-color-border-critical);
22331
- --dt-inputs-color-border-focus-h: 0;
22332
- --dt-inputs-color-border-focus-s: 0%;
22333
- --dt-inputs-color-border-focus-l: 0%;
22334
- --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);
22335
- --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%));
22321
+ --dt-inputs-color-border-focus-h: var(--dt-color-border-focus-h);
22322
+ --dt-inputs-color-border-focus-s: var(--dt-color-border-focus-s);
22323
+ --dt-inputs-color-border-focus-l: var(--dt-color-border-focus-l);
22324
+ --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
22325
+ --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
22336
22326
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
22337
- --dt-inputs-color-border-default-h: 0;
22338
- --dt-inputs-color-border-default-s: 0%;
22339
- --dt-inputs-color-border-default-l: 0%;
22340
- --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);
22341
- --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%));
22327
+ --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
22328
+ --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
22329
+ --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
22330
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
22331
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
22342
22332
  --dt-inputs-color-border-default: var(--dt-color-border-subtle);
22343
- --dt-inputs-color-foreground-disabled-h: 0;
22344
- --dt-inputs-color-foreground-disabled-s: 0%;
22345
- --dt-inputs-color-foreground-disabled-l: 0%;
22346
- --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);
22347
- --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%));
22333
+ --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
22334
+ --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
22335
+ --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
22336
+ --dt-inputs-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
22337
+ --dt-inputs-color-foreground-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
22348
22338
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
22349
- --dt-inputs-color-foreground-placeholder-h: 0;
22350
- --dt-inputs-color-foreground-placeholder-s: 0%;
22351
- --dt-inputs-color-foreground-placeholder-l: 0%;
22352
- --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);
22353
- --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%));
22339
+ --dt-inputs-color-foreground-placeholder-h: var(--dt-color-foreground-placeholder-h);
22340
+ --dt-inputs-color-foreground-placeholder-s: var(--dt-color-foreground-placeholder-s);
22341
+ --dt-inputs-color-foreground-placeholder-l: var(--dt-color-foreground-placeholder-l);
22342
+ --dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
22343
+ --dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
22354
22344
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
22355
- --dt-inputs-color-foreground-default-h: 0;
22356
- --dt-inputs-color-foreground-default-s: 0%;
22357
- --dt-inputs-color-foreground-default-l: 0%;
22358
- --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);
22359
- --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%));
22345
+ --dt-inputs-color-foreground-default-h: var(--dt-color-foreground-secondary-h);
22346
+ --dt-inputs-color-foreground-default-s: var(--dt-color-foreground-secondary-s);
22347
+ --dt-inputs-color-foreground-default-l: var(--dt-color-foreground-secondary-l);
22348
+ --dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-secondary-hsl);
22349
+ --dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-secondary-hsla);
22360
22350
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
22361
22351
  --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
22362
22352
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
@@ -22414,77 +22404,72 @@ body {
22414
22404
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
22415
22405
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
22416
22406
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
22417
- --dt-color-border-ai-h: 0;
22418
- --dt-color-border-ai-s: 0%;
22419
- --dt-color-border-ai-l: 0%;
22420
- --dt-color-border-ai-hsl: var(--dt-color-border-ai-h) var(--dt-color-border-ai-s) var(--dt-color-border-ai-l);
22421
- --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%));
22422
22407
  --dt-color-border-ai: var(--dt-color-gradient-magenta-purple);
22423
- --dt-color-link-muted-hover-h: 0;
22424
- --dt-color-link-muted-hover-s: 0%;
22425
- --dt-color-link-muted-hover-l: 0%;
22426
- --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);
22427
- --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%));
22408
+ --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
22409
+ --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
22410
+ --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
22411
+ --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
22412
+ --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
22428
22413
  --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
22429
- --dt-color-link-disabled-inverted-h: 0;
22430
- --dt-color-link-disabled-inverted-s: 0%;
22431
- --dt-color-link-disabled-inverted-l: 0%;
22432
- --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);
22433
- --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%));
22414
+ --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
22415
+ --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
22416
+ --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
22417
+ --dt-color-link-disabled-inverted-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
22418
+ --dt-color-link-disabled-inverted-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
22434
22419
  --dt-color-link-disabled-inverted: var(--dt-color-foreground-disabled-inverted);
22435
- --dt-color-link-muted-inverted-h: 0;
22436
- --dt-color-link-muted-inverted-s: 0%;
22437
- --dt-color-link-muted-inverted-l: 0%;
22438
- --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);
22439
- --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%));
22420
+ --dt-color-link-muted-inverted-h: var(--dt-color-foreground-secondary-inverted-h);
22421
+ --dt-color-link-muted-inverted-s: var(--dt-color-foreground-secondary-inverted-s);
22422
+ --dt-color-link-muted-inverted-l: var(--dt-color-foreground-secondary-inverted-l);
22423
+ --dt-color-link-muted-inverted-hsl: var(--dt-color-foreground-secondary-inverted-hsl);
22424
+ --dt-color-link-muted-inverted-hsla: var(--dt-color-foreground-secondary-inverted-hsla);
22440
22425
  --dt-color-link-muted-inverted: var(--dt-color-foreground-secondary-inverted);
22441
- --dt-color-link-warning-inverted-h: 0;
22442
- --dt-color-link-warning-inverted-s: 0%;
22443
- --dt-color-link-warning-inverted-l: 0%;
22444
- --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);
22445
- --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%));
22426
+ --dt-color-link-warning-inverted-h: var(--dt-color-foreground-warning-inverted-h);
22427
+ --dt-color-link-warning-inverted-s: var(--dt-color-foreground-warning-inverted-s);
22428
+ --dt-color-link-warning-inverted-l: var(--dt-color-foreground-warning-inverted-l);
22429
+ --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
22430
+ --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
22446
22431
  --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
22447
- --dt-color-link-success-inverted-h: 0;
22448
- --dt-color-link-success-inverted-s: 0%;
22449
- --dt-color-link-success-inverted-l: 0%;
22450
- --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);
22451
- --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%));
22432
+ --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
22433
+ --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
22434
+ --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
22435
+ --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
22436
+ --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
22452
22437
  --dt-color-link-success-inverted: var(--dt-color-foreground-success-inverted);
22453
- --dt-color-link-critical-inverted-h: 0;
22454
- --dt-color-link-critical-inverted-s: 0%;
22455
- --dt-color-link-critical-inverted-l: 0%;
22456
- --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);
22457
- --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%));
22438
+ --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
22439
+ --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
22440
+ --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
22441
+ --dt-color-link-critical-inverted-hsl: var(--dt-color-foreground-critical-inverted-hsl);
22442
+ --dt-color-link-critical-inverted-hsla: var(--dt-color-foreground-critical-inverted-hsla);
22458
22443
  --dt-color-link-critical-inverted: var(--dt-color-foreground-critical-inverted);
22459
- --dt-color-link-disabled-h: 0;
22460
- --dt-color-link-disabled-s: 0%;
22461
- --dt-color-link-disabled-l: 0%;
22462
- --dt-color-link-disabled-hsl: var(--dt-color-link-disabled-h) var(--dt-color-link-disabled-s) var(--dt-color-link-disabled-l);
22463
- --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%));
22444
+ --dt-color-link-disabled-h: var(--dt-color-foreground-disabled-h);
22445
+ --dt-color-link-disabled-s: var(--dt-color-foreground-disabled-s);
22446
+ --dt-color-link-disabled-l: var(--dt-color-foreground-disabled-l);
22447
+ --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
22448
+ --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
22464
22449
  --dt-color-link-disabled: var(--dt-color-foreground-disabled);
22465
- --dt-color-link-muted-h: 0;
22466
- --dt-color-link-muted-s: 0%;
22467
- --dt-color-link-muted-l: 0%;
22468
- --dt-color-link-muted-hsl: var(--dt-color-link-muted-h) var(--dt-color-link-muted-s) var(--dt-color-link-muted-l);
22469
- --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%));
22450
+ --dt-color-link-muted-h: var(--dt-color-foreground-secondary-h);
22451
+ --dt-color-link-muted-s: var(--dt-color-foreground-secondary-s);
22452
+ --dt-color-link-muted-l: var(--dt-color-foreground-secondary-l);
22453
+ --dt-color-link-muted-hsl: var(--dt-color-foreground-secondary-hsl);
22454
+ --dt-color-link-muted-hsla: var(--dt-color-foreground-secondary-hsla);
22470
22455
  --dt-color-link-muted: var(--dt-color-foreground-secondary);
22471
- --dt-color-link-warning-h: 0;
22472
- --dt-color-link-warning-s: 0%;
22473
- --dt-color-link-warning-l: 0%;
22474
- --dt-color-link-warning-hsl: var(--dt-color-link-warning-h) var(--dt-color-link-warning-s) var(--dt-color-link-warning-l);
22475
- --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%));
22456
+ --dt-color-link-warning-h: var(--dt-color-foreground-warning-h);
22457
+ --dt-color-link-warning-s: var(--dt-color-foreground-warning-s);
22458
+ --dt-color-link-warning-l: var(--dt-color-foreground-warning-l);
22459
+ --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
22460
+ --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
22476
22461
  --dt-color-link-warning: var(--dt-color-foreground-warning);
22477
- --dt-color-link-success-h: 0;
22478
- --dt-color-link-success-s: 0%;
22479
- --dt-color-link-success-l: 0%;
22480
- --dt-color-link-success-hsl: var(--dt-color-link-success-h) var(--dt-color-link-success-s) var(--dt-color-link-success-l);
22481
- --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%));
22462
+ --dt-color-link-success-h: var(--dt-color-foreground-success-h);
22463
+ --dt-color-link-success-s: var(--dt-color-foreground-success-s);
22464
+ --dt-color-link-success-l: var(--dt-color-foreground-success-l);
22465
+ --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
22466
+ --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
22482
22467
  --dt-color-link-success: var(--dt-color-foreground-success); /* positive */
22483
- --dt-color-link-critical-h: 0;
22484
- --dt-color-link-critical-s: 0%;
22485
- --dt-color-link-critical-l: 0%;
22486
- --dt-color-link-critical-hsl: var(--dt-color-link-critical-h) var(--dt-color-link-critical-s) var(--dt-color-link-critical-l);
22487
- --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%));
22468
+ --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
22469
+ --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
22470
+ --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
22471
+ --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
22472
+ --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
22488
22473
  --dt-color-link-critical: var(--dt-color-foreground-critical);
22489
22474
  --dt-color-foreground-success-strong-inverted-h: 111.99999999999999;
22490
22475
  --dt-color-foreground-success-strong-inverted-s: 100%;
@@ -22499,23 +22484,23 @@ body {
22499
22484
  --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%));
22500
22485
  --dt-color-foreground-critical-strong-inverted: hsl(0 100% 82.1%); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
22501
22486
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
22502
- --dt-theme-sidebar-icon-color-foreground-h: 0;
22503
- --dt-theme-sidebar-icon-color-foreground-s: 0%;
22504
- --dt-theme-sidebar-icon-color-foreground-l: 0%;
22505
- --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);
22506
- --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%));
22487
+ --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
22488
+ --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
22489
+ --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
22490
+ --dt-theme-sidebar-icon-color-foreground-hsl: var(--dt-theme-sidebar-color-foreground-hsl);
22491
+ --dt-theme-sidebar-icon-color-foreground-hsla: var(--dt-theme-sidebar-color-foreground-hsla);
22507
22492
  --dt-theme-sidebar-icon-color-foreground: var(--dt-theme-sidebar-color-foreground);
22508
- --dt-theme-sidebar-color-background-h: 0;
22509
- --dt-theme-sidebar-color-background-s: 0%;
22510
- --dt-theme-sidebar-color-background-l: 0%;
22511
- --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);
22512
- --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%));
22493
+ --dt-theme-sidebar-color-background-h: var(--dt-theme-topbar-color-background-h);
22494
+ --dt-theme-sidebar-color-background-s: var(--dt-theme-topbar-color-background-s);
22495
+ --dt-theme-sidebar-color-background-l: var(--dt-theme-topbar-color-background-l);
22496
+ --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
22497
+ --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
22513
22498
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
22514
- --dt-theme-topbar-profile-color-foreground-h: 0;
22515
- --dt-theme-topbar-profile-color-foreground-s: 0%;
22516
- --dt-theme-topbar-profile-color-foreground-l: 0%;
22517
- --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);
22518
- --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%));
22499
+ --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
22500
+ --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
22501
+ --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
22502
+ --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
22503
+ --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
22519
22504
  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
22520
22505
  --dt-action-color-foreground-positive-hover-h: 137;
22521
22506
  --dt-action-color-foreground-positive-hover-s: 72.49999999999999%;
@@ -22523,17 +22508,17 @@ body {
22523
22508
  --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);
22524
22509
  --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%));
22525
22510
  --dt-action-color-foreground-positive-hover: hsl(137 72.5% 30.4%);
22526
- --dt-action-color-foreground-muted-hover-h: 0;
22527
- --dt-action-color-foreground-muted-hover-s: 0%;
22528
- --dt-action-color-foreground-muted-hover-l: 0%;
22529
- --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);
22530
- --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%));
22511
+ --dt-action-color-foreground-muted-hover-h: var(--dt-action-color-foreground-muted-default-h);
22512
+ --dt-action-color-foreground-muted-hover-s: var(--dt-action-color-foreground-muted-default-s);
22513
+ --dt-action-color-foreground-muted-hover-l: var(--dt-action-color-foreground-muted-default-l);
22514
+ --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-default-hsl);
22515
+ --dt-action-color-foreground-muted-hover-hsla: var(--dt-action-color-foreground-muted-default-hsla);
22531
22516
  --dt-action-color-foreground-muted-hover: var(--dt-action-color-foreground-muted-default);
22532
- --dt-action-color-foreground-inverted-hover-h: 0;
22533
- --dt-action-color-foreground-inverted-hover-s: 0%;
22534
- --dt-action-color-foreground-inverted-hover-l: 0%;
22535
- --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);
22536
- --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%));
22517
+ --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
22518
+ --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
22519
+ --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
22520
+ --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-default-hsl);
22521
+ --dt-action-color-foreground-inverted-hover-hsla: var(--dt-action-color-foreground-inverted-default-hsla);
22537
22522
  --dt-action-color-foreground-inverted-hover: var(--dt-action-color-foreground-inverted-default);
22538
22523
  --dt-action-color-foreground-critical-hover-h: 0;
22539
22524
  --dt-action-color-foreground-critical-hover-s: 88.8%;
@@ -22541,11 +22526,11 @@ body {
22541
22526
  --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);
22542
22527
  --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%));
22543
22528
  --dt-action-color-foreground-critical-hover: hsl(0 88.8% 45.1%);
22544
- --dt-action-color-foreground-base-active-h: 0;
22545
- --dt-action-color-foreground-base-active-s: 0%;
22546
- --dt-action-color-foreground-base-active-l: 0%;
22547
- --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);
22548
- --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%));
22529
+ --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
22530
+ --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
22531
+ --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
22532
+ --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
22533
+ --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
22549
22534
  --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
22550
22535
  --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
22551
22536
  --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
@@ -22598,53 +22583,53 @@ body {
22598
22583
  --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);
22599
22584
  --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);
22600
22585
  --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) */
22601
- --dt-color-link-disabled-inverted-hover-h: 0;
22602
- --dt-color-link-disabled-inverted-hover-s: 0%;
22603
- --dt-color-link-disabled-inverted-hover-l: 0%;
22604
- --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);
22605
- --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%));
22586
+ --dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-h);
22587
+ --dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-s);
22588
+ --dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-l);
22589
+ --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-hsl);
22590
+ --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-hsla);
22606
22591
  --dt-color-link-disabled-inverted-hover: var(--dt-color-link-disabled);
22607
- --dt-color-link-success-inverted-hover-h: 0;
22608
- --dt-color-link-success-inverted-hover-s: 0%;
22609
- --dt-color-link-success-inverted-hover-l: 0%;
22610
- --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);
22611
- --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%));
22592
+ --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
22593
+ --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
22594
+ --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
22595
+ --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
22596
+ --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
22612
22597
  --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
22613
- --dt-color-link-critical-inverted-hover-h: 0;
22614
- --dt-color-link-critical-inverted-hover-s: 0%;
22615
- --dt-color-link-critical-inverted-hover-l: 0%;
22616
- --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);
22617
- --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%));
22598
+ --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
22599
+ --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
22600
+ --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
22601
+ --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
22602
+ --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
22618
22603
  --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
22619
- --dt-color-link-disabled-hover-h: 0;
22620
- --dt-color-link-disabled-hover-s: 0%;
22621
- --dt-color-link-disabled-hover-l: 0%;
22622
- --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);
22623
- --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%));
22604
+ --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
22605
+ --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
22606
+ --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
22607
+ --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
22608
+ --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
22624
22609
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
22625
- --dt-action-color-foreground-positive-active-h: 0;
22626
- --dt-action-color-foreground-positive-active-s: 0%;
22627
- --dt-action-color-foreground-positive-active-l: 0%;
22628
- --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);
22629
- --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%));
22610
+ --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
22611
+ --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
22612
+ --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
22613
+ --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
22614
+ --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
22630
22615
  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
22631
- --dt-action-color-foreground-muted-active-h: 0;
22632
- --dt-action-color-foreground-muted-active-s: 0%;
22633
- --dt-action-color-foreground-muted-active-l: 0%;
22634
- --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);
22635
- --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%));
22616
+ --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
22617
+ --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
22618
+ --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
22619
+ --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
22620
+ --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
22636
22621
  --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
22637
- --dt-action-color-foreground-inverted-active-h: 0;
22638
- --dt-action-color-foreground-inverted-active-s: 0%;
22639
- --dt-action-color-foreground-inverted-active-l: 0%;
22640
- --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);
22641
- --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%));
22622
+ --dt-action-color-foreground-inverted-active-h: var(--dt-action-color-foreground-inverted-hover-h);
22623
+ --dt-action-color-foreground-inverted-active-s: var(--dt-action-color-foreground-inverted-hover-s);
22624
+ --dt-action-color-foreground-inverted-active-l: var(--dt-action-color-foreground-inverted-hover-l);
22625
+ --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-hover-hsl);
22626
+ --dt-action-color-foreground-inverted-active-hsla: var(--dt-action-color-foreground-inverted-hover-hsla);
22642
22627
  --dt-action-color-foreground-inverted-active: var(--dt-action-color-foreground-inverted-hover);
22643
- --dt-action-color-foreground-critical-active-h: 0;
22644
- --dt-action-color-foreground-critical-active-s: 0%;
22645
- --dt-action-color-foreground-critical-active-l: 0%;
22646
- --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);
22647
- --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%));
22628
+ --dt-action-color-foreground-critical-active-h: var(--dt-action-color-foreground-critical-hover-h);
22629
+ --dt-action-color-foreground-critical-active-s: var(--dt-action-color-foreground-critical-hover-s);
22630
+ --dt-action-color-foreground-critical-active-l: var(--dt-action-color-foreground-critical-hover-l);
22631
+ --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
22632
+ --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
22648
22633
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
22649
22634
  --dt-font-size-100-mobile: 1.2rem;
22650
22635
  --dt-font-size-200-mobile: 1.6rem;