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