@gitlab/duo-ui 0.1.0 → 0.3.0

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 (761) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/components/chat/components/duo_chat_context/constants.js +11 -0
  3. package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_details_modal/duo_chat_context_item_details_modal.js +118 -0
  4. package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.js +265 -0
  5. package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_category_items.js +68 -0
  6. package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_item.js +87 -0
  7. package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items.js +137 -0
  8. package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items_loading.js +53 -0
  9. package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.js +121 -0
  10. package/dist/components/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.js +153 -0
  11. package/dist/components/chat/components/duo_chat_context/mock_context_data.js +191 -0
  12. package/dist/components/chat/components/duo_chat_context/utils.js +106 -0
  13. package/dist/components/chat/components/duo_chat_conversation/duo_chat_conversation.js +101 -0
  14. package/dist/components/chat/components/duo_chat_loader/duo_chat_loader.js +101 -0
  15. package/dist/components/chat/components/duo_chat_message/buttons_utils.js +25 -0
  16. package/dist/components/chat/components/duo_chat_message/constants.js +5 -0
  17. package/dist/components/chat/components/duo_chat_message/copy_code_element.js +16 -0
  18. package/dist/components/chat/components/duo_chat_message/duo_chat_message.js +287 -0
  19. package/dist/components/chat/components/duo_chat_message/insert_code_snippet_element.js +56 -0
  20. package/dist/components/chat/components/duo_chat_message/utils.js +8 -0
  21. package/dist/components/chat/components/duo_chat_message_sources/duo_chat_message_sources.js +106 -0
  22. package/dist/components/chat/components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.js +64 -0
  23. package/dist/components/chat/constants.js +30 -0
  24. package/dist/components/chat/duo_chat.js +524 -0
  25. package/dist/components/chat/markdown_renderer.js +18 -0
  26. package/dist/components/chat/mock_data.js +162 -0
  27. package/dist/components/user_feedback/user_feedback.js +97 -0
  28. package/dist/components/user_feedback/user_feedback_modal.js +149 -0
  29. package/dist/components/workflow/components/duo_workflow_panel/duo_workflow_panel.js +95 -0
  30. package/dist/components/workflow/components/duo_workflow_prompt/duo_workflow_prompt.js +235 -0
  31. package/dist/components.css +2 -0
  32. package/dist/components.css.map +1 -0
  33. package/dist/tailwind.css +2 -0
  34. package/dist/tailwind.css.map +1 -0
  35. package/package.json +8 -16
  36. package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/duo_chat_context_item_details_modal/duo_chat_context_item_details_modal.vue +1 -1
  37. package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items_loading.vue +1 -1
  38. package/src/components/chat/components/duo_chat_message/constants.js +3 -0
  39. package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message/duo_chat_message.scss +31 -2
  40. package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message/duo_chat_message.vue +33 -2
  41. package/src/components/chat/duo_chat.scss +393 -0
  42. package/src/components/{experimental/duo/chat → chat}/mock_data.js +2 -2
  43. package/src/config.js +3 -43
  44. package/src/index.js +3 -130
  45. package/src/scss/components.scss +6 -83
  46. package/src/tokens/build/json/tokens.json +13548 -13548
  47. package/src/vendor/bootstrap/LICENSE +22 -0
  48. package/src/vendor/bootstrap-vue/LICENSE +21 -0
  49. package/src/vendor/bootstrap-vue/nuxt/index.js +164 -0
  50. package/src/vendor/bootstrap-vue/nuxt/plugin.template.js +29 -0
  51. package/src/vendor/bootstrap-vue/package.json +201 -0
  52. package/src/vendor/bootstrap-vue/src/bv-config.d.ts +4 -0
  53. package/src/vendor/bootstrap-vue/src/components/badge/README.md +126 -0
  54. package/src/vendor/bootstrap-vue/src/components/badge/badge.spec.js +141 -0
  55. package/src/vendor/bootstrap-vue/src/components/badge/index.d.ts +7 -0
  56. package/src/vendor/bootstrap-vue/src/components/badge/package.json +29 -0
  57. package/src/vendor/bootstrap-vue/src/components/breadcrumb/README.md +93 -0
  58. package/src/vendor/bootstrap-vue/src/components/breadcrumb/breadcrumb-item.spec.js +123 -0
  59. package/src/vendor/bootstrap-vue/src/components/breadcrumb/breadcrumb-link.spec.js +117 -0
  60. package/src/vendor/bootstrap-vue/src/components/breadcrumb/breadcrumb.spec.js +183 -0
  61. package/src/vendor/bootstrap-vue/src/components/breadcrumb/index.d.ts +13 -0
  62. package/src/vendor/bootstrap-vue/src/components/breadcrumb/package.json +62 -0
  63. package/src/vendor/bootstrap-vue/src/components/button/README.md +281 -0
  64. package/src/vendor/bootstrap-vue/src/components/button/button-close.spec.js +210 -0
  65. package/src/vendor/bootstrap-vue/src/components/button/button.spec.js +385 -0
  66. package/src/vendor/bootstrap-vue/src/components/button/index.d.ts +10 -0
  67. package/src/vendor/bootstrap-vue/src/components/button/package.json +105 -0
  68. package/src/vendor/bootstrap-vue/src/components/button-group/README.md +112 -0
  69. package/src/vendor/bootstrap-vue/src/components/button-group/button-group.spec.js +98 -0
  70. package/src/vendor/bootstrap-vue/src/components/button-group/index.d.ts +7 -0
  71. package/src/vendor/bootstrap-vue/src/components/button-group/package.json +29 -0
  72. package/src/vendor/bootstrap-vue/src/components/collapse/README.md +321 -0
  73. package/src/vendor/bootstrap-vue/src/components/collapse/collapse.spec.js +558 -0
  74. package/src/vendor/bootstrap-vue/src/components/collapse/index.d.ts +9 -0
  75. package/src/vendor/bootstrap-vue/src/components/collapse/package.json +111 -0
  76. package/src/vendor/bootstrap-vue/src/components/dropdown/README.md +730 -0
  77. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.spec.js +58 -0
  78. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.spec.js +110 -0
  79. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.spec.js +94 -0
  80. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.spec.js +73 -0
  81. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.spec.js +117 -0
  82. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.spec.js +147 -0
  83. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.spec.js +59 -0
  84. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.spec.js +1121 -0
  85. package/src/vendor/bootstrap-vue/src/components/dropdown/index.d.ts +32 -0
  86. package/src/vendor/bootstrap-vue/src/components/dropdown/package.json +368 -0
  87. package/src/vendor/bootstrap-vue/src/components/form/README.md +370 -0
  88. package/src/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.spec.js +170 -0
  89. package/src/vendor/bootstrap-vue/src/components/form/form-text.spec.js +93 -0
  90. package/src/vendor/bootstrap-vue/src/components/form/form-valid-feedback.spec.js +157 -0
  91. package/src/vendor/bootstrap-vue/src/components/form/form.spec.js +97 -0
  92. package/src/vendor/bootstrap-vue/src/components/form/index.d.ts +16 -0
  93. package/src/vendor/bootstrap-vue/src/components/form/package.json +112 -0
  94. package/src/vendor/bootstrap-vue/src/components/form-checkbox/README.md +862 -0
  95. package/src/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.spec.js +642 -0
  96. package/src/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.spec.js +1331 -0
  97. package/src/vendor/bootstrap-vue/src/components/form-checkbox/index.d.ts +10 -0
  98. package/src/vendor/bootstrap-vue/src/components/form-checkbox/package.json +172 -0
  99. package/src/vendor/bootstrap-vue/src/components/form-group/README.md +337 -0
  100. package/src/vendor/bootstrap-vue/src/components/form-group/form-group.spec.js +477 -0
  101. package/src/vendor/bootstrap-vue/src/components/form-group/index.d.ts +7 -0
  102. package/src/vendor/bootstrap-vue/src/components/form-group/package.json +183 -0
  103. package/src/vendor/bootstrap-vue/src/components/form-input/README.md +612 -0
  104. package/src/vendor/bootstrap-vue/src/components/form-input/form-input.spec.js +986 -0
  105. package/src/vendor/bootstrap-vue/src/components/form-input/index.d.ts +9 -0
  106. package/src/vendor/bootstrap-vue/src/components/form-input/package.json +135 -0
  107. package/src/vendor/bootstrap-vue/src/components/form-radio/README.md +566 -0
  108. package/src/vendor/bootstrap-vue/src/components/form-radio/form-radio-group.spec.js +469 -0
  109. package/src/vendor/bootstrap-vue/src/components/form-radio/form-radio.spec.js +952 -0
  110. package/src/vendor/bootstrap-vue/src/components/form-radio/index.d.ts +10 -0
  111. package/src/vendor/bootstrap-vue/src/components/form-radio/package.json +162 -0
  112. package/src/vendor/bootstrap-vue/src/components/form-select/README.md +504 -0
  113. package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.spec.js +138 -0
  114. package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.spec.js +75 -0
  115. package/src/vendor/bootstrap-vue/src/components/form-select/form-select.spec.js +723 -0
  116. package/src/vendor/bootstrap-vue/src/components/form-select/index.d.ts +13 -0
  117. package/src/vendor/bootstrap-vue/src/components/form-select/package.json +132 -0
  118. package/src/vendor/bootstrap-vue/src/components/form-textarea/README.md +453 -0
  119. package/src/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.spec.js +1000 -0
  120. package/src/vendor/bootstrap-vue/src/components/form-textarea/index.d.ts +9 -0
  121. package/src/vendor/bootstrap-vue/src/components/form-textarea/package.json +122 -0
  122. package/src/vendor/bootstrap-vue/src/components/index.d.ts +31 -0
  123. package/src/vendor/bootstrap-vue/src/components/input-group/README.md +334 -0
  124. package/src/vendor/bootstrap-vue/src/components/input-group/index.d.ts +19 -0
  125. package/src/vendor/bootstrap-vue/src/components/input-group/input-group-append.spec.js +84 -0
  126. package/src/vendor/bootstrap-vue/src/components/input-group/input-group-prepend.spec.js +84 -0
  127. package/src/vendor/bootstrap-vue/src/components/input-group/input-group-text.spec.js +45 -0
  128. package/src/vendor/bootstrap-vue/src/components/input-group/input-group.spec.js +153 -0
  129. package/src/vendor/bootstrap-vue/src/components/input-group/package.json +109 -0
  130. package/src/vendor/bootstrap-vue/src/components/layout/README.md +791 -0
  131. package/src/vendor/bootstrap-vue/src/components/layout/col.spec.js +192 -0
  132. package/src/vendor/bootstrap-vue/src/components/layout/form-row.spec.js +45 -0
  133. package/src/vendor/bootstrap-vue/src/components/layout/index.d.ts +10 -0
  134. package/src/vendor/bootstrap-vue/src/components/layout/package.json +99 -0
  135. package/src/vendor/bootstrap-vue/src/components/link/README.md +76 -0
  136. package/src/vendor/bootstrap-vue/src/components/link/index.d.ts +10 -0
  137. package/src/vendor/bootstrap-vue/src/components/link/link.spec.js +434 -0
  138. package/src/vendor/bootstrap-vue/src/components/link/package.json +57 -0
  139. package/src/vendor/bootstrap-vue/src/components/modal/MODIFICATIONS.md +27 -0
  140. package/src/vendor/bootstrap-vue/src/components/modal/README.md +1068 -0
  141. package/src/vendor/bootstrap-vue/src/components/modal/helpers/bv-modal-event.class.spec.js +82 -0
  142. package/src/vendor/bootstrap-vue/src/components/modal/index.d.ts +82 -0
  143. package/src/vendor/bootstrap-vue/src/components/modal/modal.spec.js +1418 -0
  144. package/src/vendor/bootstrap-vue/src/components/modal/package.json +548 -0
  145. package/src/vendor/bootstrap-vue/src/components/nav/README.md +480 -0
  146. package/src/vendor/bootstrap-vue/src/components/nav/index.d.ts +17 -0
  147. package/src/vendor/bootstrap-vue/src/components/nav/nav-item-dropdown.spec.js +268 -0
  148. package/src/vendor/bootstrap-vue/src/components/nav/nav-item.spec.js +127 -0
  149. package/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js +244 -0
  150. package/src/vendor/bootstrap-vue/src/components/nav/package.json +190 -0
  151. package/src/vendor/bootstrap-vue/src/components/navbar/README.md +333 -0
  152. package/src/vendor/bootstrap-vue/src/components/navbar/index.d.ts +10 -0
  153. package/src/vendor/bootstrap-vue/src/components/navbar/navbar-brand.spec.js +50 -0
  154. package/src/vendor/bootstrap-vue/src/components/navbar/navbar.spec.js +130 -0
  155. package/src/vendor/bootstrap-vue/src/components/navbar/package.json +54 -0
  156. package/src/vendor/bootstrap-vue/src/components/popover/README.md +919 -0
  157. package/src/vendor/bootstrap-vue/src/components/popover/index.d.ts +7 -0
  158. package/src/vendor/bootstrap-vue/src/components/popover/package.json +261 -0
  159. package/src/vendor/bootstrap-vue/src/components/popover/popover.spec.js +199 -0
  160. package/src/vendor/bootstrap-vue/src/components/progress/MODIFICATIONS.md +23 -0
  161. package/src/vendor/bootstrap-vue/src/components/progress/README.md +363 -0
  162. package/src/vendor/bootstrap-vue/src/components/progress/index.d.ts +10 -0
  163. package/src/vendor/bootstrap-vue/src/components/progress/package.json +109 -0
  164. package/src/vendor/bootstrap-vue/src/components/progress/progress-bar.spec.js +270 -0
  165. package/src/vendor/bootstrap-vue/src/components/progress/progress.spec.js +71 -0
  166. package/src/vendor/bootstrap-vue/src/components/table/README.md +3157 -0
  167. package/src/vendor/bootstrap-vue/src/components/table/helpers/default-sort-compare.spec.js +112 -0
  168. package/src/vendor/bootstrap-vue/src/components/table/helpers/normalize-fields.spec.js +93 -0
  169. package/src/vendor/bootstrap-vue/src/components/table/index.d.ts +237 -0
  170. package/src/vendor/bootstrap-vue/src/components/table/package.json +1763 -0
  171. package/src/vendor/bootstrap-vue/src/components/table/table-busy.spec.js +150 -0
  172. package/src/vendor/bootstrap-vue/src/components/table/table-caption.spec.js +176 -0
  173. package/src/vendor/bootstrap-vue/src/components/table/table-colgroup.spec.js +81 -0
  174. package/src/vendor/bootstrap-vue/src/components/table/table-filtering.spec.js +409 -0
  175. package/src/vendor/bootstrap-vue/src/components/table/table-item-formatter.spec.js +56 -0
  176. package/src/vendor/bootstrap-vue/src/components/table/table-lite.spec.js +682 -0
  177. package/src/vendor/bootstrap-vue/src/components/table/table-pagination.spec.js +133 -0
  178. package/src/vendor/bootstrap-vue/src/components/table/table-primarykey.spec.js +83 -0
  179. package/src/vendor/bootstrap-vue/src/components/table/table-provider.spec.js +411 -0
  180. package/src/vendor/bootstrap-vue/src/components/table/table-row-details.spec.js +459 -0
  181. package/src/vendor/bootstrap-vue/src/components/table/table-selectable.spec.js +1182 -0
  182. package/src/vendor/bootstrap-vue/src/components/table/table-simple.spec.js +206 -0
  183. package/src/vendor/bootstrap-vue/src/components/table/table-sorting.spec.js +858 -0
  184. package/src/vendor/bootstrap-vue/src/components/table/table-sticky-column.spec.js +377 -0
  185. package/src/vendor/bootstrap-vue/src/components/table/table-tbody-bottom-row.spec.js +94 -0
  186. package/src/vendor/bootstrap-vue/src/components/table/table-tbody-row-events.spec.js +529 -0
  187. package/src/vendor/bootstrap-vue/src/components/table/table-tbody-top-row.spec.js +88 -0
  188. package/src/vendor/bootstrap-vue/src/components/table/table-tbody-transition.spec.js +83 -0
  189. package/src/vendor/bootstrap-vue/src/components/table/table-tfoot-custom.spec.js +91 -0
  190. package/src/vendor/bootstrap-vue/src/components/table/table-tfoot-events.spec.js +137 -0
  191. package/src/vendor/bootstrap-vue/src/components/table/table-thead-events.spec.js +155 -0
  192. package/src/vendor/bootstrap-vue/src/components/table/table-thead-top.spec.js +96 -0
  193. package/src/vendor/bootstrap-vue/src/components/table/table.spec.js +692 -0
  194. package/src/vendor/bootstrap-vue/src/components/tabs/README.md +575 -0
  195. package/src/vendor/bootstrap-vue/src/components/tabs/index.d.ts +13 -0
  196. package/src/vendor/bootstrap-vue/src/components/tabs/package.json +205 -0
  197. package/src/vendor/bootstrap-vue/src/components/tabs/tab.spec.js +330 -0
  198. package/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js +836 -0
  199. package/src/vendor/bootstrap-vue/src/components/toast/README.md +656 -0
  200. package/src/vendor/bootstrap-vue/src/components/toast/helpers/bv-toast.spec.js +131 -0
  201. package/src/vendor/bootstrap-vue/src/components/toast/index.d.ts +70 -0
  202. package/src/vendor/bootstrap-vue/src/components/toast/package.json +188 -0
  203. package/src/vendor/bootstrap-vue/src/components/toast/toast.spec.js +346 -0
  204. package/src/vendor/bootstrap-vue/src/components/toast/toaster.spec.js +77 -0
  205. package/src/vendor/bootstrap-vue/src/components/tooltip/README.md +559 -0
  206. package/src/vendor/bootstrap-vue/src/components/tooltip/index.d.ts +7 -0
  207. package/src/vendor/bootstrap-vue/src/components/tooltip/package.json +258 -0
  208. package/src/vendor/bootstrap-vue/src/components/tooltip/tooltip.spec.js +1529 -0
  209. package/src/vendor/bootstrap-vue/src/components/transition/package.json +5 -0
  210. package/src/vendor/bootstrap-vue/src/components/transporter/package.json +5 -0
  211. package/src/vendor/bootstrap-vue/src/components/transporter/transporter.spec.js +85 -0
  212. package/src/vendor/bootstrap-vue/src/directives/modal/index.d.ts +8 -0
  213. package/src/vendor/bootstrap-vue/src/directives/modal/modal.spec.js +191 -0
  214. package/src/vendor/bootstrap-vue/src/directives/toggle/README.md +146 -0
  215. package/src/vendor/bootstrap-vue/src/directives/toggle/index.d.ts +7 -0
  216. package/src/vendor/bootstrap-vue/src/directives/toggle/package.json +26 -0
  217. package/src/vendor/bootstrap-vue/src/directives/toggle/toggle.spec.js +452 -0
  218. package/src/vendor/bootstrap-vue/src/directives/tooltip/README.md +521 -0
  219. package/src/vendor/bootstrap-vue/src/directives/tooltip/index.d.ts +7 -0
  220. package/src/vendor/bootstrap-vue/src/directives/tooltip/package.json +131 -0
  221. package/src/vendor/bootstrap-vue/src/directives/tooltip/tooltip.spec.js +223 -0
  222. package/src/vendor/bootstrap-vue/src/directives/visible/README.md +244 -0
  223. package/src/vendor/bootstrap-vue/src/directives/visible/index.d.ts +7 -0
  224. package/src/vendor/bootstrap-vue/src/directives/visible/package.json +24 -0
  225. package/src/vendor/bootstrap-vue/src/index.d.ts +61 -0
  226. package/src/vendor/bootstrap-vue/src/mixins/attrs.spec.js +194 -0
  227. package/src/vendor/bootstrap-vue/src/mixins/click-out.spec.js +52 -0
  228. package/src/vendor/bootstrap-vue/src/mixins/focus-in.spec.js +53 -0
  229. package/src/vendor/bootstrap-vue/src/mixins/listen-on-document.spec.js +117 -0
  230. package/src/vendor/bootstrap-vue/src/mixins/listen-on-root.spec.js +77 -0
  231. package/src/vendor/bootstrap-vue/src/mixins/listen-on-window.spec.js +115 -0
  232. package/src/vendor/bootstrap-vue/src/mixins/listeners.spec.js +245 -0
  233. package/src/vendor/bootstrap-vue/src/utils/bv-event.class.spec.js +66 -0
  234. package/src/vendor/bootstrap-vue/src/utils/clone-deep.spec.js +70 -0
  235. package/src/vendor/bootstrap-vue/src/utils/config.spec.js +169 -0
  236. package/src/vendor/bootstrap-vue/src/utils/css-escape.spec.js +82 -0
  237. package/src/vendor/bootstrap-vue/src/utils/dom.spec.js +291 -0
  238. package/src/vendor/bootstrap-vue/src/utils/events.spec.js +41 -0
  239. package/src/vendor/bootstrap-vue/src/utils/get.spec.js +109 -0
  240. package/src/vendor/bootstrap-vue/src/utils/inspect.spec.js +251 -0
  241. package/src/vendor/bootstrap-vue/src/utils/loose-equal.spec.js +203 -0
  242. package/src/vendor/bootstrap-vue/src/utils/normalize-slot.spec.js +63 -0
  243. package/src/vendor/bootstrap-vue/src/utils/number.spec.js +72 -0
  244. package/src/vendor/bootstrap-vue/src/utils/object.spec.js +61 -0
  245. package/src/vendor/bootstrap-vue/src/utils/props.spec.js +112 -0
  246. package/src/vendor/bootstrap-vue/src/utils/router.spec.js +248 -0
  247. package/src/vendor/bootstrap-vue/src/utils/string.spec.js +65 -0
  248. package/src/vendor/bootstrap-vue/src/utils/stringify-object-values.spec.js +47 -0
  249. package/src/vendor/bootstrap-vue/src/utils/warn.spec.js +54 -0
  250. package/src/vendor/bootstrap-vue/src/vue-injections.d.ts +13 -0
  251. package/translations.js +0 -26
  252. package/dist/tokens/css/tokens.css +0 -953
  253. package/dist/tokens/css/tokens.dark.css +0 -953
  254. package/dist/tokens/js/tokens.dark.js +0 -951
  255. package/dist/tokens/js/tokens.js +0 -951
  256. package/dist/tokens/json/tokens.dark.json +0 -21803
  257. package/dist/tokens/json/tokens.json +0 -21803
  258. package/dist/tokens/scss/_tokens.dark.scss +0 -950
  259. package/dist/tokens/scss/_tokens.scss +0 -950
  260. package/dist/tokens/scss/_tokens_custom_properties.scss +0 -951
  261. package/dist/tokens/tailwind/tokens.cjs +0 -336
  262. package/src/charts.js +0 -14
  263. package/src/components/base/accordion/accordion.md +0 -3
  264. package/src/components/base/accordion/accordion.vue +0 -43
  265. package/src/components/base/accordion/accordion_item.md +0 -3
  266. package/src/components/base/accordion/accordion_item.scss +0 -16
  267. package/src/components/base/accordion/accordion_item.vue +0 -122
  268. package/src/components/base/alert/alert.md +0 -35
  269. package/src/components/base/alert/alert.scss +0 -179
  270. package/src/components/base/alert/alert.vue +0 -241
  271. package/src/components/base/animated_icon/animated_chevron_right_down_icon.vue +0 -28
  272. package/src/components/base/animated_icon/animated_duo_chat_icon.vue +0 -39
  273. package/src/components/base/animated_icon/animated_icon.md +0 -4
  274. package/src/components/base/animated_icon/animated_icon.scss +0 -456
  275. package/src/components/base/animated_icon/animated_notifications_icon.vue +0 -49
  276. package/src/components/base/animated_icon/animated_sidebar_icon.vue +0 -35
  277. package/src/components/base/animated_icon/animated_smile_icon.vue +0 -37
  278. package/src/components/base/animated_icon/animated_sort_icon.vue +0 -84
  279. package/src/components/base/animated_icon/animated_star_icon.vue +0 -27
  280. package/src/components/base/animated_icon/animated_todo_icon.vue +0 -49
  281. package/src/components/base/animated_icon/animated_upload_icon.vue +0 -41
  282. package/src/components/base/animated_icon/base_animated_icon.vue +0 -39
  283. package/src/components/base/avatar/avatar.md +0 -1
  284. package/src/components/base/avatar/avatar.scss +0 -228
  285. package/src/components/base/avatar/avatar.vue +0 -151
  286. package/src/components/base/avatar_labeled/avatar_labeled.md +0 -20
  287. package/src/components/base/avatar_labeled/avatar_labeled.scss +0 -30
  288. package/src/components/base/avatar_labeled/avatar_labeled.vue +0 -92
  289. package/src/components/base/avatar_link/avatar_link.md +0 -33
  290. package/src/components/base/avatar_link/avatar_link.scss +0 -41
  291. package/src/components/base/avatar_link/avatar_link.vue +0 -15
  292. package/src/components/base/avatars_inline/avatars_inline.md +0 -38
  293. package/src/components/base/avatars_inline/avatars_inline.scss +0 -64
  294. package/src/components/base/avatars_inline/avatars_inline.vue +0 -110
  295. package/src/components/base/badge/badge.md +0 -38
  296. package/src/components/base/badge/badge.scss +0 -251
  297. package/src/components/base/badge/badge.vue +0 -91
  298. package/src/components/base/banner/banner.md +0 -35
  299. package/src/components/base/banner/banner.scss +0 -35
  300. package/src/components/base/banner/banner.vue +0 -131
  301. package/src/components/base/breadcrumb/breadcrumb.md +0 -23
  302. package/src/components/base/breadcrumb/breadcrumb.scss +0 -62
  303. package/src/components/base/breadcrumb/breadcrumb.vue +0 -229
  304. package/src/components/base/breadcrumb/breadcrumb_item.vue +0 -44
  305. package/src/components/base/broadcast_message/broadcast_message.md +0 -25
  306. package/src/components/base/broadcast_message/broadcast_message.scss +0 -135
  307. package/src/components/base/broadcast_message/broadcast_message.vue +0 -98
  308. package/src/components/base/broadcast_message/constants.js +0 -3
  309. package/src/components/base/button/button.md +0 -61
  310. package/src/components/base/button/button.scss +0 -699
  311. package/src/components/base/button/button.vue +0 -143
  312. package/src/components/base/button_group/button_group.md +0 -28
  313. package/src/components/base/button_group/button_group.vue +0 -16
  314. package/src/components/base/card/card.md +0 -4
  315. package/src/components/base/card/card.scss +0 -46
  316. package/src/components/base/card/card.vue +0 -49
  317. package/src/components/base/collapse/collapse.md +0 -26
  318. package/src/components/base/collapse/collapse.vue +0 -29
  319. package/src/components/base/datepicker/datepicker.md +0 -8
  320. package/src/components/base/datepicker/datepicker.scss +0 -228
  321. package/src/components/base/datepicker/datepicker.vue +0 -454
  322. package/src/components/base/daterange_picker/daterange_picker.md +0 -32
  323. package/src/components/base/daterange_picker/daterange_picker.scss +0 -20
  324. package/src/components/base/daterange_picker/daterange_picker.vue +0 -345
  325. package/src/components/base/drawer/drawer.md +0 -17
  326. package/src/components/base/drawer/drawer.scss +0 -153
  327. package/src/components/base/drawer/drawer.vue +0 -136
  328. package/src/components/base/dropdown/dropdown.md +0 -72
  329. package/src/components/base/dropdown/dropdown.scss +0 -210
  330. package/src/components/base/dropdown/dropdown.vue +0 -323
  331. package/src/components/base/dropdown/dropdown_divider.scss +0 -20
  332. package/src/components/base/dropdown/dropdown_divider.vue +0 -15
  333. package/src/components/base/dropdown/dropdown_form.vue +0 -17
  334. package/src/components/base/dropdown/dropdown_item.md +0 -2
  335. package/src/components/base/dropdown/dropdown_item.scss +0 -102
  336. package/src/components/base/dropdown/dropdown_item.vue +0 -114
  337. package/src/components/base/dropdown/dropdown_section_header.md +0 -7
  338. package/src/components/base/dropdown/dropdown_section_header.scss +0 -22
  339. package/src/components/base/dropdown/dropdown_section_header.vue +0 -17
  340. package/src/components/base/dropdown/dropdown_text.md +0 -7
  341. package/src/components/base/dropdown/dropdown_text.scss +0 -6
  342. package/src/components/base/dropdown/dropdown_text.vue +0 -17
  343. package/src/components/base/filtered_search/common_story_options.js +0 -12
  344. package/src/components/base/filtered_search/filtered_search.md +0 -76
  345. package/src/components/base/filtered_search/filtered_search.scss +0 -51
  346. package/src/components/base/filtered_search/filtered_search.vue +0 -475
  347. package/src/components/base/filtered_search/filtered_search_suggestion.md +0 -15
  348. package/src/components/base/filtered_search/filtered_search_suggestion.scss +0 -11
  349. package/src/components/base/filtered_search/filtered_search_suggestion.vue +0 -64
  350. package/src/components/base/filtered_search/filtered_search_suggestion_list.md +0 -13
  351. package/src/components/base/filtered_search/filtered_search_suggestion_list.scss +0 -36
  352. package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +0 -122
  353. package/src/components/base/filtered_search/filtered_search_term.md +0 -7
  354. package/src/components/base/filtered_search/filtered_search_term.scss +0 -19
  355. package/src/components/base/filtered_search/filtered_search_term.vue +0 -243
  356. package/src/components/base/filtered_search/filtered_search_token.md +0 -23
  357. package/src/components/base/filtered_search/filtered_search_token.scss +0 -63
  358. package/src/components/base/filtered_search/filtered_search_token.vue +0 -484
  359. package/src/components/base/filtered_search/filtered_search_token_segment.md +0 -14
  360. package/src/components/base/filtered_search/filtered_search_token_segment.scss +0 -25
  361. package/src/components/base/filtered_search/filtered_search_token_segment.vue +0 -468
  362. package/src/components/base/filtered_search/filtered_search_utils.js +0 -251
  363. package/src/components/base/form/form.md +0 -2
  364. package/src/components/base/form/form.vue +0 -17
  365. package/src/components/base/form/form_character_count/form_character_count.md +0 -53
  366. package/src/components/base/form/form_character_count/form_character_count.vue +0 -97
  367. package/src/components/base/form/form_checkbox/form_checkbox.md +0 -6
  368. package/src/components/base/form/form_checkbox/form_checkbox.scss +0 -221
  369. package/src/components/base/form/form_checkbox/form_checkbox.vue +0 -58
  370. package/src/components/base/form/form_checkbox/form_checkbox_group.vue +0 -44
  371. package/src/components/base/form/form_checkbox_tree/checkbox_tree_node.vue +0 -58
  372. package/src/components/base/form/form_checkbox_tree/form_checkbox_tree.md +0 -73
  373. package/src/components/base/form/form_checkbox_tree/form_checkbox_tree.vue +0 -116
  374. package/src/components/base/form/form_checkbox_tree/models/constants.js +0 -12
  375. package/src/components/base/form/form_checkbox_tree/models/node.js +0 -48
  376. package/src/components/base/form/form_checkbox_tree/models/tree.js +0 -186
  377. package/src/components/base/form/form_combobox/constants.js +0 -50
  378. package/src/components/base/form/form_combobox/form_combobox.md +0 -52
  379. package/src/components/base/form/form_combobox/form_combobox.scss +0 -5
  380. package/src/components/base/form/form_combobox/form_combobox.vue +0 -280
  381. package/src/components/base/form/form_date/form_date.md +0 -26
  382. package/src/components/base/form/form_date/form_date.scss +0 -7
  383. package/src/components/base/form/form_date/form_date.vue +0 -135
  384. package/src/components/base/form/form_fields/form_field_validator.vue +0 -59
  385. package/src/components/base/form/form_fields/form_fields.md +0 -41
  386. package/src/components/base/form/form_fields/form_fields.vue +0 -258
  387. package/src/components/base/form/form_fields/mappers.js +0 -11
  388. package/src/components/base/form/form_fields/validators.js +0 -49
  389. package/src/components/base/form/form_group/form_group.md +0 -1
  390. package/src/components/base/form/form_group/form_group.scss +0 -59
  391. package/src/components/base/form/form_group/form_group.vue +0 -76
  392. package/src/components/base/form/form_input/form_input.md +0 -1
  393. package/src/components/base/form/form_input/form_input.scss +0 -74
  394. package/src/components/base/form/form_input/form_input.vue +0 -98
  395. package/src/components/base/form/form_input_group/form_input_group.md +0 -67
  396. package/src/components/base/form/form_input_group/form_input_group.vue +0 -103
  397. package/src/components/base/form/form_input_group/form_input_group_mixin.js +0 -39
  398. package/src/components/base/form/form_radio/form_radio.md +0 -23
  399. package/src/components/base/form/form_radio/form_radio.scss +0 -1
  400. package/src/components/base/form/form_radio/form_radio.vue +0 -51
  401. package/src/components/base/form/form_radio_group/form_radio_group.md +0 -63
  402. package/src/components/base/form/form_radio_group/form_radio_group.scss +0 -4
  403. package/src/components/base/form/form_radio_group/form_radio_group.vue +0 -64
  404. package/src/components/base/form/form_select/constants.js +0 -5
  405. package/src/components/base/form/form_select/form_select.md +0 -1
  406. package/src/components/base/form/form_select/form_select.scss +0 -117
  407. package/src/components/base/form/form_select/form_select.vue +0 -61
  408. package/src/components/base/form/form_textarea/form_textarea.md +0 -3
  409. package/src/components/base/form/form_textarea/form_textarea.vue +0 -141
  410. package/src/components/base/form/input_group_text/input_group_text.md +0 -4
  411. package/src/components/base/form/input_group_text/input_group_text.vue +0 -17
  412. package/src/components/base/icon/icon.md +0 -27
  413. package/src/components/base/icon/icon.scss +0 -8
  414. package/src/components/base/icon/icon.vue +0 -98
  415. package/src/components/base/infinite_scroll/infinite_scroll.md +0 -104
  416. package/src/components/base/infinite_scroll/infinite_scroll.scss +0 -11
  417. package/src/components/base/infinite_scroll/infinite_scroll.vue +0 -169
  418. package/src/components/base/keyset_pagination/keyset_pagination.md +0 -49
  419. package/src/components/base/keyset_pagination/keyset_pagination.scss +0 -9
  420. package/src/components/base/keyset_pagination/keyset_pagination.vue +0 -152
  421. package/src/components/base/label/label.md +0 -15
  422. package/src/components/base/label/label.scss +0 -156
  423. package/src/components/base/label/label.vue +0 -160
  424. package/src/components/base/link/link.md +0 -22
  425. package/src/components/base/link/link.scss +0 -13
  426. package/src/components/base/link/link.vue +0 -25
  427. package/src/components/base/loading_icon/loading_icon.md +0 -3
  428. package/src/components/base/loading_icon/loading_icon.scss +0 -139
  429. package/src/components/base/loading_icon/loading_icon.vue +0 -96
  430. package/src/components/base/markdown/markdown.md +0 -73
  431. package/src/components/base/markdown/markdown.scss +0 -223
  432. package/src/components/base/markdown/markdown.vue +0 -18
  433. package/src/components/base/markdown/markdown_typescale_demo.html +0 -155
  434. package/src/components/base/modal/modal.md +0 -30
  435. package/src/components/base/modal/modal.scss +0 -130
  436. package/src/components/base/modal/modal.vue +0 -269
  437. package/src/components/base/nav/nav.md +0 -11
  438. package/src/components/base/nav/nav.scss +0 -7
  439. package/src/components/base/nav/nav.vue +0 -17
  440. package/src/components/base/nav/nav_item.vue +0 -17
  441. package/src/components/base/nav/nav_item_dropdown.vue +0 -40
  442. package/src/components/base/navbar/navbar.md +0 -4
  443. package/src/components/base/navbar/navbar.scss +0 -0
  444. package/src/components/base/navbar/navbar.vue +0 -17
  445. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +0 -507
  446. package/src/components/base/new_dropdowns/base_dropdown/constants.js +0 -2
  447. package/src/components/base/new_dropdowns/constants.js +0 -20
  448. package/src/components/base/new_dropdowns/disclosure/constants.js +0 -6
  449. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +0 -168
  450. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.scss +0 -17
  451. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.vue +0 -458
  452. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.vue +0 -104
  453. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.vue +0 -131
  454. package/src/components/base/new_dropdowns/disclosure/mock_data.js +0 -201
  455. package/src/components/base/new_dropdowns/disclosure/utils.js +0 -70
  456. package/src/components/base/new_dropdowns/dropdown.scss +0 -243
  457. package/src/components/base/new_dropdowns/dropdown_item.scss +0 -134
  458. package/src/components/base/new_dropdowns/listbox/listbox.md +0 -159
  459. package/src/components/base/new_dropdowns/listbox/listbox.scss +0 -53
  460. package/src/components/base/new_dropdowns/listbox/listbox.vue +0 -940
  461. package/src/components/base/new_dropdowns/listbox/listbox_group.vue +0 -35
  462. package/src/components/base/new_dropdowns/listbox/listbox_item.vue +0 -77
  463. package/src/components/base/new_dropdowns/listbox/listbox_search_input.vue +0 -76
  464. package/src/components/base/new_dropdowns/listbox/mock_data.js +0 -139
  465. package/src/components/base/new_dropdowns/listbox/utils.js +0 -25
  466. package/src/components/base/paginated_list/paginated_list.md +0 -1
  467. package/src/components/base/paginated_list/paginated_list.vue +0 -179
  468. package/src/components/base/pagination/pagination.md +0 -45
  469. package/src/components/base/pagination/pagination.scss +0 -57
  470. package/src/components/base/pagination/pagination.vue +0 -498
  471. package/src/components/base/path/data.js +0 -43
  472. package/src/components/base/path/path.md +0 -41
  473. package/src/components/base/path/path.scss +0 -163
  474. package/src/components/base/path/path.vue +0 -191
  475. package/src/components/base/popover/popover.scss +0 -102
  476. package/src/components/base/popover/popover.vue +0 -111
  477. package/src/components/base/progress_bar/progress_bar.scss +0 -19
  478. package/src/components/base/progress_bar/progress_bar.vue +0 -15
  479. package/src/components/base/search_box_by_click/search_box_by_click.md +0 -1
  480. package/src/components/base/search_box_by_click/search_box_by_click.scss +0 -49
  481. package/src/components/base/search_box_by_click/search_box_by_click.vue +0 -296
  482. package/src/components/base/search_box_by_type/search_box_by_type.md +0 -1
  483. package/src/components/base/search_box_by_type/search_box_by_type.scss +0 -70
  484. package/src/components/base/search_box_by_type/search_box_by_type.vue +0 -159
  485. package/src/components/base/segmented_control/segmented_control.md +0 -1
  486. package/src/components/base/segmented_control/segmented_control.scss +0 -179
  487. package/src/components/base/segmented_control/segmented_control.vue +0 -77
  488. package/src/components/base/skeleton_loader/skeleton_loader.md +0 -46
  489. package/src/components/base/skeleton_loader/skeleton_loader.scss +0 -17
  490. package/src/components/base/skeleton_loader/skeleton_loader.vue +0 -249
  491. package/src/components/base/sorting/sorting.md +0 -80
  492. package/src/components/base/sorting/sorting.vue +0 -160
  493. package/src/components/base/table/constants.js +0 -48
  494. package/src/components/base/table/table.md +0 -72
  495. package/src/components/base/table/table.scss +0 -145
  496. package/src/components/base/table/table.vue +0 -144
  497. package/src/components/base/table_lite/table_lite.md +0 -68
  498. package/src/components/base/table_lite/table_lite.vue +0 -43
  499. package/src/components/base/tabs/constants.js +0 -1
  500. package/src/components/base/tabs/tab/tab.vue +0 -57
  501. package/src/components/base/tabs/tabs/scrollable_tabs.vue +0 -140
  502. package/src/components/base/tabs/tabs/tabs.md +0 -76
  503. package/src/components/base/tabs/tabs/tabs.scss +0 -164
  504. package/src/components/base/tabs/tabs/tabs.vue +0 -282
  505. package/src/components/base/toast/toast.js +0 -93
  506. package/src/components/base/toast/toast.md +0 -48
  507. package/src/components/base/toast/toast.scss +0 -62
  508. package/src/components/base/toggle/toggle.md +0 -4
  509. package/src/components/base/toggle/toggle.scss +0 -177
  510. package/src/components/base/toggle/toggle.vue +0 -194
  511. package/src/components/base/token/token.md +0 -12
  512. package/src/components/base/token/token.scss +0 -44
  513. package/src/components/base/token/token.vue +0 -67
  514. package/src/components/base/token_selector/helpers.js +0 -3
  515. package/src/components/base/token_selector/token_container.vue +0 -184
  516. package/src/components/base/token_selector/token_selector.md +0 -78
  517. package/src/components/base/token_selector/token_selector.scss +0 -19
  518. package/src/components/base/token_selector/token_selector.vue +0 -489
  519. package/src/components/base/token_selector/token_selector_dropdown.vue +0 -257
  520. package/src/components/base/tooltip/tooltip.md +0 -52
  521. package/src/components/base/tooltip/tooltip.scss +0 -52
  522. package/src/components/base/tooltip/tooltip.vue +0 -31
  523. package/src/components/charts/area/area.vue +0 -372
  524. package/src/components/charts/bar/bar.md +0 -3
  525. package/src/components/charts/bar/bar.vue +0 -237
  526. package/src/components/charts/chart/chart.md +0 -19
  527. package/src/components/charts/chart/chart.vue +0 -188
  528. package/src/components/charts/column/column.vue +0 -204
  529. package/src/components/charts/discrete_scatter/discrete_scatter.vue +0 -207
  530. package/src/components/charts/gauge/gauge.md +0 -8
  531. package/src/components/charts/gauge/gauge.scss +0 -0
  532. package/src/components/charts/gauge/gauge.vue +0 -178
  533. package/src/components/charts/heatmap/heatmap.md +0 -7
  534. package/src/components/charts/heatmap/heatmap.scss +0 -7
  535. package/src/components/charts/heatmap/heatmap.vue +0 -290
  536. package/src/components/charts/heatmap/index.js +0 -3
  537. package/src/components/charts/legend/legend.md +0 -16
  538. package/src/components/charts/legend/legend.scss +0 -97
  539. package/src/components/charts/legend/legend.vue +0 -284
  540. package/src/components/charts/line/line.md +0 -7
  541. package/src/components/charts/line/line.vue +0 -368
  542. package/src/components/charts/series_label/series_label.md +0 -1
  543. package/src/components/charts/series_label/series_label.scss +0 -23
  544. package/src/components/charts/series_label/series_label.vue +0 -85
  545. package/src/components/charts/single_stat/single_stat.md +0 -8
  546. package/src/components/charts/single_stat/single_stat.scss +0 -17
  547. package/src/components/charts/single_stat/single_stat.vue +0 -158
  548. package/src/components/charts/sparkline/sparkline.md +0 -8
  549. package/src/components/charts/sparkline/sparkline.vue +0 -308
  550. package/src/components/charts/stacked_column/stacked_column.md +0 -10
  551. package/src/components/charts/stacked_column/stacked_column.vue +0 -330
  552. package/src/components/charts/tooltip/tooltip.md +0 -3
  553. package/src/components/charts/tooltip/tooltip.scss +0 -9
  554. package/src/components/charts/tooltip/tooltip.vue +0 -253
  555. package/src/components/experimental/duo/chat/duo_chat.scss +0 -168
  556. package/src/components/experimental/experiment_badge/constants.js +0 -2
  557. package/src/components/experimental/experiment_badge/experiment_badge.md +0 -9
  558. package/src/components/experimental/experiment_badge/experiment_badge.vue +0 -113
  559. package/src/components/mixins/button_mixin.js +0 -9
  560. package/src/components/mixins/safe_link_mixin.js +0 -28
  561. package/src/components/mixins/tooltip_mixin.js +0 -21
  562. package/src/components/regions/dashboard_skeleton/dashboard_skeleton.md +0 -4
  563. package/src/components/regions/dashboard_skeleton/dashboard_skeleton.vue +0 -40
  564. package/src/components/regions/empty_state/empty_state.md +0 -4
  565. package/src/components/regions/empty_state/empty_state.scss +0 -3
  566. package/src/components/regions/empty_state/empty_state.vue +0 -187
  567. package/src/components/shared_components/charts/tooltip_default_format.scss +0 -18
  568. package/src/components/shared_components/charts/tooltip_default_format.vue +0 -32
  569. package/src/components/shared_components/clear_icon_button/clear_icon_button.scss +0 -10
  570. package/src/components/shared_components/clear_icon_button/clear_icon_button.vue +0 -43
  571. package/src/components/shared_components/close_button/close_button.vue +0 -29
  572. package/src/components/utilities/animated_number/animated_number.md +0 -6
  573. package/src/components/utilities/animated_number/animated_number.vue +0 -99
  574. package/src/components/utilities/friendly_wrap/friendly_wrap.md +0 -66
  575. package/src/components/utilities/friendly_wrap/friendly_wrap.vue +0 -33
  576. package/src/components/utilities/intersection_observer/intersection_observer.md +0 -16
  577. package/src/components/utilities/intersection_observer/intersection_observer.vue +0 -67
  578. package/src/components/utilities/intersperse/intersperse.md +0 -90
  579. package/src/components/utilities/intersperse/intersperse.vue +0 -60
  580. package/src/components/utilities/sprintf/sprintf.md +0 -243
  581. package/src/components/utilities/sprintf/sprintf.vue +0 -142
  582. package/src/components/utilities/truncate/constants.js +0 -5
  583. package/src/components/utilities/truncate/truncate.md +0 -14
  584. package/src/components/utilities/truncate/truncate.scss +0 -21
  585. package/src/components/utilities/truncate/truncate.vue +0 -109
  586. package/src/components/utilities/truncate_text/constants.js +0 -5
  587. package/src/components/utilities/truncate_text/truncate_text.md +0 -26
  588. package/src/components/utilities/truncate_text/truncate_text.scss +0 -14
  589. package/src/components/utilities/truncate_text/truncate_text.vue +0 -124
  590. package/src/directives/collapse_toggle.js +0 -1
  591. package/src/directives/hover_load/hover_load.js +0 -46
  592. package/src/directives/hover_load/hover_load.md +0 -22
  593. package/src/directives/modal.js +0 -1
  594. package/src/directives/outside/outside.js +0 -151
  595. package/src/directives/outside/outside.md +0 -140
  596. package/src/directives/resize_observer/resize_observer.js +0 -45
  597. package/src/directives/resize_observer/resize_observer.md +0 -54
  598. package/src/directives/safe_html/constants.js +0 -14
  599. package/src/directives/safe_html/safe_html.js +0 -35
  600. package/src/directives/safe_html/safe_html.md +0 -58
  601. package/src/directives/safe_link/mock_data.js +0 -33
  602. package/src/directives/safe_link/safe_link.js +0 -56
  603. package/src/directives/safe_link/safe_link.md +0 -37
  604. package/src/directives/tooltip.js +0 -1
  605. package/src/internal/color_contrast/color_contrast.md +0 -8
  606. package/src/internal/color_contrast/color_contrast.vue +0 -52
  607. package/src/scss/README.md +0 -1
  608. package/src/scss/body.scss +0 -4
  609. package/src/scss/bootstrap.scss +0 -34
  610. package/src/scss/bootstrap_vue.scss +0 -25
  611. package/src/scss/fonts.scss +0 -67
  612. package/src/scss/functions.scss +0 -63
  613. package/src/scss/gitlab_ui.scss +0 -19
  614. package/src/scss/mixins.scss +0 -262
  615. package/src/scss/storybook.scss +0 -43
  616. package/src/scss/storybook_dark_mode.scss +0 -21
  617. package/src/scss/tokens.scss +0 -2
  618. package/src/scss/typescale/_index.scss +0 -103
  619. package/src/scss/typescale/typeface_demo.html +0 -70
  620. package/src/scss/typescale/typescale.md +0 -82
  621. package/src/scss/typescale/typescale_demo.html +0 -78
  622. package/src/scss/typescale/typescale_demo.scss +0 -8
  623. package/src/scss/utilities.scss +0 -9196
  624. package/src/scss/utility-mixins/accessibility.scss +0 -19
  625. package/src/scss/utility-mixins/animation.scss +0 -90
  626. package/src/scss/utility-mixins/background.scss +0 -421
  627. package/src/scss/utility-mixins/border.scss +0 -498
  628. package/src/scss/utility-mixins/box-shadow.scss +0 -220
  629. package/src/scss/utility-mixins/clearfix.scss +0 -9
  630. package/src/scss/utility-mixins/color.scss +0 -228
  631. package/src/scss/utility-mixins/composite.scss +0 -24
  632. package/src/scss/utility-mixins/cursor.scss +0 -36
  633. package/src/scss/utility-mixins/deprecated.scss +0 -20
  634. package/src/scss/utility-mixins/display.scss +0 -192
  635. package/src/scss/utility-mixins/flex.scss +0 -360
  636. package/src/scss/utility-mixins/grid.scss +0 -50
  637. package/src/scss/utility-mixins/image.scss +0 -8
  638. package/src/scss/utility-mixins/index.scss +0 -47
  639. package/src/scss/utility-mixins/list-style.scss +0 -12
  640. package/src/scss/utility-mixins/opacity.scss +0 -32
  641. package/src/scss/utility-mixins/outline.scss +0 -12
  642. package/src/scss/utility-mixins/overflow.scss +0 -45
  643. package/src/scss/utility-mixins/pointer-events.scss +0 -12
  644. package/src/scss/utility-mixins/sizing.scss +0 -582
  645. package/src/scss/utility-mixins/spacing.scss +0 -1564
  646. package/src/scss/utility-mixins/svg.scss +0 -79
  647. package/src/scss/utility-mixins/text.scss +0 -183
  648. package/src/scss/utility-mixins/transform.scss +0 -58
  649. package/src/scss/utility-mixins/transition.scss +0 -44
  650. package/src/scss/utility-mixins/typography.scss +0 -381
  651. package/src/scss/utility-mixins/vertical-align.scss +0 -22
  652. package/src/scss/utility-mixins/visibility.scss +0 -12
  653. package/src/scss/utility-mixins/z-index.scss +0 -37
  654. package/src/scss/variables.scss +0 -337
  655. package/src/tokens/action.tokens.json +0 -566
  656. package/src/tokens/background.tokens.json +0 -62
  657. package/src/tokens/border.tokens.json +0 -43
  658. package/src/tokens/build/css/tokens.css +0 -953
  659. package/src/tokens/build/css/tokens.dark.css +0 -953
  660. package/src/tokens/build/js/tokens.dark.js +0 -951
  661. package/src/tokens/build/js/tokens.js +0 -951
  662. package/src/tokens/build/json/tokens.dark.json +0 -21803
  663. package/src/tokens/build/scss/_tokens.dark.scss +0 -950
  664. package/src/tokens/build/scss/_tokens.scss +0 -950
  665. package/src/tokens/build/scss/_tokens_custom_properties.scss +0 -951
  666. package/src/tokens/build/tailwind/tokens.cjs +0 -336
  667. package/src/tokens/color.alpha.tokens.json +0 -70
  668. package/src/tokens/color.constant.tokens.json +0 -660
  669. package/src/tokens/color.data_viz.tokens.json +0 -509
  670. package/src/tokens/common_story_options.js +0 -25
  671. package/src/tokens/contextual/alert.tokens.json +0 -209
  672. package/src/tokens/contextual/avatar.tokens.json +0 -112
  673. package/src/tokens/contextual/badge.tokens.json +0 -879
  674. package/src/tokens/contextual/banner.tokens.json +0 -38
  675. package/src/tokens/contextual/breadcrumb.tokens.json +0 -11
  676. package/src/tokens/contextual/broadcast.tokens.json +0 -222
  677. package/src/tokens/contextual/button.tokens.json +0 -874
  678. package/src/tokens/contextual/datepicker.tokens.json +0 -25
  679. package/src/tokens/contextual/dropdown.tokens.json +0 -148
  680. package/src/tokens/contextual/filtered-search.tokens.json +0 -72
  681. package/src/tokens/contextual/label.tokens.json +0 -118
  682. package/src/tokens/contextual/link.tokens.json +0 -46
  683. package/src/tokens/contextual/progress-bar.tokens.json +0 -38
  684. package/src/tokens/contextual/skeleton-loader.tokens.json +0 -24
  685. package/src/tokens/contextual/spinner.tokens.json +0 -38
  686. package/src/tokens/contextual/table.tokens.json +0 -24
  687. package/src/tokens/contextual/tabs.tokens.json +0 -18
  688. package/src/tokens/contextual/toggle.tokens.json +0 -59
  689. package/src/tokens/contextual/token.tokens.json +0 -21
  690. package/src/tokens/control.tokens.json +0 -177
  691. package/src/tokens/deprecated.color.theme.tokens.json +0 -736
  692. package/src/tokens/deprecated.color.tokens.json +0 -800
  693. package/src/tokens/deprecated.color.transparency.tokens.json +0 -110
  694. package/src/tokens/feedback.tokens.json +0 -200
  695. package/src/tokens/focus-ring.tokens.json +0 -21
  696. package/src/tokens/icon.tokens.json +0 -78
  697. package/src/tokens/line_height.tokens.json +0 -74
  698. package/src/tokens/shadow.tokens.json +0 -14
  699. package/src/tokens/status.tokens.json +0 -196
  700. package/src/tokens/text.tokens.json +0 -105
  701. package/src/tokens/tokens_story.vue +0 -84
  702. package/src/tokens/tokens_table.vue +0 -248
  703. package/src/utils/breakpoints.js +0 -21
  704. package/src/utils/charts/config.js +0 -514
  705. package/src/utils/charts/constants.js +0 -61
  706. package/src/utils/charts/mock_data.js +0 -259
  707. package/src/utils/charts/story_config.js +0 -21
  708. package/src/utils/charts/theme.js +0 -344
  709. package/src/utils/charts/utils.js +0 -49
  710. package/src/utils/constants.js +0 -347
  711. package/src/utils/data_utils.js +0 -28
  712. package/src/utils/datetime_utility.js +0 -63
  713. package/src/utils/i18n.js +0 -62
  714. package/src/utils/is_slot_empty.js +0 -40
  715. package/src/utils/number_utils.js +0 -120
  716. package/src/utils/play_utils.js +0 -9
  717. package/src/utils/set_utils.js +0 -24
  718. package/src/utils/stories_constants.js +0 -30
  719. package/src/utils/stories_utils.js +0 -5
  720. package/src/utils/story_decorators/container.js +0 -14
  721. package/src/utils/string_utils.js +0 -79
  722. package/src/utils/svgs/svg_paths.js +0 -10
  723. package/src/utils/use_fake_date.js +0 -27
  724. package/src/utils/use_mock_intersection_observer.js +0 -96
  725. package/src/utils/utils.js +0 -206
  726. package/src/utils.js +0 -4
  727. package/tailwind.defaults.js +0 -543
  728. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/constants.js +0 -0
  729. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.vue +0 -0
  730. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_category_items.vue +0 -0
  731. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_item.vue +0 -0
  732. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items.vue +0 -0
  733. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.vue +0 -0
  734. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.vue +0 -0
  735. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/mock_context_data.js +0 -0
  736. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_context/utils.js +0 -0
  737. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_conversation/duo_chat_conversation.md +0 -0
  738. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_conversation/duo_chat_conversation.vue +0 -0
  739. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_loader/duo_chat_loader.md +0 -0
  740. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_loader/duo_chat_loader.scss +0 -0
  741. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_loader/duo_chat_loader.vue +0 -0
  742. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message/buttons_utils.js +0 -0
  743. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message/copy_code_element.js +0 -0
  744. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message/duo_chat_message.md +0 -0
  745. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message/insert_code_snippet_element.js +0 -0
  746. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message/utils.js +0 -0
  747. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message_sources/duo_chat_message_sources.md +0 -0
  748. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_message_sources/duo_chat_message_sources.vue +0 -0
  749. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.md +0 -0
  750. /package/src/components/{experimental/duo/chat → chat}/components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.vue +0 -0
  751. /package/src/components/{experimental/duo/chat → chat}/constants.js +0 -0
  752. /package/src/components/{experimental/duo/chat → chat}/duo_chat.md +0 -0
  753. /package/src/components/{experimental/duo/chat → chat}/duo_chat.vue +0 -0
  754. /package/src/components/{experimental/duo/chat → chat}/markdown_renderer.js +0 -0
  755. /package/src/components/{experimental/duo/user_feedback → user_feedback}/user_feedback.md +0 -0
  756. /package/src/components/{experimental/duo/user_feedback → user_feedback}/user_feedback.vue +0 -0
  757. /package/src/components/{experimental/duo/user_feedback → user_feedback}/user_feedback_modal.vue +0 -0
  758. /package/src/components/{experimental/duo/workflow → workflow}/components/duo_workflow_panel/duo_workflow_panel.md +0 -0
  759. /package/src/components/{experimental/duo/workflow → workflow}/components/duo_workflow_panel/duo_workflow_panel.vue +0 -0
  760. /package/src/components/{experimental/duo/workflow → workflow}/components/duo_workflow_prompt/duo_workflow_prompt.md +0 -0
  761. /package/src/components/{experimental/duo/workflow → workflow}/components/duo_workflow_prompt/duo_workflow_prompt.vue +0 -0
package/dist/tokens/css/tokens.dark.css DELETED
@@ -1,953 +0,0 @@
1
- /**
2
- * Automatically generated
3
- * Do not edit directly
4
- */
5
-
6
- :root.gl-dark {
7
- --gl-text-tertiary: #737278; /* Use text.color.disabled instead. */
8
- --gl-text-secondary: #89888d; /* Use text.color.subtle instead. */
9
- --gl-text-primary: #ececef; /* Use text.color.default instead. */
10
- --gl-line-height-52: 3.25rem;
11
- --gl-line-height-44: 2.75rem;
12
- --gl-line-height-42: 2.625rem;
13
- --gl-line-height-36: 2.25rem;
14
- --gl-line-height-32: 2rem;
15
- --gl-line-height-28: 1.75rem;
16
- --gl-line-height-24: 1.5rem;
17
- --gl-line-height-20: 1.25rem;
18
- --gl-line-height-16: 1rem;
19
- --gl-line-height-12: 0.75rem;
20
- --t-white-a-08: rgba(255, 255, 255, 0.08); /* Use color.alpha.light.8 instead. */
21
- --t-white-a-06: rgba(255, 255, 255, 0.06); /* Use color.alpha.light.6 instead. */
22
- --t-white-a-04: rgba(255, 255, 255, 0.04); /* Use color.alpha.light.4 instead. */
23
- --t-white-a-02: rgba(255, 255, 255, 0.02); /* Use color.alpha.light.2 instead. */
24
- --t-white-a-36: rgba(255, 255, 255, 0.36); /* Use color.alpha.light.36 instead. */
25
- --t-white-a-24: rgba(255, 255, 255, 0.24); /* Use color.alpha.light.24 instead. */
26
- --t-white-a-16: rgba(255, 255, 255, 0.16); /* Use color.alpha.light.16 instead. */
27
- --t-gray-a-08: rgba(05, 05, 06, 0.08); /* Use color.alpha.dark.8 instead. */
28
- --t-gray-a-06: rgba(05, 05, 06, 0.06); /* Use color.alpha.dark.6 instead. */
29
- --t-gray-a-04: rgba(05, 05, 06, 0.04); /* Use color.alpha.dark.4 instead. */
30
- --t-gray-a-02: rgba(05, 05, 06, 0.02); /* Use color.alpha.dark.2 instead. */
31
- --t-gray-a-24: rgba(05, 05, 06, 0.24); /* Use color.alpha.dark.24 instead. */
32
- --t-gray-a-16: rgba(05, 05, 06, 0.16); /* Use color.alpha.dark.16 instead. */
33
- --brand-gray-05: #2b2838; /* Use color.brand-gray.05 instead. */
34
- --brand-gray-04: #45424d; /* Use color.brand-gray.04 instead. */
35
- --brand-gray-03: #74717a; /* Use color.brand-gray.03 instead. */
36
- --brand-gray-02: #a2a1a6; /* Use color.brand-gray.02 instead. */
37
- --brand-gray-01: #d1d0d3; /* Use color.brand-gray.01 instead. */
38
- --brand-purple-02: #7759c2; /* Use color.purple.02p instead. */
39
- --brand-purple-01: #a989f5; /* Use color.purple.01p instead. */
40
- --brand-orange-03: #e24329; /* Use color.brand-orange.03p instead. */
41
- --brand-orange-02: #fc6d26; /* Use color.brand-orange.02p instead. */
42
- --brand-orange-01: #fca326; /* Use color.brand-orange.01p instead. */
43
- --brand-charcoal: #171321; /* Use color.brand-charcoal instead. */
44
- --red-950: #fff4f3;
45
- --red-900: #fcf1ef;
46
- --red-800: #fdd4cd;
47
- --red-700: #fcb5aa;
48
- --red-600: #f57f6c;
49
- --red-500: #ec5941;
50
- --red-400: #dd2b0e;
51
- --red-300: #c91c00;
52
- --red-200: #ae1800;
53
- --red-100: #8d1300;
54
- --red-50: #660e00;
55
- --purple-950: #f4f0ff;
56
- --purple-900: #e1d8f9;
57
- --purple-800: #cbbbf2;
58
- --purple-700: #ac93e6;
59
- --purple-600: #9475db;
60
- --purple-500: #7b58cf;
61
- --purple-400: #694cc0;
62
- --purple-300: #5943b6;
63
- --purple-200: #453894;
64
- --purple-100: #2f2a6b;
65
- --purple-50: #232150;
66
- --orange-950: #fff4e1;
67
- --orange-900: #fdf1dd;
68
- --orange-800: #f5d9a8;
69
- --orange-700: #e9be74;
70
- --orange-600: #d99530;
71
- --orange-500: #c17d10;
72
- --orange-400: #ab6100;
73
- --orange-300: #9e5400;
74
- --orange-200: #8f4700;
75
- --orange-100: #703800;
76
- --orange-50: #5c2900;
77
- --green-950: #f1fdf6;
78
- --green-900: #ecf4ee;
79
- --green-800: #c3e6cd;
80
- --green-700: #91d4a8;
81
- --green-600: #52b87a;
82
- --green-500: #2da160;
83
- --green-400: #108548;
84
- --green-300: #217645;
85
- --green-200: #24663b;
86
- --green-100: #0d532a;
87
- --green-50: #0a4020;
88
- --gray-950: #fbfafd;
89
- --gray-900: #ececef;
90
- --gray-800: #dcdcde;
91
- --gray-700: #bfbfc3;
92
- --gray-600: #a4a3a8;
93
- --gray-500: #89888d;
94
- --gray-400: #737278;
95
- --gray-300: #626168;
96
- --gray-200: #4c4b51;
97
- --gray-100: #3a383f;
98
- --gray-50: #28272d;
99
- --gray-10: #18171d;
100
- --blue-950: #f2f9ff;
101
- --blue-900: #e9f3fc;
102
- --blue-800: #cbe2f9;
103
- --blue-700: #9dc7f1;
104
- --blue-600: #63a6e9;
105
- --blue-500: #428fdc;
106
- --blue-400: #1f75cb;
107
- --blue-300: #1068bf;
108
- --blue-200: #0b5cad;
109
- --blue-100: #064787;
110
- --blue-50: #033464;
111
- --white: #28272d;
112
- --black: #fff;
113
- --theme-light-red-950: #fdf9f8;
114
- --theme-light-red-900: #faf2f1;
115
- --theme-light-red-800: #f6d9d5;
116
- --theme-light-red-700: #ebada2;
117
- --theme-light-red-600: #e07f6f;
118
- --theme-light-red-500: #d36250;
119
- --theme-light-red-400: #c24b38;
120
- --theme-light-red-300: #b53a26;
121
- --theme-light-red-200: #a02e1c;
122
- --theme-light-red-100: #8b2212;
123
- --theme-light-red-50: #751709;
124
- --theme-light-red-10: #5c1105;
125
- --theme-red-950: #faf4f3;
126
- --theme-red-900: #f4e9e7;
127
- --theme-red-800: #ecd3d0;
128
- --theme-red-700: #e3bab5;
129
- --theme-red-600: #d59086;
130
- --theme-red-500: #c66e60;
131
- --theme-red-400: #ad4a3b;
132
- --theme-red-300: #a13322;
133
- --theme-red-200: #8f2110;
134
- --theme-red-100: #761405;
135
- --theme-red-50: #580d02;
136
- --theme-red-10: #380700;
137
- --theme-green-950: #eef4ef;
138
- --theme-green-900: #dde9de;
139
- --theme-green-800: #b1d6b5;
140
- --theme-green-700: #8cc497;
141
- --theme-green-600: #69af7d;
142
- --theme-green-500: #499767;
143
- --theme-green-400: #308258;
144
- --theme-green-300: #25744c;
145
- --theme-green-200: #1b653f;
146
- --theme-green-100: #155635;
147
- --theme-green-50: #0e4328;
148
- --theme-green-10: #052e19;
149
- --theme-light-blue-950: #eef3f7;
150
- --theme-light-blue-900: #dde6ee;
151
- --theme-light-blue-800: #c1d4e6;
152
- --theme-light-blue-700: #a0bedc;
153
- --theme-light-blue-600: #74a3d3;
154
- --theme-light-blue-500: #4f8bc7;
155
- --theme-light-blue-400: #3476b9;
156
- --theme-light-blue-300: #2268ae;
157
- --theme-light-blue-200: #145aa1;
158
- --theme-light-blue-100: #0e4d8d;
159
- --theme-light-blue-50: #0c4277;
160
- --theme-light-blue-10: #0a3764;
161
- --theme-blue-950: #e6ecf0;
162
- --theme-blue-900: #cdd8e3;
163
- --theme-blue-800: #b9cadc;
164
- --theme-blue-700: #a6bdd5;
165
- --theme-blue-600: #81a5c9;
166
- --theme-blue-500: #628eb9;
167
- --theme-blue-400: #4977a5;
168
- --theme-blue-300: #346596;
169
- --theme-blue-200: #235180;
170
- --theme-blue-100: #153c63;
171
- --theme-blue-50: #0b2640;
172
- --theme-blue-10: #04101c;
173
- --theme-indigo-950: #f8f8ff;
174
- --theme-indigo-900: #f1f1ff;
175
- --theme-indigo-800: #dbdbf8;
176
- --theme-indigo-700: #c7c7f2;
177
- --theme-indigo-600: #a2a2e6;
178
- --theme-indigo-500: #8181d7;
179
- --theme-indigo-400: #6666c4;
180
- --theme-indigo-300: #5252b5;
181
- --theme-indigo-200: #41419f;
182
- --theme-indigo-100: #303083;
183
- --theme-indigo-50: #222261;
184
- --theme-indigo-10: #14143d;
185
- --gl-avatar-fallback-background-color-neutral: #bfbfc33d; /* Neutral background for avatar fallback with no particular meaning. */
186
- --gl-avatar-fallback-background-color-orange: #e9be743d; /* Orange background for avatar fallback with no particular meaning. */
187
- --gl-avatar-fallback-background-color-green: #91d4a83d; /* Green background for avatar fallback with no particular meaning. */
188
- --gl-avatar-fallback-background-color-blue: #9dc7f13d; /* Blue background for avatar fallback with no particular meaning. */
189
- --gl-avatar-fallback-background-color-purple: #cbbbf23d; /* Purple background for avatar fallback with no particular meaning. */
190
- --gl-avatar-fallback-background-color-red: #fcb5aa3d; /* Red background for avatar fallback with no particular meaning. */
191
- --data-viz-orange-950: #fae8d1;
192
- --data-viz-orange-900: #f5d6b3;
193
- --data-viz-orange-800: #eebd8c;
194
- --data-viz-orange-700: #e99b60;
195
- --data-viz-orange-600: #e07e41;
196
- --data-viz-orange-500: #c95d2e;
197
- --data-viz-orange-400: #b14f18;
198
- --data-viz-orange-300: #92430a;
199
- --data-viz-orange-200: #6f3500;
200
- --data-viz-orange-100: #5e2f05;
201
- --data-viz-orange-50: #4b2707;
202
- --data-viz-magenta-950: #ffe3eb;
203
- --data-viz-magenta-900: #ffccdb;
204
- --data-viz-magenta-800: #fcacc5;
205
- --data-viz-magenta-700: #f88aaf;
206
- --data-viz-magenta-600: #e86e9a;
207
- --data-viz-magenta-500: #cf4d81;
208
- --data-viz-magenta-400: #b93d71;
209
- --data-viz-magenta-300: #9a2e5d;
210
- --data-viz-magenta-200: #7c214f;
211
- --data-viz-magenta-100: #661e3a;
212
- --data-viz-magenta-50: #541d31;
213
- --data-viz-blue-950: #e9ebff;
214
- --data-viz-blue-900: #d2dcff;
215
- --data-viz-blue-800: #b7c6ff;
216
- --data-viz-blue-700: #97acff;
217
- --data-viz-blue-600: #7992f5;
218
- --data-viz-blue-500: #617ae2;
219
- --data-viz-blue-400: #4e65cd;
220
- --data-viz-blue-300: #3f51ae;
221
- --data-viz-blue-200: #374291;
222
- --data-viz-blue-100: #303470;
223
- --data-viz-blue-50: #2a2b59;
224
- --data-viz-aqua-950: #b5fefd;
225
- --data-viz-aqua-900: #93f2ef;
226
- --data-viz-aqua-800: #5edee3;
227
- --data-viz-aqua-700: #32c5d2;
228
- --data-viz-aqua-600: #00acc4;
229
- --data-viz-aqua-500: #0090b1;
230
- --data-viz-aqua-400: #007b9b;
231
- --data-viz-aqua-300: #006381;
232
- --data-viz-aqua-200: #00516c;
233
- --data-viz-aqua-100: #004059;
234
- --data-viz-aqua-50: #00344b;
235
- --data-viz-green-950: #ddfab7;
236
- --data-viz-green-900: #c6ed94;
237
- --data-viz-green-800: #b0d97b;
238
- --data-viz-green-700: #94c25e;
239
- --data-viz-green-600: #81ac41;
240
- --data-viz-green-500: #619025;
241
- --data-viz-green-400: #4e7f0e;
242
- --data-viz-green-300: #366800;
243
- --data-viz-green-200: #275600;
244
- --data-viz-green-100: #1a4500;
245
- --data-viz-green-50: #133a03;
246
- --gl-color-brand-pink-01g: #ffb9c9;
247
- --gl-color-brand-gray-05: #2b2838;
248
- --gl-color-brand-gray-04: #45424d;
249
- --gl-color-brand-gray-03: #74717a;
250
- --gl-color-brand-gray-02: #a2a1a6;
251
- --gl-color-brand-gray-01: #d1d0d3;
252
- --gl-color-brand-purple-02p: #7759c2;
253
- --gl-color-brand-purple-01p: #a989f5;
254
- --gl-color-brand-purple-01g: #ceb3ef;
255
- --gl-color-brand-orange-03p: #e24329;
256
- --gl-color-brand-orange-02p: #fc6d26;
257
- --gl-color-brand-orange-01p: #fca326;
258
- --gl-color-brand-orange-01g: #ffd1bf;
259
- --gl-color-brand-charcoal: #171321;
260
- --gl-color-brand-white: #fff;
261
- --gl-color-theme-light-red-950: #5c1105;
262
- --gl-color-theme-light-red-900: #751709;
263
- --gl-color-theme-light-red-800: #8b2212;
264
- --gl-color-theme-light-red-700: #a02e1c;
265
- --gl-color-theme-light-red-600: #b53a26;
266
- --gl-color-theme-light-red-500: #c24b38;
267
- --gl-color-theme-light-red-400: #d36250;
268
- --gl-color-theme-light-red-300: #e07f6f;
269
- --gl-color-theme-light-red-200: #ebada2;
270
- --gl-color-theme-light-red-100: #f6d9d5;
271
- --gl-color-theme-light-red-50: #faf2f1;
272
- --gl-color-theme-light-red-10: #fdf9f8;
273
- --gl-color-theme-red-950: #380700;
274
- --gl-color-theme-red-900: #580d02;
275
- --gl-color-theme-red-800: #761405;
276
- --gl-color-theme-red-700: #8f2110;
277
- --gl-color-theme-red-600: #a13322;
278
- --gl-color-theme-red-500: #ad4a3b;
279
- --gl-color-theme-red-400: #c66e60;
280
- --gl-color-theme-red-300: #d59086;
281
- --gl-color-theme-red-200: #e3bab5;
282
- --gl-color-theme-red-100: #ecd3d0;
283
- --gl-color-theme-red-50: #f4e9e7;
284
- --gl-color-theme-red-10: #faf4f3;
285
- --gl-color-theme-green-950: #052e19;
286
- --gl-color-theme-green-900: #0e4328;
287
- --gl-color-theme-green-800: #155635;
288
- --gl-color-theme-green-700: #1b653f;
289
- --gl-color-theme-green-600: #25744c;
290
- --gl-color-theme-green-500: #308258;
291
- --gl-color-theme-green-400: #499767;
292
- --gl-color-theme-green-300: #69af7d;
293
- --gl-color-theme-green-200: #8cc497;
294
- --gl-color-theme-green-100: #b1d6b5;
295
- --gl-color-theme-green-50: #dde9de;
296
- --gl-color-theme-green-10: #eef4ef;
297
- --gl-color-theme-light-blue-950: #0a3764;
298
- --gl-color-theme-light-blue-900: #0c4277;
299
- --gl-color-theme-light-blue-800: #0e4d8d;
300
- --gl-color-theme-light-blue-700: #145aa1;
301
- --gl-color-theme-light-blue-600: #2268ae;
302
- --gl-color-theme-light-blue-500: #3476b9;
303
- --gl-color-theme-light-blue-400: #4f8bc7;
304
- --gl-color-theme-light-blue-300: #74a3d3;
305
- --gl-color-theme-light-blue-200: #a0bedc;
306
- --gl-color-theme-light-blue-100: #c1d4e6;
307
- --gl-color-theme-light-blue-50: #dde6ee;
308
- --gl-color-theme-light-blue-10: #eef3f7;
309
- --gl-color-theme-blue-950: #04101c;
310
- --gl-color-theme-blue-900: #0b2640;
311
- --gl-color-theme-blue-800: #153c63;
312
- --gl-color-theme-blue-700: #235180;
313
- --gl-color-theme-blue-600: #346596;
314
- --gl-color-theme-blue-500: #4977a5;
315
- --gl-color-theme-blue-400: #628eb9;
316
- --gl-color-theme-blue-300: #81a5c9;
317
- --gl-color-theme-blue-200: #a6bdd5;
318
- --gl-color-theme-blue-100: #b9cadc;
319
- --gl-color-theme-blue-50: #cdd8e3;
320
- --gl-color-theme-blue-10: #e6ecf0;
321
- --gl-color-theme-indigo-950: #14143d;
322
- --gl-color-theme-indigo-900: #222261;
323
- --gl-color-theme-indigo-800: #303083;
324
- --gl-color-theme-indigo-700: #41419f;
325
- --gl-color-theme-indigo-600: #5252b5;
326
- --gl-color-theme-indigo-500: #6666c4;
327
- --gl-color-theme-indigo-400: #8181d7;
328
- --gl-color-theme-indigo-300: #a2a2e6;
329
- --gl-color-theme-indigo-200: #c7c7f2;
330
- --gl-color-theme-indigo-100: #dbdbf8;
331
- --gl-color-theme-indigo-50: #f1f1ff;
332
- --gl-color-theme-indigo-10: #f8f8ff;
333
- --gl-color-red-950: #4d0a00;
334
- --gl-color-red-900: #660e00;
335
- --gl-color-red-800: #8d1300;
336
- --gl-color-red-700: #ae1800;
337
- --gl-color-red-600: #c91c00;
338
- --gl-color-red-500: #dd2b0e;
339
- --gl-color-red-400: #ec5941;
340
- --gl-color-red-300: #f57f6c;
341
- --gl-color-red-200: #fcb5aa;
342
- --gl-color-red-100: #fdd4cd;
343
- --gl-color-red-50: #fcf1ef;
344
- --gl-color-purple-950: #232150;
345
- --gl-color-purple-900: #2f2a6b;
346
- --gl-color-purple-800: #453894;
347
- --gl-color-purple-700: #5943b6;
348
- --gl-color-purple-600: #694cc0;
349
- --gl-color-purple-500: #7b58cf;
350
- --gl-color-purple-400: #9475db;
351
- --gl-color-purple-300: #ac93e6;
352
- --gl-color-purple-200: #cbbbf2;
353
- --gl-color-purple-100: #e1d8f9;
354
- --gl-color-purple-50: #f4f0ff;
355
- --gl-color-orange-950: #421f00;
356
- --gl-color-orange-900: #5c2900;
357
- --gl-color-orange-800: #703800;
358
- --gl-color-orange-700: #8f4700;
359
- --gl-color-orange-600: #9e5400;
360
- --gl-color-orange-500: #ab6100;
361
- --gl-color-orange-400: #c17d10;
362
- --gl-color-orange-300: #d99530;
363
- --gl-color-orange-200: #e9be74;
364
- --gl-color-orange-100: #f5d9a8;
365
- --gl-color-orange-50: #fdf1dd;
366
- --gl-color-green-950: #072b15;
367
- --gl-color-green-900: #0a4020;
368
- --gl-color-green-800: #0d532a;
369
- --gl-color-green-700: #24663b;
370
- --gl-color-green-600: #217645;
371
- --gl-color-green-500: #108548;
372
- --gl-color-green-400: #2da160;
373
- --gl-color-green-300: #52b87a;
374
- --gl-color-green-200: #91d4a8;
375
- --gl-color-green-100: #c3e6cd;
376
- --gl-color-green-50: #ecf4ee;
377
- --gl-color-neutral-1000: #050506;
378
- --gl-color-neutral-950: #18171d;
379
- --gl-color-neutral-900: #28272d;
380
- --gl-color-neutral-800: #3a383f;
381
- --gl-color-neutral-700: #4c4b51;
382
- --gl-color-neutral-600: #626168;
383
- --gl-color-neutral-500: #737278;
384
- --gl-color-neutral-400: #89888d;
385
- --gl-color-neutral-300: #a4a3a8;
386
- --gl-color-neutral-200: #bfbfc3;
387
- --gl-color-neutral-100: #dcdcde;
388
- --gl-color-neutral-50: #ececef;
389
- --gl-color-neutral-10: #fbfafd;
390
- --gl-color-neutral-0: #fff;
391
- --gl-color-blue-950: #002850;
392
- --gl-color-blue-900: #033464;
393
- --gl-color-blue-800: #064787;
394
- --gl-color-blue-700: #0b5cad;
395
- --gl-color-blue-600: #1068bf;
396
- --gl-color-blue-500: #1f75cb;
397
- --gl-color-blue-400: #428fdc;
398
- --gl-color-blue-300: #63a6e9;
399
- --gl-color-blue-200: #9dc7f1;
400
- --gl-color-blue-100: #cbe2f9;
401
- --gl-color-blue-50: #e9f3fc;
402
- --gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
403
- --gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
404
- --gl-color-alpha-light-16: rgba(255, 255, 255, 0.16);
405
- --gl-color-alpha-light-8: rgba(255, 255, 255, 0.08);
406
- --gl-color-alpha-light-6: rgba(255, 255, 255, 0.06);
407
- --gl-color-alpha-light-4: rgba(255, 255, 255, 0.04);
408
- --gl-color-alpha-light-2: rgba(255, 255, 255, 0.02);
409
- --gl-color-alpha-dark-40: rgba(05, 05, 06, 0.4);
410
- --gl-color-alpha-dark-24: rgba(05, 05, 06, 0.24);
411
- --gl-color-alpha-dark-16: rgba(05, 05, 06, 0.16);
412
- --gl-color-alpha-dark-8: rgba(05, 05, 06, 0.08);
413
- --gl-color-alpha-dark-6: rgba(05, 05, 06, 0.06);
414
- --gl-color-alpha-dark-4: rgba(05, 05, 06, 0.04);
415
- --gl-color-alpha-dark-2: rgba(05, 05, 06, 0.02);
416
- --gl-color-alpha-0: transparent;
417
- --gl-action-danger-background-color-active: rgba(236, 89, 65, 0.16); /* Used for the background of a danger (destructive) action in the active state. */
418
- --gl-action-danger-background-color-hover: rgba(236, 89, 65, 0.4); /* Used for the background of a danger (destructive) action in the hover state. */
419
- --gl-action-danger-background-color-default: rgba(236, 89, 65, 0.0); /* Used for the background of a danger (destructive) action in the default state. */
420
- --gl-action-confirm-background-color-active: rgba(66, 143, 220, 0.16); /* Used for the background of a confirm (positive) action in the active state. */
421
- --gl-action-confirm-background-color-hover: rgba(66, 143, 220, 0.4); /* Used for the background of a confirm (positive) action in the hover state. */
422
- --gl-action-confirm-background-color-default: rgba(66, 143, 220, 0.0); /* Used for the background of a confirm (positive) action in the default state. */
423
- --gl-action-neutral-background-color-active: rgba(137, 136, 141, 0.16); /* Used for the background of a neutral action in the active state. */
424
- --gl-action-neutral-background-color-hover: rgba(137, 136, 141, 0.4); /* Used for the background of a neutral action in the hover state. */
425
- --gl-action-neutral-background-color-default: rgba(137, 136, 141, 0.0); /* Used for the background of a neutral action in the default state. */
426
- --gl-text-color-disabled: var(--gl-color-neutral-400); /* Used for disabled text. */
427
- --gl-text-color-success: var(--gl-color-green-300); /* Used for text indicating success, completion, approval, addition, or validity. */
428
- --gl-text-color-danger: var(--gl-color-red-300); /* Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
429
- --gl-text-color-warning: var(--gl-color-orange-300); /* Used for text that requires caution or careful attention. */
430
- --gl-text-color-link: var(--gl-color-blue-300); /* Used for default text links. */
431
- --gl-text-color-heading: var(--gl-color-neutral-0); /* Used for headings level 1-6. */
432
- --gl-text-color-strong: var(--gl-color-neutral-0); /* Used for text with the highest contrast. */
433
- --gl-text-color-subtle: var(--gl-color-neutral-200); /* Used for supplemental text that doesn't need to be as prominent as other text. */
434
- --gl-text-color-default: var(--gl-color-neutral-50); /* Used for the default text color. */
435
- --gl-status-brand-icon-color: var(--gl-color-purple-500); /* Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface. */
436
- --gl-status-brand-text-color: var(--gl-color-purple-300); /* Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface. */
437
- --gl-status-brand-background-color: var(--gl-color-purple-900); /* Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface. */
438
- --gl-status-danger-icon-color: var(--gl-color-red-400); /* Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition. */
439
- --gl-status-danger-text-color: var(--gl-color-red-200); /* Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition. */
440
- --gl-status-danger-background-color: var(--gl-color-red-800); /* Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition. */
441
- --gl-status-warning-icon-color: var(--gl-color-orange-400); /* Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item. */
442
- --gl-status-warning-text-color: var(--gl-color-orange-200); /* Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item. */
443
- --gl-status-warning-background-color: var(--gl-color-orange-800); /* Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item. */
444
- --gl-status-success-icon-color: var(--gl-color-green-400); /* Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation. */
445
- --gl-status-success-text-color: var(--gl-color-green-200); /* Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation. */
446
- --gl-status-success-background-color: var(--gl-color-green-800); /* Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation. */
447
- --gl-status-info-icon-color: var(--gl-color-blue-400); /* Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress. */
448
- --gl-status-info-text-color: var(--gl-color-blue-200); /* Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress. */
449
- --gl-status-info-background-color: var(--gl-color-blue-800); /* Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress. */
450
- --gl-status-neutral-icon-color: var(--gl-color-neutral-400); /* Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state. */
451
- --gl-status-neutral-text-color: var(--gl-color-neutral-200); /* Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state. */
452
- --gl-status-neutral-background-color: var(--gl-color-neutral-800); /* Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state. */
453
- --gl-shadow-color-default: var(--gl-color-alpha-dark-24); /* Used for the default shadow color. */
454
- --gl-icon-color-success: var(--gl-color-green-300); /* Used for an icon associated with success or validity. */
455
- --gl-icon-color-danger: var(--gl-color-red-300); /* Used for an icon associated with an error or danger. */
456
- --gl-icon-color-warning: var(--gl-color-orange-300); /* Used for an icon associated with a warning. */
457
- --gl-icon-color-info: var(--gl-color-blue-300); /* Used for an icon associated with information or help. */
458
- --gl-icon-color-link: var(--gl-color-blue-300); /* Used for an icon within a link. */
459
- --gl-icon-color-disabled: var(--gl-color-neutral-500); /* Used for an icon within a disabled section. */
460
- --gl-icon-color-strong: var(--gl-color-neutral-10); /* Used for an icon with the highest contrast. */
461
- --gl-icon-color-subtle: var(--gl-color-neutral-300); /* Used for a static or decorational icon. Can be paired with subtle text. */
462
- --gl-icon-color-default: var(--gl-color-neutral-100); /* Used for the default icon color. Can be paired with default text. */
463
- --gl-focus-ring-outer-color: var(--gl-color-blue-400); /* Used for the outer color portion of the focus ring. */
464
- --gl-feedback-danger-icon-color: var(--gl-color-red-300); /* Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention. */
465
- --gl-feedback-danger-text-color: var(--gl-color-red-200); /* Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention. */
466
- --gl-feedback-danger-background-color: var(--gl-color-red-900); /* Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention. */
467
- --gl-feedback-warning-icon-color: var(--gl-color-orange-300); /* Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information. */
468
- --gl-feedback-warning-text-color: var(--gl-color-orange-200); /* Used for the text of a warning feedback item when notifying about a potential issue or sensitive information. */
469
- --gl-feedback-warning-background-color: var(--gl-color-orange-900); /* Used for the background of a warning feedback item when notifying about a potential issue or sensitive information. */
470
- --gl-feedback-success-icon-color: var(--gl-color-green-300); /* Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action. */
471
- --gl-feedback-success-text-color: var(--gl-color-green-200); /* Used for the text of a success feedback item when confirming the successful completion of a user-initiated action. */
472
- --gl-feedback-success-background-color: var(--gl-color-green-900); /* Used for the background of a success feedback item when confirming the successful completion of a user-initiated action. */
473
- --gl-feedback-info-icon-color: var(--gl-color-blue-300); /* Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action. */
474
- --gl-feedback-info-text-color: var(--gl-color-blue-200); /* Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action. */
475
- --gl-feedback-info-background-color: var(--gl-color-blue-950); /* Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action. */
476
- --gl-feedback-neutral-icon-color: var(--gl-color-neutral-300); /* Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency. */
477
- --gl-feedback-neutral-text-color: var(--gl-color-neutral-200); /* Used for the text of a neutral feedback item when there isn't a specific meaning or urgency. */
478
- --gl-feedback-neutral-background-color: var(--gl-color-neutral-900); /* Used for the background of a neutral feedback item when there isn't a specific meaning or urgency. */
479
- --gl-feedback-strong-link-color: var(--gl-color-blue-700); /* Used for a link on a strong feedback background. */
480
- --gl-feedback-strong-icon-color: var(--gl-color-neutral-900); /* Used for an icon on a strong feedback background. */
481
- --gl-feedback-strong-text-color: var(--gl-color-neutral-0); /* Used for text on a strong feedback background. */
482
- --gl-feedback-strong-background-color: var(--gl-color-neutral-800); /* Used for a background associated with strong feedback like a tooltip or toast message. */
483
- --gl-control-indicator-color-disabled: var(--gl-color-neutral-400); /* Used for disabled checkbox and radio button state indicators. */
484
- --gl-control-indicator-color-selected: var(--gl-color-neutral-950); /* Used for checkbox and radio button state indicators. */
485
- --gl-control-border-color-selected-focus: var(--gl-color-blue-200); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus. */
486
- --gl-control-border-color-selected-hover: var(--gl-color-blue-200); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover. */
487
- --gl-control-border-color-selected-default: var(--gl-color-blue-400); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) border. */
488
- --gl-control-border-color-error: var(--gl-color-red-300); /* Used for invalid form control (input, textarea) border. */
489
- --gl-control-border-color-disabled: var(--gl-color-neutral-800); /* Used for disabled form control (input, radio button, checkbox, textarea) border. */
490
- --gl-control-border-color-focus: var(--gl-color-neutral-50); /* Used for form control (input, radio button, checkbox, textarea) border on focus. */
491
- --gl-control-border-color-hover: var(--gl-color-neutral-300); /* Used for form control (input, radio button, checkbox, textarea) border on hover. */
492
- --gl-control-border-color-default: var(--gl-color-neutral-500); /* Used for form control (input, radio button, checkbox, textarea) default border. */
493
- --gl-control-background-color-selected-focus: var(--gl-color-blue-200); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover. */
494
- --gl-control-background-color-selected-hover: var(--gl-color-blue-200); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover. */
495
- --gl-control-background-color-selected-default: var(--gl-color-blue-300); /* Used for checked and indeterminate (selected) form control (checkbox, radio button) background. */
496
- --gl-control-background-color-readonly: var(--gl-color-alpha-light-8); /* Used for the background of static content that prepends or appends a text input. */
497
- --gl-control-background-color-concatenation: var(--gl-color-alpha-light-4); /* Used for the background of static content that prepends or appends a text input. */
498
- --gl-control-background-color-disabled: var(--gl-color-alpha-light-4); /* Used for disabled form control (checkbox, input, radio button, textarea) background. */
499
- --gl-control-background-color-default: var(--gl-color-alpha-dark-40); /* Used for form control (input, radio button, checkbox, textarea) default background. */
500
- --gl-token-background-color: var(--gl-color-neutral-800); /* Used for the token background color. */
501
- --gl-tab-selected-indicator-color-default: var(--gl-color-blue-400); /* Used for the selected indicator of a tab. */
502
- --gl-spinner-segment-color-light: var(--gl-color-neutral-200); /* Used for the animated segment of a loading spinner on a dark background. */
503
- --gl-spinner-segment-color-default: var(--gl-color-neutral-200); /* Used for the animated segment of a loading spinner. */
504
- --gl-spinner-track-color-light: var(--gl-color-neutral-800); /* Used for the static track (background) of a loading spinner on a dark background. */
505
- --gl-spinner-track-color-default: var(--gl-color-neutral-800); /* Used for the static track (background) of a loading spinner. */
506
- --gl-skeleton-loader-shimmer-color: var(--gl-color-neutral-700); /* Used for the animated shimmer effect in a skeleton loader. */
507
- --gl-skeleton-loader-background-color: var(--gl-color-neutral-800); /* Used for the skeleton loader background color. */
508
- --gl-progress-bar-track-color: var(--gl-color-neutral-700); /* Used for the track color for all progress-bar variants. */
509
- --gl-link-mention-background-color-current: var(--gl-color-orange-800); /* Used for the mention link background when referencing the current user. */
510
- --gl-link-mention-background-color-default: var(--gl-color-blue-800); /* Used for the mention link default background. */
511
- --gl-link-mention-text-color-current: var(--gl-color-orange-100); /* Used for the mention link text color when referencing the current user. */
512
- --gl-link-mention-text-color-default: var(--gl-color-blue-200); /* Used for the mention link text color. */
513
- --gl-label-scoped-button-icon-color-hover: var(--gl-color-neutral-950); /* Used for the scoped label remove button icon in the hover state. */
514
- --gl-label-scoped-button-icon-color-default: var(--gl-color-neutral-0); /* Used for the scoped label remove button icon in the default state. */
515
- --gl-label-scoped-button-background-color-hover: var(--gl-color-neutral-0); /* Used for the scoped label remove button background in the hover state. */
516
- --gl-label-scoped-text-color: var(--gl-color-neutral-0); /* Used for the scoped label text color. */
517
- --gl-label-dark-button-icon-color-default: var(--gl-color-neutral-0); /* Used for the label remove button icon on a dark background color in the default state. */
518
- --gl-label-dark-button-background-color-hover: var(--gl-color-neutral-0); /* Used for the label remove button background on a dark background color in the hover state. */
519
- --gl-label-dark-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a dark background color in the default state. */
520
- --gl-label-dark-text-color: var(--gl-color-neutral-0); /* Used for the label text color on a dark background color. */
521
- --gl-label-light-button-icon-color-default: var(--gl-color-neutral-950); /* Used for the label remove button icon on a light background color in the default state. */
522
- --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */
523
- --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
524
- --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
525
- --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-700); /* Used for the filtered search operator token background color in the hover state. */
526
- --gl-filtered-search-token-operator-background-color-default: var(--gl-color-neutral-900); /* Used for the filtered search operator background color in the default state. */
527
- --gl-filtered-search-token-data-background-color-hover: var(--gl-color-neutral-700); /* Used for the filtered search data token background color in the hover state. */
528
- --gl-filtered-search-token-data-background-color-default: var(--gl-color-neutral-800); /* Used for the filtered search data background color in the default state. */
529
- --gl-filtered-search-token-type-background-color-hover: var(--gl-color-neutral-800); /* Used for the filtered search type token background color in the hover state. */
530
- --gl-filtered-search-token-type-background-color-default: var(--gl-color-neutral-900); /* Used for the filtered search type token background color in the default state. */
531
- --gl-dropdown-option-background-color-selected-active: var(--gl-color-neutral-900); /* Used for the background of a selected dropdown option in the active state. */
532
- --gl-dropdown-option-background-color-selected-hover: var(--gl-color-neutral-700); /* Used for the background of a selected dropdown option in the hover state. */
533
- --gl-dropdown-option-background-color-selected-default: var(--gl-color-neutral-800); /* Used for the background of a selected dropdown option in the default state. */
534
- --gl-dropdown-option-background-color-unselected-active: var(--gl-action-neutral-background-color-active); /* Used for the background of an unselected dropdown option in the active state. */
535
- --gl-dropdown-option-background-color-unselected-hover: var(--gl-action-neutral-background-color-hover); /* Used for the background of an unselected dropdown option in the hover state. */
536
- --gl-dropdown-option-background-color-unselected-default: var(--gl-action-neutral-background-color-default); /* Used for the background of an unselected dropdown option in the default state. */
537
- --gl-dropdown-option-indicator-color-selected-active: var(--gl-color-neutral-100); /* Used for the dropdown selected option indicator in the active state. */
538
- --gl-dropdown-border-color: var(--gl-color-neutral-700); /* Used for the border of a dropdown. */
539
- --gl-datepicker-background-color: var(--gl-color-neutral-900); /* Used for the background color of datepicker. */
540
- --gl-button-disabled-border-color: var(--gl-color-neutral-800); /* Used for the border of a disabled button. */
541
- --gl-button-disabled-background-color: var(--gl-color-neutral-950); /* Used for the background of a disabled button. */
542
- --gl-button-disabled-foreground-color: var(--gl-color-neutral-400); /* Used for the foreground of a disabled button. */
543
- --gl-button-selected-border-color-active: var(--gl-color-neutral-300); /* Used for the border of a selected button in the active state. */
544
- --gl-button-selected-border-color-hover: var(--gl-color-neutral-500); /* Used for the border of a selected button in the hover state. */
545
- --gl-button-selected-border-color-default: var(--gl-color-neutral-600); /* Used for the border of a selected button in the default state. */
546
- --gl-button-dashed-border-color-active: var(--gl-color-neutral-300); /* Used for the border of a dashed button in the active state. */
547
- --gl-button-danger-tertiary-background-color-active: var(--gl-action-danger-background-color-active); /* Used for the background of a borderless, tertiary danger (destructive) button in the active state. */
548
- --gl-button-danger-tertiary-background-color-hover: var(--gl-action-danger-background-color-hover); /* Used for the background of a borderless, tertiary danger (destructive) button in the hover state. */
549
- --gl-button-danger-tertiary-background-color-default: var(--gl-action-danger-background-color-default); /* Used for the background of a borderless, tertiary danger (destructive) button in the default state. */
550
- --gl-button-danger-secondary-border-color-active: var(--gl-color-red-50); /* Used for the border of an outlined danger (destructive) button in the active state. */
551
- --gl-button-danger-secondary-border-color-hover: var(--gl-color-red-200); /* Used for the border of an outlined danger (destructive) button in the hover state. */
552
- --gl-button-danger-secondary-border-color-default: var(--gl-color-red-400); /* Used for the border of an outlined danger (destructive) button in the default state. */
553
- --gl-button-danger-secondary-background-color-active: var(--gl-color-red-800); /* Used for the background of an outlined danger (destructive) button in the active state. */
554
- --gl-button-danger-secondary-background-color-hover: var(--gl-color-red-900); /* Used for the background of an outlined danger (destructive) button in the hover state. */
555
- --gl-button-danger-secondary-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined danger (destructive) button in the default state. */
556
- --gl-button-danger-secondary-foreground-color-active: var(--gl-color-red-50); /* Used for the foreground of a danger (destructive) button in the active state. */
557
- --gl-button-danger-secondary-foreground-color-hover: var(--gl-color-red-200); /* Used for the foreground of a danger (destructive) button in the hover state. */
558
- --gl-button-danger-secondary-foreground-color-default: var(--gl-color-red-400); /* Used for the foreground of a danger (destructive) button in the default state. */
559
- --gl-button-danger-primary-border-color-active: var(--gl-color-red-50); /* Used for the border of a danger (destructive) primary button in the active state. */
560
- --gl-button-danger-primary-border-color-hover: var(--gl-color-red-100); /* Used for the border of a danger (destructive) primary button in the hover state. */
561
- --gl-button-danger-primary-border-color-default: var(--gl-color-red-300); /* Used for the border of a danger (destructive) primary button in the default state. */
562
- --gl-button-danger-primary-background-color-active: var(--gl-color-red-100); /* Used for the background of a danger (destructive) primary button in the active state. */
563
- --gl-button-danger-primary-background-color-hover: var(--gl-color-red-300); /* Used for the background of a danger (destructive) primary button in the hover state. */
564
- --gl-button-danger-primary-background-color-default: var(--gl-color-red-400); /* Used for the background of a danger (destructive) primary button in the default state. */
565
- --gl-button-danger-primary-foreground-color-default: var(--gl-color-neutral-0); /* Used for the foreground of a danger (destructive) primary button in the default state. */
566
- --gl-button-confirm-tertiary-background-color-active: var(--gl-action-confirm-background-color-active); /* Used for the background of a borderless, tertiary confirm (positive) button in the active state. */
567
- --gl-button-confirm-tertiary-background-color-hover: var(--gl-action-confirm-background-color-hover); /* Used for the background of a borderless, tertiary confirm (positive) button in the hover state. */
568
- --gl-button-confirm-tertiary-background-color-default: var(--gl-action-confirm-background-color-default); /* Used for the background of a borderless, tertiary confirm (positive) button in the default state. */
569
- --gl-button-confirm-secondary-border-color-active: var(--gl-color-blue-50); /* Used for the border of an outlined confirm (positive) button in the active state. */
570
- --gl-button-confirm-secondary-border-color-hover: var(--gl-color-blue-200); /* Used for the border of an outlined confirm (positive) button in the hover state. */
571
- --gl-button-confirm-secondary-border-color-default: var(--gl-color-blue-400); /* Used for the border of an outlined confirm (positive) button in the default state. */
572
- --gl-button-confirm-secondary-background-color-active: var(--gl-color-blue-800); /* Used for the background of an outlined confirm (positive) button in the active state. */
573
- --gl-button-confirm-secondary-background-color-hover: var(--gl-color-blue-900); /* Used for the background of an outlined confirm (positive) button in the hover state. */
574
- --gl-button-confirm-secondary-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an outlined confirm (positive) button in the default state. */
575
- --gl-button-confirm-secondary-foreground-color-active: var(--gl-color-blue-50); /* Used for the foreground of a confirm (positive) button in the active state. */
576
- --gl-button-confirm-secondary-foreground-color-hover: var(--gl-color-blue-200); /* Used for the foreground of a confirm (positive) button in the hover state. */
577
- --gl-button-confirm-secondary-foreground-color-default: var(--gl-color-blue-400); /* Used for the foreground of a confirm (positive) button in the default state. */
578
- --gl-button-confirm-primary-border-color-active: var(--gl-color-blue-50); /* Used for the border of a confirm (positive) primary button in the active state. */
579
- --gl-button-confirm-primary-border-color-hover: var(--gl-color-blue-100); /* Used for the border of a confirm (positive) primary button in the hover state. */
580
- --gl-button-confirm-primary-border-color-default: var(--gl-color-blue-300); /* Used for the border of a confirm (positive) primary button in the default state. */
581
- --gl-button-default-tertiary-background-color-active: var(--gl-action-neutral-background-color-active); /* Used for the background of a default borderless, tertiary button in the active state. */
582
- --gl-button-default-tertiary-background-color-hover: var(--gl-action-neutral-background-color-hover); /* Used for the background of a default borderless, tertiary button in the hover state. */
583
- --gl-button-default-tertiary-background-color-default: var(--gl-action-neutral-background-color-default); /* Used for the background of a default borderless, tertiary button in the default state. */
584
- --gl-button-default-primary-border-color-active: var(--gl-color-neutral-300); /* Used for the border of an default primary button in the active state. */
585
- --gl-button-default-primary-border-color-hover: var(--gl-color-neutral-500); /* Used for the border of an default primary button in the hover state. */
586
- --gl-button-default-primary-border-color-default: var(--gl-color-neutral-700); /* Used for the border of an default primary button in the default state. */
587
- --gl-button-default-primary-background-color-active: var(--gl-color-neutral-800); /* Used for the background of an default primary button in the active state. */
588
- --gl-button-default-primary-background-color-hover: var(--gl-color-neutral-900); /* Used for the background of an default primary button in the hover state. */
589
- --gl-button-default-primary-background-color-default: var(--gl-color-neutral-900); /* Used for the background of an default primary button in the default state. */
590
- --gl-button-default-primary-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of a default primary button in the default state. */
591
- --gl-broadcast-banner-text-color-red: var(--gl-color-neutral-0); /* Used for the text for the red banner type. */
592
- --gl-broadcast-banner-text-color-lightred: var(--gl-color-neutral-0); /* Used for the text for the lightred banner type. */
593
- --gl-broadcast-banner-text-color-lightindigo: var(--gl-color-neutral-0); /* Used for the text for the lightindigo banner type. */
594
- --gl-broadcast-banner-text-color-lightgreen: var(--gl-color-neutral-0); /* Used for the text for the lightgreen banner type. */
595
- --gl-broadcast-banner-text-color-lightblue: var(--gl-color-neutral-0); /* Used for the text for the lightblue banner type. */
596
- --gl-broadcast-banner-text-color-light: var(--gl-color-neutral-900); /* Used for the text for the light banner type. */
597
- --gl-broadcast-banner-text-color-indigo: var(--gl-color-neutral-0); /* Used for the text for the indigo banner type. */
598
- --gl-broadcast-banner-text-color-green: var(--gl-color-neutral-0); /* Used for the text for the green banner type. */
599
- --gl-broadcast-banner-text-color-dark: var(--gl-color-neutral-0); /* Used for the text for the dark banner type. */
600
- --gl-broadcast-banner-text-color-blue: var(--gl-color-neutral-0); /* Used for the text for the blue banner type. */
601
- --gl-broadcast-banner-icon-color-red: var(--gl-color-neutral-0); /* Used for the icon for the red banner type. */
602
- --gl-broadcast-banner-icon-color-lightred: var(--gl-color-neutral-0); /* Used for the icon for the lightred banner type. */
603
- --gl-broadcast-banner-icon-color-lightindigo: var(--gl-color-neutral-0); /* Used for the icon for the lightindigo banner type. */
604
- --gl-broadcast-banner-icon-color-lightgreen: var(--gl-color-neutral-0); /* Used for the icon for the lightgreen banner type. */
605
- --gl-broadcast-banner-icon-color-lightblue: var(--gl-color-neutral-0); /* Used for the icon for the lightblue banner type. */
606
- --gl-broadcast-banner-icon-color-light: var(--gl-color-neutral-900); /* Used for the icon for the light banner type. */
607
- --gl-broadcast-banner-icon-color-indigo: var(--gl-color-neutral-0); /* Used for the icon for the indigo banner type. */
608
- --gl-broadcast-banner-icon-color-green: var(--gl-color-neutral-0); /* Used for the icon for the green banner type. */
609
- --gl-broadcast-banner-icon-color-dark: var(--gl-color-neutral-0); /* Used for the icon for the dark banner type. */
610
- --gl-broadcast-banner-icon-color-blue: var(--gl-color-neutral-0); /* Used for the icon for the blue banner type. */
611
- --gl-broadcast-banner-border-color-red: var(--gl-color-theme-red-900); /* Used for the border for the red banner type. */
612
- --gl-broadcast-banner-border-color-lightred: var(--gl-color-theme-red-700); /* Used for the border for the lightred banner type. */
613
- --gl-broadcast-banner-border-color-lightindigo: var(--gl-color-theme-indigo-700); /* Used for the border for the lightindigo banner type. */
614
- --gl-broadcast-banner-border-color-lightgreen: var(--gl-color-theme-green-700); /* Used for the border for the lightgreen banner type. */
615
- --gl-broadcast-banner-border-color-lightblue: var(--gl-color-theme-blue-700); /* Used for the border for the lightblue banner type. */
616
- --gl-broadcast-banner-border-color-light: var(--gl-color-neutral-100); /* Used for the border for the light banner type. */
617
- --gl-broadcast-banner-border-color-indigo: var(--gl-color-theme-indigo-900); /* Used for the border for the indigo banner type. */
618
- --gl-broadcast-banner-border-color-green: var(--gl-color-theme-green-900); /* Used for the border for the green banner type. */
619
- --gl-broadcast-banner-border-color-dark: var(--gl-color-neutral-700); /* Used for the border for the dark banner type. */
620
- --gl-broadcast-banner-border-color-blue: var(--gl-color-theme-blue-900); /* Used for the border for the blue banner type. */
621
- --gl-broadcast-banner-background-color-red: var(--gl-color-theme-red-700); /* Used for the background for the red banner type. */
622
- --gl-broadcast-banner-background-color-lightred: var(--gl-color-theme-red-500); /* Used for the background for the lightred banner type. */
623
- --gl-broadcast-banner-background-color-lightindigo: var(--gl-color-theme-indigo-500); /* Used for the background for the lightindigo banner type. */
624
- --gl-broadcast-banner-background-color-lightgreen: var(--gl-color-theme-green-500); /* Used for the background for the lightgreen banner type. */
625
- --gl-broadcast-banner-background-color-lightblue: var(--gl-color-theme-blue-500); /* Used for the background for the lightblue banner type. */
626
- --gl-broadcast-banner-background-color-light: var(--gl-color-neutral-50); /* Used for the background for the light banner type. */
627
- --gl-broadcast-banner-background-color-indigo: var(--gl-color-theme-indigo-700); /* Used for the background for the indigo banner type. */
628
- --gl-broadcast-banner-background-color-green: var(--gl-color-theme-green-700); /* Used for the background for the green banner type. */
629
- --gl-broadcast-banner-background-color-dark: var(--gl-color-neutral-500); /* Used for the background for the dark banner type. */
630
- --gl-broadcast-banner-background-color-blue: var(--gl-color-theme-blue-700); /* Used for the background for the blue banner type. */
631
- --gl-breadcrumb-separator-color: var(--gl-color-neutral-400); /* Used for the breadcrumb level separator. */
632
- --gl-banner-promo-border-color: var(--gl-color-purple-800); /* Used for the border of a promo banner. */
633
- --gl-banner-promo-background-color: var(--gl-color-purple-950); /* Used for the background of a promo banner. */
634
- --gl-banner-intro-border-color: var(--gl-color-blue-800); /* Used for the border of an info banner. */
635
- --gl-badge-tier-icon-color-active: var(--gl-color-purple-950); /* Used for the icon of a tier related badge in the active state. */
636
- --gl-badge-tier-icon-color-hover: var(--gl-color-purple-950); /* Used for the icon of a tier related badge in the hover state. */
637
- --gl-badge-tier-icon-color-default: var(--gl-color-purple-950); /* Used for the icon of a tier related badge when static or the default state when linked. */
638
- --gl-badge-tier-text-color-active: var(--gl-color-purple-950); /* Used for the text of a tier related badge in the active state. */
639
- --gl-badge-tier-text-color-hover: var(--gl-color-purple-950); /* Used for the text of a tier related badge in the hover state. */
640
- --gl-badge-tier-text-color-default: var(--gl-color-purple-950); /* Used for the text of a tier related badge when static or the default state when linked. */
641
- --gl-badge-tier-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a tier related badge in the active state. */
642
- --gl-badge-tier-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a tier related badge in the focus state. */
643
- --gl-badge-tier-border-color-hover: var(--gl-color-purple-200); /* Used for the border of a tier related badge in the hover state. */
644
- --gl-badge-tier-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a tier related badge when static or the default state when linked. */
645
- --gl-badge-tier-background-color-active: var(--gl-color-purple-200); /* Used for the background of a tier related badge in the active state. */
646
- --gl-badge-tier-background-color-default: var(--gl-color-purple-300); /* Used for the background of a tier related badge when static or the default state when linked. */
647
- --gl-badge-danger-icon-color-active: var(--gl-color-red-950); /* Used for the icon of a danger badge in the active state. */
648
- --gl-badge-danger-icon-color-hover: var(--gl-color-red-950); /* Used for the icon of a danger badge in the hover state. */
649
- --gl-badge-danger-icon-color-default: var(--gl-color-red-950); /* Used for the icon of a danger badge when static or the default state when linked. */
650
- --gl-badge-danger-text-color-active: var(--gl-color-red-950); /* Used for the text of a danger badge in the active state. */
651
- --gl-badge-danger-text-color-hover: var(--gl-color-red-950); /* Used for the text of a danger badge in the hover state. */
652
- --gl-badge-danger-text-color-default: var(--gl-color-red-950); /* Used for the text of a danger badge when static or the default state when linked. */
653
- --gl-badge-danger-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a danger badge in the active state. */
654
- --gl-badge-danger-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a danger badge in the focus state. */
655
- --gl-badge-danger-border-color-hover: var(--gl-color-red-200); /* Used for the border of a danger badge in the hover state. */
656
- --gl-badge-danger-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a danger badge when static or the default state when linked. */
657
- --gl-badge-danger-background-color-active: var(--gl-color-red-200); /* Used for the background of a danger badge in the active state. */
658
- --gl-badge-danger-background-color-default: var(--gl-color-red-300); /* Used for the background of a danger badge when static or the default state when linked. */
659
- --gl-badge-warning-icon-color-active: var(--gl-color-orange-950); /* Used for the icon of a warning badge in the active state. */
660
- --gl-badge-warning-icon-color-hover: var(--gl-color-orange-950); /* Used for the icon of a warning badge in the hover state. */
661
- --gl-badge-warning-icon-color-default: var(--gl-color-orange-950); /* Used for the icon of a warning badge when static or the default state when linked. */
662
- --gl-badge-warning-text-color-active: var(--gl-color-orange-950); /* Used for the text of a warning badge in the active state. */
663
- --gl-badge-warning-text-color-hover: var(--gl-color-orange-950); /* Used for the text of a warning badge in the hover state. */
664
- --gl-badge-warning-text-color-default: var(--gl-color-orange-950); /* Used for the text of a warning badge when static or the default state when linked. */
665
- --gl-badge-warning-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a warning badge in the active state. */
666
- --gl-badge-warning-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a warning badge in the focus state. */
667
- --gl-badge-warning-border-color-hover: var(--gl-color-orange-200); /* Used for the border of a warning badge in the hover state. */
668
- --gl-badge-warning-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a warning badge when static or the default state when linked. */
669
- --gl-badge-warning-background-color-active: var(--gl-color-orange-200); /* Used for the background of a warning badge in the active state. */
670
- --gl-badge-warning-background-color-default: var(--gl-color-orange-300); /* Used for the background of a warning badge when static or the default state when linked. */
671
- --gl-badge-success-icon-color-active: var(--gl-color-green-950); /* Used for the icon of a success badge in the active state. */
672
- --gl-badge-success-icon-color-hover: var(--gl-color-green-950); /* Used for the icon of a success badge in the hover state. */
673
- --gl-badge-success-icon-color-default: var(--gl-color-green-950); /* Used for the icon of a success badge when static or the default state when linked. */
674
- --gl-badge-success-text-color-active: var(--gl-color-green-950); /* Used for the text of a success badge in the active state. */
675
- --gl-badge-success-text-color-hover: var(--gl-color-green-950); /* Used for the text of a success badge in the hover state. */
676
- --gl-badge-success-text-color-default: var(--gl-color-green-950); /* Used for the text of a success badge when static or the default state when linked. */
677
- --gl-badge-success-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a success badge in the active state. */
678
- --gl-badge-success-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a success badge in the focus state. */
679
- --gl-badge-success-border-color-hover: var(--gl-color-green-200); /* Used for the border of a success badge in the hover state. */
680
- --gl-badge-success-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a success badge when static or the default state when linked. */
681
- --gl-badge-success-background-color-active: var(--gl-color-green-200); /* Used for the background of a success badge in the active state. */
682
- --gl-badge-success-background-color-default: var(--gl-color-green-300); /* Used for the background of a success badge when static or the default state when linked. */
683
- --gl-badge-info-icon-color-active: var(--gl-color-blue-950); /* Used for the icon of an informational badge in the active state. */
684
- --gl-badge-info-icon-color-hover: var(--gl-color-blue-950); /* Used for the icon of an informational badge in the hover state. */
685
- --gl-badge-info-icon-color-default: var(--gl-color-blue-950); /* Used for the icon of an informational badge when static or the default state when linked. */
686
- --gl-badge-info-text-color-active: var(--gl-color-blue-950); /* Used for the text of an informational badge in the active state. */
687
- --gl-badge-info-text-color-hover: var(--gl-color-blue-950); /* Used for the text of an informational badge in the hover state. */
688
- --gl-badge-info-text-color-default: var(--gl-color-blue-950); /* Used for the text of an informational badge when static or the default state when linked. */
689
- --gl-badge-info-border-color-active: var(--gl-color-alpha-0); /* Used for the border of an informational badge in the active state. */
690
- --gl-badge-info-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of an informational badge in the focus state. */
691
- --gl-badge-info-border-color-hover: var(--gl-color-blue-200); /* Used for the border of an informational badge in the hover state. */
692
- --gl-badge-info-border-color-default: var(--gl-color-alpha-0); /* Used for the border of an informational badge when static or the default state when linked. */
693
- --gl-badge-info-background-color-active: var(--gl-color-blue-200); /* Used for the background of an informational badge in the active state. */
694
- --gl-badge-info-background-color-default: var(--gl-color-blue-300); /* Used for the background of an informational badge when static or the default state when linked. */
695
- --gl-badge-neutral-icon-color-active: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge in the active state. */
696
- --gl-badge-neutral-icon-color-hover: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge in the hover state. */
697
- --gl-badge-neutral-icon-color-default: var(--gl-color-neutral-950); /* Used for the icon of a neutral badge when static or the default state when linked. */
698
- --gl-badge-neutral-text-color-active: var(--gl-color-neutral-950); /* Used for the text of a neutral badge in the active state. */
699
- --gl-badge-neutral-text-color-hover: var(--gl-color-neutral-950); /* Used for the text of a neutral badge in the hover state. */
700
- --gl-badge-neutral-text-color-default: var(--gl-color-neutral-950); /* Used for the text of a neutral badge when static or the default state when linked. */
701
- --gl-badge-neutral-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a neutral badge in the active state. */
702
- --gl-badge-neutral-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a neutral badge in the focus state. */
703
- --gl-badge-neutral-border-color-hover: var(--gl-color-neutral-200); /* Used for the border of a neutral badge in the hover state. */
704
- --gl-badge-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral badge when static or the default state when linked. */
705
- --gl-badge-neutral-background-color-active: var(--gl-color-neutral-200); /* Used for the background of a neutral badge in the active state. */
706
- --gl-badge-neutral-background-color-default: var(--gl-color-neutral-300); /* Used for the background of a neutral badge when static or the default state when linked. */
707
- --gl-badge-muted-icon-color-active: var(--gl-color-neutral-950); /* Used for the icon of a muted badge in the active state. */
708
- --gl-badge-muted-icon-color-hover: var(--gl-color-neutral-950); /* Used for the icon of a muted badge in the hover state. */
709
- --gl-badge-muted-icon-color-default: var(--gl-color-neutral-950); /* Used for the icon of a muted badge when static or the default state when linked. */
710
- --gl-badge-muted-text-color-active: var(--gl-color-neutral-950); /* Used for the text of a muted badge in the active state. */
711
- --gl-badge-muted-text-color-hover: var(--gl-color-neutral-950); /* Used for the text of a muted badge in the hover state. */
712
- --gl-badge-muted-text-color-default: var(--gl-color-neutral-950); /* Used for the text of a muted badge when static or the default state when linked. */
713
- --gl-badge-muted-border-color-active: var(--gl-color-alpha-0); /* Used for the border of a muted badge in the active state. */
714
- --gl-badge-muted-border-color-focus: var(--gl-color-alpha-0); /* Used for the border of a muted badge in the focus state. */
715
- --gl-badge-muted-border-color-hover: var(--gl-color-neutral-300); /* Used for the border of a muted badge in the hover state. */
716
- --gl-badge-muted-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a muted badge when static or the default state when linked. */
717
- --gl-badge-muted-background-color-active: var(--gl-color-neutral-300); /* Used for the background of a muted badge in the active state. */
718
- --gl-badge-muted-background-color-default: var(--gl-color-neutral-400); /* Used for the background of a muted badge when static or the default state when linked. */
719
- --gl-avatar-fallback-text-color-neutral: var(--gl-color-neutral-200); /* Neutral text color for avatar fallback with no particular meaning. */
720
- --gl-avatar-fallback-text-color-orange: var(--gl-color-orange-200); /* Orange text color for avatar fallback with no particular meaning. */
721
- --gl-avatar-fallback-text-color-green: var(--gl-color-green-200); /* Green text color for avatar fallback with no particular meaning. */
722
- --gl-avatar-fallback-text-color-blue: var(--gl-color-blue-200); /* Blue text color for avatar fallback with no particular meaning. */
723
- --gl-avatar-fallback-text-color-purple: var(--gl-color-purple-200); /* Purple text color for avatar fallback with no particular meaning. */
724
- --gl-avatar-fallback-text-color-red: var(--gl-color-red-200); /* Red text color for avatar fallback with no particular meaning. */
725
- --gl-avatar-border-color-hover: var(--gl-color-alpha-light-24); /* Used to increase the edge definition of an avatar in the hover state. */
726
- --gl-avatar-border-color-default: var(--gl-color-alpha-light-8); /* Used to define the edge of an avatar. */
727
- --gl-alert-danger-border-bottom-color: var(--gl-color-alpha-0); /* Used for the border bottom color of a danger alert. */
728
- --gl-alert-danger-border-top-color: var(--gl-color-red-400); /* Used for the border color of a danger alert. */
729
- --gl-alert-warning-border-bottom-color: var(--gl-color-alpha-0); /* Used for the border bottom color of a warning alert. */
730
- --gl-alert-warning-border-top-color: var(--gl-color-orange-400); /* Used for the border color of a warning alert. */
731
- --gl-alert-success-border-bottom-color: var(--gl-color-alpha-0); /* Used for the border bottom color of a success alert. */
732
- --gl-alert-success-border-top-color: var(--gl-color-green-400); /* Used for the border color of a success alert. */
733
- --gl-alert-info-border-bottom-color: var(--gl-color-alpha-0); /* Used for the border bottom color of an info alert. */
734
- --gl-alert-info-border-top-color: var(--gl-color-blue-400); /* Used for the border color of an info alert. */
735
- --gl-alert-neutral-border-bottom-color: var(--gl-color-alpha-0); /* Used for the border bottom color of a neutral alert. */
736
- --gl-alert-neutral-border-top-color: var(--gl-color-neutral-400); /* Used for the border center color of a neutral alert. */
737
- --gl-border-color-transparent: var(--gl-color-alpha-0); /* Used when a border needs to be present, but not visibly perceived. */
738
- --gl-border-color-strong: var(--gl-color-neutral-400); /* Used for a distinct border that emphasizes an edge or boundaries. */
739
- --gl-border-color-subtle: var(--gl-color-neutral-900); /* Used for a subtle border in combination with the default background. */
740
- --gl-border-color-default: var(--gl-color-neutral-800); /* Used for the default border color. */
741
- --gl-background-color-overlay: rgba(0,0,0,0.64); /* Used for an overlay that covers other content. */
742
- --gl-background-color-section: var(--gl-color-neutral-800); /* Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes. */
743
- --gl-background-color-overlap: var(--gl-color-neutral-900); /* Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content. */
744
- --gl-background-color-disabled: var(--gl-color-neutral-900); /* Used to identify a disabled section. */
745
- --gl-background-color-strong: var(--gl-color-neutral-800); /* Used to make the background easily stand out from the default. */
746
- --gl-background-color-subtle: var(--gl-color-neutral-900); /* Used to slightly differentiate the background from the default. */
747
- --gl-background-color-default: var(--gl-color-neutral-950); /* Used for the default background color. */
748
- --gl-action-strong-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a strong neutral action in the default state. */
749
- --gl-action-strong-neutral-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of a strong neutral action in the default state. */
750
- --gl-action-strong-neutral-background-color-active: var(--gl-color-neutral-500); /* Used for the background of a strong neutral action in the active state. */
751
- --gl-action-strong-neutral-background-color-hover: var(--gl-color-neutral-600); /* Used for the background of a strong neutral action in the hover state. */
752
- --gl-action-strong-neutral-background-color-default: var(--gl-color-neutral-700); /* Used for the background of a strong neutral action in the default state. */
753
- --gl-action-strong-confirm-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a strong confirm action in the default state. */
754
- --gl-action-strong-confirm-foreground-color-default: var(--gl-color-neutral-950); /* Used for the foreground of a strong confirm action in the default state. */
755
- --gl-action-strong-confirm-background-color-active: var(--gl-color-blue-200); /* Used for the background of a strong confirm action in the active state. */
756
- --gl-action-strong-confirm-background-color-hover: var(--gl-color-blue-300); /* Used for the background of a strong confirm action in the hover state. */
757
- --gl-action-strong-confirm-background-color-default: var(--gl-color-blue-400); /* Used for the background of a strong confirm action in the default state. */
758
- --gl-action-danger-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a danger action in the default state. */
759
- --gl-action-danger-background-color-focus: var(--gl-action-danger-background-color-hover); /* Used for the background of a danger (destructive) action in the focus state. */
760
- --gl-action-danger-foreground-color-active: var(--gl-color-red-50); /* Used for the foreground of a danger (destructive) action in the active state. */
761
- --gl-action-danger-foreground-color-hover: var(--gl-color-red-200); /* Used for the foreground of a danger (destructive) action in the hover state. */
762
- --gl-action-danger-foreground-color-default: var(--gl-color-red-400); /* Used for the foreground of a danger (destructive) action in the default state. */
763
- --gl-action-confirm-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a confirm action in the default state. */
764
- --gl-action-confirm-background-color-focus: var(--gl-action-confirm-background-color-hover); /* Used for the background of a confirm (positive) action in the focus state. */
765
- --gl-action-confirm-foreground-color-active: var(--gl-color-blue-50); /* Used for the foreground of a confirm (positive) action in the active state. */
766
- --gl-action-confirm-foreground-color-hover: var(--gl-color-blue-200); /* Used for the foreground of a confirm (positive) action in the hover state. */
767
- --gl-action-confirm-foreground-color-default: var(--gl-color-blue-400); /* Used for the foreground of a confirm (positive) action in the default state. */
768
- --gl-action-neutral-border-color-default: var(--gl-color-alpha-0); /* Used for the border of a neutral action in the default state. */
769
- --gl-action-neutral-background-color-focus: var(--gl-action-neutral-background-color-hover); /* Used for the background of a neutral action in the focus state. */
770
- --gl-action-neutral-foreground-color-default: var(--gl-color-neutral-50); /* Used for the foreground of a neutral action in the default state. */
771
- --gl-action-selected-background-color-active: var(--gl-color-blue-100); /* Used for the background of a selected action in the active state. */
772
- --gl-action-selected-background-color-hover: var(--gl-color-blue-200); /* Used for the background of a selected action in the hover state. */
773
- --gl-action-selected-background-color-default: var(--gl-color-blue-300); /* Used for the background of a selected action in the default state. */
774
- --gl-action-selected-foreground-color-default: var(--gl-color-neutral-950); /* Used for the foreground of a selected action in the default state. */
775
- --gl-action-disabled-border-color: var(--gl-color-neutral-800); /* Used for the border of a disabled action. */
776
- --gl-action-disabled-background-color: var(--gl-color-neutral-900); /* Used for the background of a disabled action. */
777
- --gl-action-disabled-foreground-color: var(--gl-color-neutral-500); /* Used for the foreground of a disabled action. */
778
- --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */
779
- --gl-control-placeholder-color: var(--gl-text-color-disabled); /* Used for placeholder text within inputs. */
780
- --gl-control-text-color-valid: var(--gl-text-color-success); /* Used for the helper text when the input is valid. */
781
- --gl-control-text-color-error: var(--gl-text-color-danger); /* Used for the helper text when the input is invalid. */
782
- --gl-token-foreground-color: var(--gl-text-color-default); /* Used for the token foreground color. */
783
- --gl-toggle-switch-icon-color-disabled: var(--gl-action-disabled-background-color); /* Used for the icon color of a disabled toggle switch. */
784
- --gl-toggle-switch-icon-color-checked-active: var(--gl-action-strong-confirm-background-color-active); /* Used for the icon color of a checked toggle switch in the active state. */
785
- --gl-toggle-switch-icon-color-checked-hover: var(--gl-action-strong-confirm-background-color-hover); /* Used for the icon color of a checked toggle switch in the hover state. */
786
- --gl-toggle-switch-icon-color-checked-default: var(--gl-action-strong-confirm-background-color-default); /* Used for the icon color of a checked toggle switch in the default state. */
787
- --gl-toggle-switch-icon-color-unchecked-active: var(--gl-action-strong-neutral-background-color-active); /* Used for the icon color of an unchecked toggle switch in the active state. */
788
- --gl-toggle-switch-icon-color-unchecked-hover: var(--gl-action-strong-neutral-background-color-hover); /* Used for the icon color of an unchecked toggle switch in the hover state. */
789
- --gl-toggle-switch-icon-color-unchecked-default: var(--gl-action-strong-neutral-background-color-default); /* Used for the icon color of an unchecked toggle switch in the default state. */
790
- --gl-table-sorting-icon-color: var(--gl-text-color-heading); /* Used for the color of the sorting icons in the column headers. */
791
- --gl-table-row-background-color-hover: var(--gl-background-color-subtle); /* Used for the background of a table row in hover state. */
792
- --gl-progress-bar-indicator-color-danger: var(--gl-status-danger-icon-color); /* Used for the indicator color for the danger progress-bar variant. */
793
- --gl-progress-bar-indicator-color-warning: var(--gl-status-warning-icon-color); /* Used for the indicator color for the warning progress-bar variant. */
794
- --gl-progress-bar-indicator-color-success: var(--gl-status-success-icon-color); /* Used for the indicator color for the success progress-bar variant. */
795
- --gl-progress-bar-indicator-color-default: var(--gl-status-info-icon-color); /* Used for the indicator color for the primary progress-bar variant. */
796
- --gl-dropdown-option-background-color-selected-focus: var(--gl-dropdown-option-background-color-selected-hover); /* Used for the background of a selected dropdown option in the focus state. */
797
- --gl-dropdown-option-background-color-unselected-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of an unselected dropdown option in the focus state. */
798
- --gl-dropdown-option-indicator-color-selected-focus: var(--gl-color-neutral-0); /* Used for the dropdown selected option indicator in the focus state. */
799
- --gl-dropdown-option-indicator-color-selected-hover: var(--gl-color-neutral-0); /* Used for the dropdown selected option indicator in the hover state. */
800
- --gl-dropdown-option-indicator-color-selected-default: var(--gl-color-neutral-0); /* Used for the dropdown selected option indicator in the default state. */
801
- --gl-dropdown-option-text-color-disabled: var(--gl-action-disabled-foreground-color); /* Used for the text of a dropdown option in the disabled state. */
802
- --gl-dropdown-option-text-color-default: var(--gl-action-neutral-foreground-color-default); /* Used for the text of a dropdown option in the default state. */
803
- --gl-dropdown-background-color: var(--gl-background-color-overlap); /* Used for the background of a dropdown. */
804
- --gl-datepicker-date-text-color-selected: var(--gl-control-indicator-color-selected); /* Used for the datepicker date text color state indicators. */
805
- --gl-button-selected-border-color-focus: var(--gl-button-selected-border-color-hover); /* Used for the border of a selected button in the focus state. */
806
- --gl-button-selected-background-color-active: var(--gl-button-default-primary-background-color-active); /* Used for the background of a selected button in the active state. */
807
- --gl-button-selected-background-color-hover: var(--gl-button-default-primary-background-color-hover); /* Used for the background of a selected button in the hover state. */
808
- --gl-button-selected-background-color-default: var(--gl-button-default-primary-background-color-default); /* Used for the background of a selected button in the default state. */
809
- --gl-button-selected-foreground-color-default: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a selected button in the default state. */
810
- --gl-button-link-text-color-default: var(--gl-text-color-link); /* Used for the text of a link button in the default state. */
811
- --gl-button-dashed-border-color-default: var(--gl-border-color-strong); /* Used for the border of a dashed button in the default state. */
812
- --gl-button-danger-tertiary-border-color-default: var(--gl-action-danger-border-color-default); /* Used for the border of a borderless, tertiary danger (destructive) button in the default state. */
813
- --gl-button-danger-tertiary-background-color-focus: var(--gl-action-danger-background-color-focus); /* Used for the background of a borderless, tertiary danger (destructive) button in the focus state. */
814
- --gl-button-danger-tertiary-foreground-color-active: var(--gl-action-danger-foreground-color-active); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the active state. */
815
- --gl-button-danger-tertiary-foreground-color-hover: var(--gl-action-danger-foreground-color-hover); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state. */
816
- --gl-button-danger-tertiary-foreground-color-default: var(--gl-action-danger-foreground-color-default); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the default state. */
817
- --gl-button-danger-secondary-border-color-focus: var(--gl-button-danger-secondary-border-color-hover); /* Used for the border of an outlined danger (destructive) button in the focus state. */
818
- --gl-button-danger-secondary-background-color-focus: var(--gl-button-danger-secondary-background-color-hover); /* Used for the background of an outlined danger (destructive) button in the focus state. */
819
- --gl-button-danger-secondary-foreground-color-focus: var(--gl-button-danger-secondary-foreground-color-hover); /* Used for the foreground of a danger (destructive) button in the focus state. */
820
- --gl-button-danger-primary-border-color-focus: var(--gl-button-danger-primary-border-color-hover); /* Used for the border of a danger (destructive) primary button in the focus state. */
821
- --gl-button-danger-primary-background-color-focus: var(--gl-button-danger-primary-background-color-hover); /* Used for the background of a danger (destructive) primary button in the focus state. */
822
- --gl-button-danger-primary-foreground-color-active: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the active state. */
823
- --gl-button-danger-primary-foreground-color-focus: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the focus state. */
824
- --gl-button-danger-primary-foreground-color-hover: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the hover state. */
825
- --gl-button-confirm-tertiary-border-color-default: var(--gl-action-confirm-border-color-default); /* Used for the border of a borderless, tertiary confirm (positive) button in the default state. */
826
- --gl-button-confirm-tertiary-background-color-focus: var(--gl-action-confirm-background-color-focus); /* Used for the background of a borderless, tertiary confirm (positive) button in the focus state. */
827
- --gl-button-confirm-tertiary-foreground-color-active: var(--gl-action-confirm-foreground-color-active); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the active state. */
828
- --gl-button-confirm-tertiary-foreground-color-hover: var(--gl-action-confirm-foreground-color-hover); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state. */
829
- --gl-button-confirm-tertiary-foreground-color-default: var(--gl-action-confirm-foreground-color-default); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the default state. */
830
- --gl-button-confirm-secondary-border-color-focus: var(--gl-button-confirm-secondary-border-color-hover); /* Used for the border of an outlined confirm (positive) button in the focus state. */
831
- --gl-button-confirm-secondary-background-color-focus: var(--gl-button-confirm-secondary-background-color-hover); /* Used for the background of an outlined confirm (positive) button in the focus state. */
832
- --gl-button-confirm-secondary-foreground-color-focus: var(--gl-button-confirm-secondary-foreground-color-hover); /* Used for the foreground of a confirm (positive) button in the focus state. */
833
- --gl-button-confirm-primary-border-color-focus: var(--gl-button-confirm-primary-border-color-hover); /* Used for the border of a confirm (positive) primary button in the focus state. */
834
- --gl-button-confirm-primary-background-color-active: var(--gl-action-strong-confirm-background-color-active); /* Used for the background of a confirm (positive) primary button in the active state. */
835
- --gl-button-confirm-primary-background-color-hover: var(--gl-action-strong-confirm-background-color-hover); /* Used for the background of a confirm (positive) primary button in the hover state. */
836
- --gl-button-confirm-primary-background-color-default: var(--gl-action-strong-confirm-background-color-default); /* Used for the background of a confirm (positive) primary button in the default state. */
837
- --gl-button-confirm-primary-foreground-color-default: var(--gl-action-strong-confirm-foreground-color-default); /* Used for the foreground of a confirm (positive) primary button in the default state. */
838
- --gl-button-default-tertiary-border-color-default: var(--gl-action-neutral-border-color-default); /* Used for the border of a default borderless, tertiary button in the default state. */
839
- --gl-button-default-tertiary-background-color-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of a default borderless, tertiary button in the focus state. */
840
- --gl-button-default-tertiary-foreground-color-default: var(--gl-action-neutral-foreground-color-default); /* Used for the foreground of a default borderless, tertiary button in the default state. */
841
- --gl-button-default-primary-border-color-focus: var(--gl-button-default-primary-border-color-hover); /* Used for the border of an default primary button in the focus state. */
842
- --gl-button-default-primary-background-color-focus: var(--gl-button-default-primary-background-color-hover); /* Used for the background of an default primary button in the focus state. */
843
- --gl-button-default-primary-foreground-color-active: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the active state. */
844
- --gl-button-default-primary-foreground-color-focus: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the focus state. */
845
- --gl-button-default-primary-foreground-color-hover: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the hover state. */
846
- --gl-badge-tier-icon-color-focus: var(--gl-badge-tier-icon-color-hover); /* Used for the icon of a tier related badge in the focus state. */
847
- --gl-badge-tier-text-color-focus: var(--gl-badge-tier-text-color-hover); /* Used for the text of a tier related badge in the focus state. */
848
- --gl-badge-tier-background-color-hover: var(--gl-badge-tier-background-color-default); /* Used for the background of a tier related badge in the hover state. */
849
- --gl-badge-danger-icon-color-focus: var(--gl-badge-danger-icon-color-hover); /* Used for the icon of a danger badge in the focus state. */
850
- --gl-badge-danger-text-color-focus: var(--gl-badge-danger-text-color-hover); /* Used for the text of a danger badge in the focus state. */
851
- --gl-badge-danger-background-color-hover: var(--gl-badge-danger-background-color-default); /* Used for the background of a danger badge in the hover state. */
852
- --gl-badge-warning-icon-color-focus: var(--gl-badge-warning-icon-color-hover); /* Used for the icon of a warning badge in the focus state. */
853
- --gl-badge-warning-text-color-focus: var(--gl-badge-warning-text-color-hover); /* Used for the text of a warning badge in the focus state. */
854
- --gl-badge-warning-background-color-hover: var(--gl-badge-warning-background-color-default); /* Used for the background of a warning badge in the hover state. */
855
- --gl-badge-success-icon-color-focus: var(--gl-badge-success-icon-color-hover); /* Used for the icon of a success badge in the focus state. */
856
- --gl-badge-success-text-color-focus: var(--gl-badge-success-text-color-hover); /* Used for the text of a success badge in the focus state. */
857
- --gl-badge-success-background-color-hover: var(--gl-badge-success-background-color-default); /* Used for the background of a success badge in the hover state. */
858
- --gl-badge-info-icon-color-focus: var(--gl-badge-info-icon-color-hover); /* Used for the icon of an informational badge in the focus state. */
859
- --gl-badge-info-text-color-focus: var(--gl-badge-info-text-color-hover); /* Used for the text of an informational badge in the focus state. */
860
- --gl-badge-info-background-color-hover: var(--gl-badge-info-background-color-default); /* Used for the background of an informational badge in the hover state. */
861
- --gl-badge-neutral-icon-color-focus: var(--gl-badge-neutral-icon-color-hover); /* Used for the icon of a neutral badge in the focus state. */
862
- --gl-badge-neutral-text-color-focus: var(--gl-badge-neutral-text-color-hover); /* Used for the text of a neutral badge in the focus state. */
863
- --gl-badge-neutral-background-color-hover: var(--gl-badge-neutral-background-color-default); /* Used for the background of a neutral badge in the hover state. */
864
- --gl-badge-muted-icon-color-focus: var(--gl-badge-muted-icon-color-hover); /* Used for the icon of a muted badge in the focus state. */
865
- --gl-badge-muted-text-color-focus: var(--gl-badge-muted-text-color-hover); /* Used for the text of a muted badge in the focus state. */
866
- --gl-badge-muted-background-color-hover: var(--gl-badge-muted-background-color-default); /* Used for the background of a muted badge in the hover state. */
867
- --gl-alert-danger-background-color: var(--gl-background-color-subtle); /* Used for the background color of a danger alert. */
868
- --gl-alert-danger-title-color: var(--gl-color-red-300); /* Used for the title color of a danger alert. */
869
- --gl-alert-warning-background-color: var(--gl-background-color-subtle); /* Used for the background color of a warning alert. */
870
- --gl-alert-warning-title-color: var(--gl-color-orange-300); /* Used for the title color of a warning alert. */
871
- --gl-alert-success-background-color: var(--gl-background-color-subtle); /* Used for the background color of a success alert. */
872
- --gl-alert-success-title-color: var(--gl-color-green-300); /* Used for the title color of a success alert. */
873
- --gl-alert-info-background-color: var(--gl-background-color-subtle); /* Used for the background color of an info alert. */
874
- --gl-alert-info-title-color: var(--gl-color-blue-300); /* Used for the title color of an info alert. */
875
- --gl-alert-neutral-background-color: var(--gl-feedback-neutral-background-color); /* Used for the background color of a neutral alert. */
876
- --gl-alert-neutral-title-color: var(--gl-text-color-heading); /* Used for the title color of a neutral alert. */
877
- --gl-border-color-section: var(--gl-background-color-default); /* Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page. */
878
- --gl-action-strong-neutral-border-color-hover: var(--gl-action-strong-neutral-border-color-default); /* Used for the border of a strong neutral action in the hover state. */
879
- --gl-action-strong-neutral-foreground-color-hover: var(--gl-action-strong-neutral-foreground-color-default); /* Used for the foreground of a strong neutral action in the hover state. */
880
- --gl-action-strong-neutral-background-color-focus: var(--gl-action-strong-neutral-background-color-hover); /* Used for the background of a strong neutral action in the focus state. */
881
- --gl-action-strong-confirm-border-color-hover: var(--gl-action-strong-confirm-border-color-default); /* Used for the border of a strong confirm action in the hover state. */
882
- --gl-action-strong-confirm-foreground-color-hover: var(--gl-action-strong-confirm-foreground-color-default); /* Used for the foreground of a strong confirm action in the hover state. */
883
- --gl-action-strong-confirm-background-color-focus: var(--gl-action-strong-confirm-background-color-hover); /* Used for the background of a strong confirm action in the focus state. */
884
- --gl-action-danger-border-color-active: var(--gl-action-danger-border-color-default); /* Used for the border of a danger action in the active state. */
885
- --gl-action-danger-border-color-focus: var(--gl-action-danger-border-color-default); /* Used for the border of a danger action in the focus state. */
886
- --gl-action-danger-border-color-hover: var(--gl-action-danger-border-color-default); /* Used for the border of a danger action in the hover state. */
887
- --gl-action-danger-foreground-color-focus: var(--gl-action-danger-foreground-color-hover); /* Used for the foreground of a danger (destructive) action in the focus state. */
888
- --gl-action-confirm-border-color-active: var(--gl-action-confirm-border-color-default); /* Used for the border of a confirm action in the active state. */
889
- --gl-action-confirm-border-color-focus: var(--gl-action-confirm-border-color-default); /* Used for the border of a confirm action in the focus state. */
890
- --gl-action-confirm-border-color-hover: var(--gl-action-confirm-border-color-default); /* Used for the border of a confirm action in the hover state. */
891
- --gl-action-confirm-foreground-color-focus: var(--gl-action-confirm-foreground-color-hover); /* Used for the foreground of a confirm (positive) action in the focus state. */
892
- --gl-action-neutral-border-color-active: var(--gl-action-neutral-border-color-default); /* Used for the border of a neutral action in the active state. */
893
- --gl-action-neutral-border-color-focus: var(--gl-action-neutral-border-color-default); /* Used for the border of a neutral action in the focus state. */
894
- --gl-action-neutral-border-color-hover: var(--gl-action-neutral-border-color-default); /* Used for the border of a neutral action in the hover state. */
895
- --gl-action-neutral-foreground-color-active: var(--gl-action-neutral-foreground-color-default); /* Used for the foreground of a neutral action in the active state. */
896
- --gl-action-neutral-foreground-color-focus: var(--gl-action-neutral-foreground-color-default); /* Used for the foreground of a neutral action in the focus state. */
897
- --gl-action-neutral-foreground-color-hover: var(--gl-action-neutral-foreground-color-default); /* Used for the foreground of a neutral action in the hover state. */
898
- --gl-action-selected-border-color-active: var(--gl-action-selected-background-color-active); /* Used for the border of a selected action in the active state. */
899
- --gl-action-selected-border-color-hover: var(--gl-action-selected-background-color-hover); /* Used for the border of a selected action in the hover state. */
900
- --gl-action-selected-border-color-default: var(--gl-action-selected-background-color-default); /* Used for the border of a selected action in the default state. */
901
- --gl-action-selected-background-color-focus: var(--gl-action-selected-background-color-hover); /* Used for the background of a selected action in the focus state. */
902
- --gl-action-selected-foreground-color-hover: var(--gl-action-selected-foreground-color-default); /* Used for the foreground of a selected action in the hover state. */
903
- --gl-toggle-switch-icon-color-checked-focus: var(--gl-action-strong-confirm-background-color-focus); /* Used for the icon color of a checked toggle switch in the focus state. */
904
- --gl-toggle-switch-icon-color-unchecked-focus: var(--gl-action-strong-neutral-background-color-focus); /* Used for the icon color of an unchecked toggle switch in the focus state. */
905
- --gl-dropdown-option-text-color-active: var(--gl-action-neutral-foreground-color-active); /* Used for the text of a dropdown option in the active state. */
906
- --gl-dropdown-option-text-color-focus: var(--gl-action-neutral-foreground-color-focus); /* Used for the text of a dropdown option in the focus state. */
907
- --gl-dropdown-option-text-color-hover: var(--gl-action-neutral-foreground-color-hover); /* Used for the text of a dropdown option in the hover state. */
908
- --gl-button-selected-background-color-focus: var(--gl-button-default-primary-background-color-focus); /* Used for the background of a selected button in the focus state. */
909
- --gl-button-selected-foreground-color-active: var(--gl-button-default-primary-foreground-color-active); /* Used for the foreground of a selected button in the active state. */
910
- --gl-button-selected-foreground-color-focus: var(--gl-button-default-primary-foreground-color-focus); /* Used for the foreground of a selected button in the focus state. */
911
- --gl-button-selected-foreground-color-hover: var(--gl-button-default-primary-foreground-color-hover); /* Used for the foreground of a selected button in the hover state. */
912
- --gl-button-link-text-color-active: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the active state. */
913
- --gl-button-link-text-color-focus: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the focus state. */
914
- --gl-button-link-text-color-hover: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the hover state. */
915
- --gl-button-dashed-border-color-focus: var(--gl-button-dashed-border-color-default); /* Used for the border of a dashed button in the focus state. */
916
- --gl-button-dashed-border-color-hover: var(--gl-button-dashed-border-color-default); /* Used for the border of a dashed button in the hover state. */
917
- --gl-button-danger-tertiary-border-color-active: var(--gl-action-danger-border-color-active); /* Used for the border of a borderless, tertiary danger (destructive) button in the active state. */
918
- --gl-button-danger-tertiary-border-color-focus: var(--gl-action-danger-border-color-focus); /* Used for the border of a borderless, tertiary danger (destructive) button in the focus state. */
919
- --gl-button-danger-tertiary-border-color-hover: var(--gl-action-danger-border-color-hover); /* Used for the border of a borderless, tertiary danger (destructive) button in the hover state. */
920
- --gl-button-danger-tertiary-foreground-color-focus: var(--gl-action-danger-foreground-color-focus); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state. */
921
- --gl-button-confirm-tertiary-border-color-active: var(--gl-action-confirm-border-color-active); /* Used for the border of a borderless, tertiary confirm (positive) button in the active state. */
922
- --gl-button-confirm-tertiary-border-color-focus: var(--gl-action-confirm-border-color-focus); /* Used for the border of a borderless, tertiary confirm (positive) button in the focus state. */
923
- --gl-button-confirm-tertiary-border-color-hover: var(--gl-action-confirm-border-color-hover); /* Used for the border of a borderless, tertiary confirm (positive) button in the hover state. */
924
- --gl-button-confirm-tertiary-foreground-color-focus: var(--gl-action-confirm-foreground-color-focus); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state. */
925
- --gl-button-confirm-primary-background-color-focus: var(--gl-action-strong-confirm-background-color-focus); /* Used for the background of a confirm (positive) primary button in the focus state. */
926
- --gl-button-confirm-primary-foreground-color-hover: var(--gl-action-strong-confirm-foreground-color-hover); /* Used for the foreground of a confirm (positive) primary button in the hover state. */
927
- --gl-button-default-tertiary-border-color-active: var(--gl-action-neutral-border-color-active); /* Used for the border of a default borderless, tertiary button in the active state. */
928
- --gl-button-default-tertiary-border-color-focus: var(--gl-action-neutral-border-color-focus); /* Used for the border of a default borderless, tertiary button in the focus state. */
929
- --gl-button-default-tertiary-border-color-hover: var(--gl-action-neutral-border-color-hover); /* Used for the border of a default borderless, tertiary button in the hover state. */
930
- --gl-button-default-tertiary-foreground-color-active: var(--gl-action-neutral-foreground-color-active); /* Used for the foreground of a default borderless, tertiary button in the active state. */
931
- --gl-button-default-tertiary-foreground-color-focus: var(--gl-action-neutral-foreground-color-focus); /* Used for the foreground of a default borderless, tertiary button in the focus state. */
932
- --gl-button-default-tertiary-foreground-color-hover: var(--gl-action-neutral-foreground-color-hover); /* Used for the foreground of a default borderless, tertiary button in the hover state. */
933
- --gl-badge-tier-background-color-focus: var(--gl-badge-tier-background-color-hover); /* Used for the background of a tier related badge in the focus state. */
934
- --gl-badge-danger-background-color-focus: var(--gl-badge-danger-background-color-hover); /* Used for the background of a danger badge in the focus state. */
935
- --gl-badge-warning-background-color-focus: var(--gl-badge-warning-background-color-hover); /* Used for the background of a warning badge in the focus state. */
936
- --gl-badge-success-background-color-focus: var(--gl-badge-success-background-color-hover); /* Used for the background of a success badge in the focus state. */
937
- --gl-badge-info-background-color-focus: var(--gl-badge-info-background-color-hover); /* Used for the background of an informational badge in the focus state. */
938
- --gl-badge-neutral-background-color-focus: var(--gl-badge-neutral-background-color-hover); /* Used for the background of a neutral badge in the focus state. */
939
- --gl-badge-muted-background-color-focus: var(--gl-badge-muted-background-color-hover); /* Used for the background of a muted badge in the focus state. */
940
- --gl-action-strong-neutral-border-color-focus: var(--gl-action-strong-neutral-border-color-hover); /* Used for the border of a strong neutral action in the focus state. */
941
- --gl-action-strong-neutral-foreground-color-focus: var(--gl-action-strong-neutral-foreground-color-hover); /* Used for the foreground of a strong neutral action in the focus state. */
942
- --gl-action-strong-confirm-border-color-focus: var(--gl-action-strong-confirm-border-color-hover); /* Used for the border of a strong confirm action in the focus state. */
943
- --gl-action-strong-confirm-foreground-color-focus: var(--gl-action-strong-confirm-foreground-color-hover); /* Used for the foreground of a strong confirm action in the focus state. */
944
- --gl-action-selected-border-color-focus: var(--gl-action-selected-background-color-focus); /* Used for the border of a selected action in the focus state. */
945
- --gl-action-selected-foreground-color-focus: var(--gl-action-selected-foreground-color-hover); /* Used for the foreground of a selected action in the focus state. */
946
- --gl-button-confirm-primary-foreground-color-focus: var(--gl-action-strong-confirm-foreground-color-focus); /* Used for the foreground of a confirm (positive) primary button in the focus state. */
947
- --gl-action-strong-neutral-border-color-active: var(--gl-action-strong-neutral-border-color-focus); /* Used for the border of a strong neutral action in the active state. */
948
- --gl-action-strong-neutral-foreground-color-active: var(--gl-action-strong-neutral-foreground-color-focus); /* Used for the foreground of a strong neutral action in the active state. */
949
- --gl-action-strong-confirm-border-color-active: var(--gl-action-strong-confirm-border-color-focus); /* Used for the border of a strong confirm action in the active state. */
950
- --gl-action-strong-confirm-foreground-color-active: var(--gl-action-strong-confirm-foreground-color-focus); /* Used for the foreground of a strong confirm action in the active state. */
951
- --gl-action-selected-foreground-color-active: var(--gl-action-selected-foreground-color-focus); /* Used for the foreground of a selected action in the active state. */
952
- --gl-button-confirm-primary-foreground-color-active: var(--gl-action-strong-confirm-foreground-color-active); /* Used for the foreground of a confirm (positive) primary button in the active state. */
953
- }