@gitlab/ui 80.13.1 → 80.14.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 (299) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/components/experimental/experiment_badge/experiment_badge.js +6 -6
  3. package/dist/tokens/build/js/tokens.dark.js +5 -1
  4. package/dist/tokens/build/js/tokens.js +5 -1
  5. package/dist/tokens/css/tokens.css +4 -0
  6. package/dist/tokens/css/tokens.dark.css +4 -0
  7. package/dist/tokens/js/tokens.dark.js +4 -0
  8. package/dist/tokens/js/tokens.js +4 -0
  9. package/dist/tokens/json/tokens.dark.json +92 -0
  10. package/dist/tokens/json/tokens.json +92 -0
  11. package/dist/tokens/scss/_tokens.dark.scss +4 -0
  12. package/dist/tokens/scss/_tokens.scss +4 -0
  13. package/dist/tokens/scss/_tokens_custom_properties.scss +4 -0
  14. package/dist/tokens/tailwind/tokens.cjs +16 -0
  15. package/package.json +16 -12
  16. package/src/components/experimental/experiment_badge/experiment_badge.vue +12 -11
  17. package/src/tokens/background.tokens.json +38 -0
  18. package/src/tokens/build/css/tokens.css +4 -0
  19. package/src/tokens/build/css/tokens.dark.css +4 -0
  20. package/src/tokens/build/js/tokens.dark.js +4 -0
  21. package/src/tokens/build/js/tokens.js +4 -0
  22. package/src/tokens/build/json/tokens.dark.json +92 -0
  23. package/src/tokens/build/json/tokens.json +92 -0
  24. package/src/tokens/build/scss/_tokens.dark.scss +4 -0
  25. package/src/tokens/build/scss/_tokens.scss +4 -0
  26. package/src/tokens/build/scss/_tokens_custom_properties.scss +4 -0
  27. package/src/tokens/build/tailwind/tokens.cjs +16 -0
  28. package/tailwind.defaults.js +2 -1
  29. package/src/components/base/accordion/accordion.spec.js +0 -58
  30. package/src/components/base/accordion/accordion.stories.js +0 -59
  31. package/src/components/base/accordion/accordion_item.spec.js +0 -131
  32. package/src/components/base/accordion/accordion_item.stories.js +0 -57
  33. package/src/components/base/alert/alert.spec.js +0 -229
  34. package/src/components/base/alert/alert.stories.js +0 -166
  35. package/src/components/base/avatar/avatar.spec.js +0 -91
  36. package/src/components/base/avatar/avatar.stories.js +0 -160
  37. package/src/components/base/avatar_labeled/avatar_labeled.spec.js +0 -109
  38. package/src/components/base/avatar_labeled/avatar_labeled.stories.js +0 -187
  39. package/src/components/base/avatar_link/avatar_link.stories.js +0 -86
  40. package/src/components/base/avatars_inline/avatars_inline.spec.js +0 -124
  41. package/src/components/base/avatars_inline/avatars_inline.stories.js +0 -83
  42. package/src/components/base/badge/badge.spec.js +0 -83
  43. package/src/components/base/badge/badge.stories.js +0 -184
  44. package/src/components/base/banner/banner.spec.js +0 -112
  45. package/src/components/base/banner/banner.stories.js +0 -103
  46. package/src/components/base/breadcrumb/breadcrumb.spec.js +0 -240
  47. package/src/components/base/breadcrumb/breadcrumb.stories.js +0 -100
  48. package/src/components/base/breadcrumb/breadcrumb_item.spec.js +0 -45
  49. package/src/components/base/broadcast_message/broadcast_message.spec.js +0 -32
  50. package/src/components/base/broadcast_message/broadcast_message.stories.js +0 -112
  51. package/src/components/base/button/button.spec.js +0 -225
  52. package/src/components/base/button/button.stories.js +0 -529
  53. package/src/components/base/button_group/button_group.stories.js +0 -132
  54. package/src/components/base/card/card.spec.js +0 -139
  55. package/src/components/base/card/card.stories.js +0 -48
  56. package/src/components/base/carousel/carousel.spec.js +0 -24
  57. package/src/components/base/carousel/carousel.stories.js +0 -51
  58. package/src/components/base/collapse/collapse.spec.js +0 -24
  59. package/src/components/base/collapse/collapse.stories.js +0 -42
  60. package/src/components/base/datepicker/datepicker.spec.js +0 -431
  61. package/src/components/base/datepicker/datepicker.stories.js +0 -149
  62. package/src/components/base/daterange_picker/daterange_picker.spec.js +0 -307
  63. package/src/components/base/daterange_picker/daterange_picker.stories.js +0 -145
  64. package/src/components/base/drawer/drawer.spec.js +0 -136
  65. package/src/components/base/drawer/drawer.stories.js +0 -272
  66. package/src/components/base/dropdown/dropdown.spec.js +0 -457
  67. package/src/components/base/dropdown/dropdown.stories.js +0 -574
  68. package/src/components/base/dropdown/dropdown_form.spec.js +0 -9
  69. package/src/components/base/dropdown/dropdown_item.spec.js +0 -67
  70. package/src/components/base/dropdown/dropdown_item.stories.js +0 -113
  71. package/src/components/base/filtered_search/__snapshots__/filtered_search_term.spec.js.snap +0 -31
  72. package/src/components/base/filtered_search/filtered_search.spec.js +0 -908
  73. package/src/components/base/filtered_search/filtered_search.stories.js +0 -678
  74. package/src/components/base/filtered_search/filtered_search_suggestion.spec.js +0 -67
  75. package/src/components/base/filtered_search/filtered_search_suggestion.stories.js +0 -33
  76. package/src/components/base/filtered_search/filtered_search_suggestion_list.spec.js +0 -337
  77. package/src/components/base/filtered_search/filtered_search_suggestion_list.stories.js +0 -53
  78. package/src/components/base/filtered_search/filtered_search_term.spec.js +0 -212
  79. package/src/components/base/filtered_search/filtered_search_term.stories.js +0 -60
  80. package/src/components/base/filtered_search/filtered_search_token.spec.js +0 -461
  81. package/src/components/base/filtered_search/filtered_search_token.stories.js +0 -199
  82. package/src/components/base/filtered_search/filtered_search_token_segment.spec.js +0 -393
  83. package/src/components/base/filtered_search/filtered_search_token_segment.stories.js +0 -110
  84. package/src/components/base/filtered_search/filtered_search_utils.spec.js +0 -82
  85. package/src/components/base/form/form.stories.js +0 -101
  86. package/src/components/base/form/form_checkbox/form_checkbox.stories.js +0 -55
  87. package/src/components/base/form/form_checkbox_tree/form_checkbox_tree.spec.js +0 -265
  88. package/src/components/base/form/form_checkbox_tree/form_checkbox_tree.stories.js +0 -134
  89. package/src/components/base/form/form_combobox/form_combobox.spec.js +0 -301
  90. package/src/components/base/form/form_combobox/form_combobox.stories.js +0 -116
  91. package/src/components/base/form/form_date/form_date.spec.js +0 -85
  92. package/src/components/base/form/form_date/form_date.stories.js +0 -108
  93. package/src/components/base/form/form_fields/form_field_validator.spec.js +0 -51
  94. package/src/components/base/form/form_fields/form_fields.spec.js +0 -531
  95. package/src/components/base/form/form_fields/form_fields.stories.js +0 -150
  96. package/src/components/base/form/form_fields/mappers.spec.js +0 -17
  97. package/src/components/base/form/form_fields/validators.spec.js +0 -56
  98. package/src/components/base/form/form_group/form_group.spec.js +0 -110
  99. package/src/components/base/form/form_group/form_group.stories.js +0 -123
  100. package/src/components/base/form/form_input/form_input.spec.js +0 -130
  101. package/src/components/base/form/form_input/form_input.stories.js +0 -128
  102. package/src/components/base/form/form_input_group/form_input_group.spec.js +0 -121
  103. package/src/components/base/form/form_input_group/form_input_group.stories.js +0 -86
  104. package/src/components/base/form/form_radio/form_radio.spec.js +0 -116
  105. package/src/components/base/form/form_radio/form_radio.stories.js +0 -70
  106. package/src/components/base/form/form_radio_group/form_radio_group.spec.js +0 -86
  107. package/src/components/base/form/form_radio_group/form_radio_group.stories.js +0 -79
  108. package/src/components/base/form/form_select/form_select.spec.js +0 -69
  109. package/src/components/base/form/form_select/form_select.stories.js +0 -156
  110. package/src/components/base/form/form_text/form_text.stories.js +0 -27
  111. package/src/components/base/form/form_textarea/form_textarea.spec.js +0 -242
  112. package/src/components/base/form/form_textarea/form_textarea.stories.js +0 -68
  113. package/src/components/base/form/input_group_text/input_group_text.spec.js +0 -9
  114. package/src/components/base/form/input_group_text/input_group_text.stories.js +0 -30
  115. package/src/components/base/icon/__snapshots__/icon.spec.js.snap +0 -14
  116. package/src/components/base/icon/icon.spec.js +0 -92
  117. package/src/components/base/icon/icon.stories.js +0 -56
  118. package/src/components/base/infinite_scroll/infinite_scroll.spec.js +0 -182
  119. package/src/components/base/infinite_scroll/infinite_scroll.stories.js +0 -94
  120. package/src/components/base/keyset_pagination/keyset_pagination.spec.js +0 -313
  121. package/src/components/base/keyset_pagination/keyset_pagination.stories.js +0 -66
  122. package/src/components/base/label/label.spec.js +0 -257
  123. package/src/components/base/label/label.stories.js +0 -76
  124. package/src/components/base/link/link.spec.js +0 -88
  125. package/src/components/base/link/link.stories.js +0 -64
  126. package/src/components/base/loading_icon/loading_icon.spec.js +0 -109
  127. package/src/components/base/loading_icon/loading_icon.stories.js +0 -60
  128. package/src/components/base/markdown/markdown.spec.js +0 -24
  129. package/src/components/base/markdown/markdown.stories.js +0 -33
  130. package/src/components/base/modal/modal.spec.js +0 -265
  131. package/src/components/base/modal/modal.stories.js +0 -197
  132. package/src/components/base/nav/nav.spec.js +0 -19
  133. package/src/components/base/nav/nav.stories.js +0 -57
  134. package/src/components/base/nav/nav_item.spec.js +0 -16
  135. package/src/components/base/nav/nav_item_dropdown.spec.js +0 -58
  136. package/src/components/base/navbar/navbar.spec.js +0 -21
  137. package/src/components/base/navbar/navbar.stories.js +0 -28
  138. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.spec.js +0 -566
  139. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.spec.js +0 -452
  140. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.stories.js +0 -345
  141. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.spec.js +0 -84
  142. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.spec.js +0 -200
  143. package/src/components/base/new_dropdowns/disclosure/utils.spec.js +0 -74
  144. package/src/components/base/new_dropdowns/listbox/listbox.spec.js +0 -950
  145. package/src/components/base/new_dropdowns/listbox/listbox.stories.js +0 -840
  146. package/src/components/base/new_dropdowns/listbox/listbox_group.spec.js +0 -61
  147. package/src/components/base/new_dropdowns/listbox/listbox_item.spec.js +0 -129
  148. package/src/components/base/new_dropdowns/listbox/listbox_search_input.spec.js +0 -62
  149. package/src/components/base/new_dropdowns/listbox/utils.spec.js +0 -58
  150. package/src/components/base/paginated_list/__snapshots__/paginated_list.spec.js.snap +0 -922
  151. package/src/components/base/paginated_list/paginated_list.spec.js +0 -212
  152. package/src/components/base/paginated_list/paginated_list.stories.js +0 -207
  153. package/src/components/base/pagination/pagination.spec.js +0 -401
  154. package/src/components/base/pagination/pagination.stories.js +0 -129
  155. package/src/components/base/path/__snapshots__/path.spec.js.snap +0 -586
  156. package/src/components/base/path/path.spec.js +0 -237
  157. package/src/components/base/path/path.stories.js +0 -84
  158. package/src/components/base/popover/popover.spec.js +0 -104
  159. package/src/components/base/popover/popover.stories.js +0 -109
  160. package/src/components/base/progress_bar/progress_bar.stories.js +0 -34
  161. package/src/components/base/search_box_by_click/search_box_by_click.spec.js +0 -209
  162. package/src/components/base/search_box_by_click/search_box_by_click.stories.js +0 -100
  163. package/src/components/base/search_box_by_type/search_box_by_type.spec.js +0 -164
  164. package/src/components/base/search_box_by_type/search_box_by_type.stories.js +0 -63
  165. package/src/components/base/segmented_control/segmented_control.spec.js +0 -135
  166. package/src/components/base/segmented_control/segmented_control.stories.js +0 -59
  167. package/src/components/base/skeleton_loader/skeleton_loader.spec.js +0 -151
  168. package/src/components/base/skeleton_loader/skeleton_loader.stories.js +0 -86
  169. package/src/components/base/sorting/sorting.spec.js +0 -170
  170. package/src/components/base/sorting/sorting.stories.js +0 -98
  171. package/src/components/base/table/table.spec.js +0 -192
  172. package/src/components/base/table/table.stories.js +0 -186
  173. package/src/components/base/table_lite/table_lite.spec.js +0 -40
  174. package/src/components/base/table_lite/table_lite.stories.js +0 -74
  175. package/src/components/base/tabs/tab/tab.spec.js +0 -34
  176. package/src/components/base/tabs/tabs/scrollable_tabs.spec.js +0 -260
  177. package/src/components/base/tabs/tabs/tabs.spec.js +0 -366
  178. package/src/components/base/tabs/tabs/tabs.stories.js +0 -209
  179. package/src/components/base/toast/toast.spec.js +0 -72
  180. package/src/components/base/toast/toast.stories.js +0 -88
  181. package/src/components/base/toggle/toggle.spec.js +0 -168
  182. package/src/components/base/toggle/toggle.stories.js +0 -106
  183. package/src/components/base/token/token.spec.js +0 -48
  184. package/src/components/base/token/token.stories.js +0 -58
  185. package/src/components/base/token_selector/helpers.spec.js +0 -40
  186. package/src/components/base/token_selector/token_container.spec.js +0 -306
  187. package/src/components/base/token_selector/token_selector.spec.js +0 -653
  188. package/src/components/base/token_selector/token_selector.stories.js +0 -114
  189. package/src/components/base/token_selector/token_selector_dropdown.spec.js +0 -347
  190. package/src/components/base/tooltip/tooltip.spec.js +0 -27
  191. package/src/components/base/tooltip/tooltip.stories.js +0 -70
  192. package/src/components/charts/area/area.spec.js +0 -286
  193. package/src/components/charts/area/area.stories.js +0 -208
  194. package/src/components/charts/bar/__snapshots__/bar.spec.js.snap +0 -82
  195. package/src/components/charts/bar/bar.spec.js +0 -92
  196. package/src/components/charts/bar/bar.stories.js +0 -72
  197. package/src/components/charts/chart/chart.spec.js +0 -167
  198. package/src/components/charts/chart/chart.stories.js +0 -111
  199. package/src/components/charts/column/__snapshots__/column_chart.spec.js.snap +0 -323
  200. package/src/components/charts/column/column.stories.js +0 -111
  201. package/src/components/charts/column/column_chart.spec.js +0 -223
  202. package/src/components/charts/discrete_scatter/discrete_scatter.spec.js +0 -173
  203. package/src/components/charts/discrete_scatter/discrete_scatter.stories.js +0 -64
  204. package/src/components/charts/gauge/gauge.spec.js +0 -280
  205. package/src/components/charts/gauge/gauge.stories.js +0 -97
  206. package/src/components/charts/heatmap/heatmap.spec.js +0 -103
  207. package/src/components/charts/heatmap/heatmap.stories.js +0 -78
  208. package/src/components/charts/legend/legend.spec.js +0 -274
  209. package/src/components/charts/legend/legend.stories.js +0 -174
  210. package/src/components/charts/line/line.spec.js +0 -278
  211. package/src/components/charts/line/line.stories.js +0 -238
  212. package/src/components/charts/series_label/series_label.stories.js +0 -78
  213. package/src/components/charts/single_stat/single_stat.spec.js +0 -217
  214. package/src/components/charts/single_stat/single_stat.stories.js +0 -103
  215. package/src/components/charts/sparkline/sparkline.spec.js +0 -220
  216. package/src/components/charts/sparkline/sparkline.stories.js +0 -85
  217. package/src/components/charts/stacked_column/__snapshots__/stacked_column.spec.js.snap +0 -905
  218. package/src/components/charts/stacked_column/stacked_column.spec.js +0 -194
  219. package/src/components/charts/stacked_column/stacked_column.stories.js +0 -130
  220. package/src/components/charts/tooltip/tooltip.spec.js +0 -282
  221. package/src/components/charts/tooltip/tooltip.stories.js +0 -90
  222. package/src/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.spec.js +0 -46
  223. package/src/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.stories.js +0 -62
  224. package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.spec.js +0 -70
  225. package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.stories.js +0 -31
  226. package/src/components/experimental/duo/chat/components/duo_chat_message/copy_code_element.spec.js +0 -64
  227. package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.spec.js +0 -534
  228. package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.stories.js +0 -55
  229. package/src/components/experimental/duo/chat/components/duo_chat_message/utils.spec.js +0 -24
  230. package/src/components/experimental/duo/chat/components/duo_chat_message_sources/duo_chat_message_sources.spec.js +0 -93
  231. package/src/components/experimental/duo/chat/components/duo_chat_message_sources/duo_chat_message_sources.stories.js +0 -32
  232. package/src/components/experimental/duo/chat/components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.spec.js +0 -35
  233. package/src/components/experimental/duo/chat/components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.stories.js +0 -36
  234. package/src/components/experimental/duo/chat/duo_chat.spec.js +0 -828
  235. package/src/components/experimental/duo/chat/duo_chat.stories.js +0 -240
  236. package/src/components/experimental/duo/chat/markdown_renderer.spec.js +0 -55
  237. package/src/components/experimental/duo/user_feedback/user_feedback.spec.js +0 -100
  238. package/src/components/experimental/duo/user_feedback/user_feedback.stories.js +0 -107
  239. package/src/components/experimental/duo/user_feedback/user_feedback_modal.spec.js +0 -134
  240. package/src/components/experimental/experiment_badge/experiment_badge.spec.js +0 -77
  241. package/src/components/experimental/experiment_badge/experiment_badge.stories.js +0 -58
  242. package/src/components/regions/dashboard_skeleton/dashboard_skeleton.stories.js +0 -29
  243. package/src/components/regions/empty_state/empty_state.spec.js +0 -293
  244. package/src/components/regions/empty_state/empty_state.stories.js +0 -160
  245. package/src/components/shared_components/charts/tooltip_default_format.spec.js +0 -69
  246. package/src/components/shared_components/clear_icon_button/__snapshots__/clear_icon_button.spec.js.snap +0 -15
  247. package/src/components/shared_components/clear_icon_button/clear_icon_button.spec.js +0 -23
  248. package/src/components/shared_components/close_button/__snapshots__/close_button.spec.js.snap +0 -12
  249. package/src/components/shared_components/close_button/close_button.spec.js +0 -22
  250. package/src/components/utilities/animated_number/animated_number.spec.js +0 -133
  251. package/src/components/utilities/animated_number/animated_number.stories.js +0 -63
  252. package/src/components/utilities/friendly_wrap/friendly_wrap.spec.js +0 -123
  253. package/src/components/utilities/friendly_wrap/friendly_wrap.stories.js +0 -56
  254. package/src/components/utilities/intersection_observer/intersection_observer.spec.js +0 -116
  255. package/src/components/utilities/intersection_observer/intersection_observer.stories.js +0 -162
  256. package/src/components/utilities/intersperse/intersperse.spec.js +0 -115
  257. package/src/components/utilities/intersperse/intersperse.stories.js +0 -53
  258. package/src/components/utilities/sprintf/sprintf.spec.js +0 -337
  259. package/src/components/utilities/sprintf/sprintf.stories.js +0 -104
  260. package/src/components/utilities/truncate/truncate.spec.js +0 -125
  261. package/src/components/utilities/truncate/truncate.stories.js +0 -50
  262. package/src/components/utilities/truncate_text/truncate_text.spec.js +0 -150
  263. package/src/components/utilities/truncate_text/truncate_text.stories.js +0 -45
  264. package/src/directives/hover_load/hover_load.spec.js +0 -64
  265. package/src/directives/hover_load/hover_load.stories.js +0 -51
  266. package/src/directives/outside/outside.spec.js +0 -338
  267. package/src/directives/outside/outside.stories.js +0 -35
  268. package/src/directives/resize_observer/resize_observer.spec.js +0 -125
  269. package/src/directives/resize_observer/resize_observer.stories.js +0 -76
  270. package/src/directives/safe_html/safe_html.spec.js +0 -149
  271. package/src/directives/safe_html/safe_html.stories.js +0 -60
  272. package/src/directives/safe_link/safe_link.spec.js +0 -135
  273. package/src/directives/safe_link/safe_link.stories.js +0 -39
  274. package/src/internal/color_contrast/color_contrast.spec.js +0 -34
  275. package/src/internal/color_contrast/color_contrast.stories.js +0 -41
  276. package/src/scss/functions.spec.scss +0 -54
  277. package/src/scss/mixins.spec.scss +0 -93
  278. package/src/scss/run_scss_tests.spec.js +0 -26
  279. package/src/scss/typescale/typescale.stories.js +0 -61
  280. package/src/tokens/color.constant.tokens.stories.js +0 -19
  281. package/src/tokens/color.dark.tokens.stories.js +0 -26
  282. package/src/tokens/color.data_viz.dark.tokens.stories.js +0 -19
  283. package/src/tokens/color.data_viz.tokens.stories.js +0 -19
  284. package/src/tokens/color.theme.dark.tokens.stories.js +0 -21
  285. package/src/tokens/color.theme.tokens.stories.js +0 -21
  286. package/src/tokens/color.tokens.stories.js +0 -26
  287. package/src/tokens/color.transparency.tokens.stories.js +0 -14
  288. package/src/tokens/text.dark.tokens.stories.js +0 -18
  289. package/src/tokens/text.tokens.stories.js +0 -17
  290. package/src/tokens/tokens.stories.js +0 -16
  291. package/src/utils/breakpoints.spec.js +0 -26
  292. package/src/utils/charts/config.spec.js +0 -478
  293. package/src/utils/charts/utils.spec.js +0 -106
  294. package/src/utils/datetime_utility.spec.js +0 -98
  295. package/src/utils/is_slot_empty.spec.js +0 -73
  296. package/src/utils/number_utils.spec.js +0 -110
  297. package/src/utils/stories_utils.spec.js +0 -18
  298. package/src/utils/string_utils.spec.js +0 -56
  299. package/src/utils/utils.spec.js +0 -156
package/src/components/base/path/__snapshots__/path.spec.js.snap DELETED
@@ -1,586 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Path matches the snapshot 1`] = `
4
- <div
5
- class="gl-path-nav"
6
- data-testid="gl-path-nav"
7
- style="--path-bg-color: rgba(0,0,0,0);"
8
- >
9
- <span
10
- class="gl-path-fade gl-path-fade-left"
11
- style="display: none;"
12
- >
13
- <button
14
- aria-label="Scroll left"
15
- class="gl-clear-icon-button"
16
- >
17
- <gl-icon-stub
18
- name="chevron-left"
19
- size="32"
20
- />
21
- </button>
22
- </span>
23
- <ul
24
- class="gl-path-nav-list"
25
- >
26
- <li
27
- class="gl-path-nav-list-item"
28
- id="path-1-item-0"
29
- >
30
- <button
31
- class="gl-path-button gl-path-active-item-indigo"
32
- >
33
- First
34
- <span
35
- class="gl-font-weight-normal gl-pl-2"
36
- >
37
- 1d
38
- </span>
39
- </button>
40
- </li>
41
- <li
42
- class="gl-path-nav-list-item"
43
- id="path-1-item-1"
44
- >
45
- <button
46
- class="gl-path-button"
47
- >
48
- Second
49
- <span
50
- class="gl-font-weight-normal gl-pl-2"
51
- >
52
- 2d
53
- </span>
54
- </button>
55
- </li>
56
- <li
57
- class="gl-path-nav-list-item"
58
- id="path-1-item-2"
59
- >
60
- <button
61
- class="gl-path-button"
62
- >
63
- Third
64
- <span
65
- class="gl-font-weight-normal gl-pl-2"
66
- >
67
- 3d
68
- </span>
69
- </button>
70
- </li>
71
- <li
72
- class="gl-path-nav-list-item"
73
- id="path-1-item-3"
74
- >
75
- <button
76
- class="gl-path-button"
77
- >
78
- Fourth
79
- <span
80
- class="gl-font-weight-normal gl-pl-2"
81
- >
82
- 4d
83
- </span>
84
- </button>
85
- </li>
86
- <li
87
- class="gl-path-nav-list-item"
88
- id="path-1-item-4"
89
- >
90
- <button
91
- class="gl-path-button"
92
- >
93
- Fifth
94
- <span
95
- class="gl-font-weight-normal gl-pl-2"
96
- >
97
- 5d
98
- </span>
99
- </button>
100
- </li>
101
- <li
102
- class="gl-path-nav-list-item"
103
- id="path-1-item-5"
104
- >
105
- <button
106
- class="gl-path-button"
107
- >
108
- Sixth
109
- <span
110
- class="gl-font-weight-normal gl-pl-2"
111
- >
112
- 6d
113
- </span>
114
- </button>
115
- </li>
116
- <li
117
- class="gl-path-nav-list-item"
118
- id="path-1-item-6"
119
- >
120
- <button
121
- class="gl-path-button"
122
- >
123
- Seventh
124
- <span
125
- class="gl-font-weight-normal gl-pl-2"
126
- >
127
- 7d
128
- </span>
129
- </button>
130
- </li>
131
- <li
132
- class="gl-path-nav-list-item"
133
- id="path-1-item-7"
134
- >
135
- <button
136
- category="tertiary"
137
- class="gl-path-button"
138
- disabled=""
139
- >
140
- Eighth
141
- <span
142
- class="gl-font-weight-normal gl-pl-2"
143
- >
144
- 8d
145
- </span>
146
- </button>
147
- </li>
148
- <li
149
- class="gl-path-nav-list-item"
150
- id="path-1-item-8"
151
- >
152
- <button
153
- class="gl-path-button"
154
- >
155
- Ninth
156
- <span
157
- class="gl-font-weight-normal gl-pl-2"
158
- >
159
- 9d
160
- </span>
161
- </button>
162
- </li>
163
- <li
164
- class="gl-path-nav-list-item"
165
- id="path-1-item-9"
166
- >
167
- <button
168
- class="gl-path-button"
169
- >
170
- Tenth
171
- <span
172
- class="gl-font-weight-normal gl-pl-2"
173
- >
174
- 10d
175
- </span>
176
- </button>
177
- </li>
178
- </ul>
179
- <span
180
- class="gl-path-fade gl-path-fade-right"
181
- style="display: none;"
182
- >
183
- <button
184
- aria-label="Scroll right"
185
- class="gl-clear-icon-button"
186
- >
187
- <gl-icon-stub
188
- name="chevron-right"
189
- size="32"
190
- />
191
- </button>
192
- </span>
193
- </div>
194
- `;
195
-
196
- exports[`Path renders the list of items with icons matches the snapshot 1`] = `
197
- <div
198
- class="gl-path-nav"
199
- data-testid="gl-path-nav"
200
- style="--path-bg-color: rgba(0,0,0,0);"
201
- >
202
- <span
203
- class="gl-path-fade gl-path-fade-left"
204
- style="display: none;"
205
- >
206
- <button
207
- aria-label="Scroll left"
208
- class="gl-clear-icon-button"
209
- >
210
- <gl-icon-stub
211
- name="chevron-left"
212
- size="32"
213
- />
214
- </button>
215
- </span>
216
- <ul
217
- class="gl-path-nav-list"
218
- >
219
- <li
220
- class="gl-path-nav-list-item"
221
- id="path-15-item-0"
222
- >
223
- <button
224
- class="gl-path-button gl-path-active-item-indigo"
225
- >
226
- <gl-icon-stub
227
- class="gl-mr-2"
228
- data-testid="gl-path-item-icon"
229
- name="home"
230
- size="16"
231
- />
232
- First
233
- <span
234
- class="gl-font-weight-normal gl-pl-2"
235
- >
236
- 12d
237
- </span>
238
- </button>
239
- </li>
240
- <li
241
- class="gl-path-nav-list-item"
242
- id="path-15-item-1"
243
- >
244
- <button
245
- class="gl-path-button"
246
- >
247
- Second
248
- <span
249
- class="gl-font-weight-normal gl-pl-2"
250
- >
251
- 2d
252
- </span>
253
- </button>
254
- </li>
255
- <li
256
- class="gl-path-nav-list-item"
257
- id="path-15-item-2"
258
- >
259
- <button
260
- class="gl-path-button"
261
- >
262
- Third
263
- <span
264
- class="gl-font-weight-normal gl-pl-2"
265
- >
266
- 3d
267
- </span>
268
- </button>
269
- </li>
270
- <li
271
- class="gl-path-nav-list-item"
272
- id="path-15-item-3"
273
- >
274
- <button
275
- class="gl-path-button"
276
- >
277
- Fourth
278
- <span
279
- class="gl-font-weight-normal gl-pl-2"
280
- >
281
- 4d
282
- </span>
283
- </button>
284
- </li>
285
- <li
286
- class="gl-path-nav-list-item"
287
- id="path-15-item-4"
288
- >
289
- <button
290
- class="gl-path-button"
291
- >
292
- Fifth
293
- <span
294
- class="gl-font-weight-normal gl-pl-2"
295
- >
296
- 5d
297
- </span>
298
- </button>
299
- </li>
300
- <li
301
- class="gl-path-nav-list-item"
302
- id="path-15-item-5"
303
- >
304
- <button
305
- class="gl-path-button"
306
- >
307
- Sixth
308
- <span
309
- class="gl-font-weight-normal gl-pl-2"
310
- >
311
- 6d
312
- </span>
313
- </button>
314
- </li>
315
- <li
316
- class="gl-path-nav-list-item"
317
- id="path-15-item-6"
318
- >
319
- <button
320
- class="gl-path-button"
321
- >
322
- Seventh
323
- <span
324
- class="gl-font-weight-normal gl-pl-2"
325
- >
326
- 7d
327
- </span>
328
- </button>
329
- </li>
330
- <li
331
- class="gl-path-nav-list-item"
332
- id="path-15-item-7"
333
- >
334
- <button
335
- category="tertiary"
336
- class="gl-path-button"
337
- disabled=""
338
- >
339
- Eighth
340
- <span
341
- class="gl-font-weight-normal gl-pl-2"
342
- >
343
- 8d
344
- </span>
345
- </button>
346
- </li>
347
- <li
348
- class="gl-path-nav-list-item"
349
- id="path-15-item-8"
350
- >
351
- <button
352
- class="gl-path-button"
353
- >
354
- Ninth
355
- <span
356
- class="gl-font-weight-normal gl-pl-2"
357
- >
358
- 9d
359
- </span>
360
- </button>
361
- </li>
362
- <li
363
- class="gl-path-nav-list-item"
364
- id="path-15-item-9"
365
- >
366
- <button
367
- class="gl-path-button"
368
- >
369
- Tenth
370
- <span
371
- class="gl-font-weight-normal gl-pl-2"
372
- >
373
- 10d
374
- </span>
375
- </button>
376
- </li>
377
- </ul>
378
- <span
379
- class="gl-path-fade gl-path-fade-right"
380
- style="display: none;"
381
- >
382
- <button
383
- aria-label="Scroll right"
384
- class="gl-clear-icon-button"
385
- >
386
- <gl-icon-stub
387
- name="chevron-right"
388
- size="32"
389
- />
390
- </button>
391
- </span>
392
- </div>
393
- `;
394
-
395
- exports[`Path renders the list of items with metrics matches the snapshot 1`] = `
396
- <div
397
- class="gl-path-nav"
398
- data-testid="gl-path-nav"
399
- style="--path-bg-color: rgba(0,0,0,0);"
400
- >
401
- <span
402
- class="gl-path-fade gl-path-fade-left"
403
- style="display: none;"
404
- >
405
- <button
406
- aria-label="Scroll left"
407
- class="gl-clear-icon-button"
408
- >
409
- <gl-icon-stub
410
- name="chevron-left"
411
- size="32"
412
- />
413
- </button>
414
- </span>
415
- <ul
416
- class="gl-path-nav-list"
417
- >
418
- <li
419
- class="gl-path-nav-list-item"
420
- id="path-11-item-0"
421
- >
422
- <button
423
- class="gl-path-button gl-path-active-item-indigo"
424
- >
425
- First
426
- <span
427
- class="gl-font-weight-normal gl-pl-2"
428
- >
429
- 12d
430
- </span>
431
- </button>
432
- </li>
433
- <li
434
- class="gl-path-nav-list-item"
435
- id="path-11-item-1"
436
- >
437
- <button
438
- class="gl-path-button"
439
- >
440
- Second
441
- <span
442
- class="gl-font-weight-normal gl-pl-2"
443
- >
444
- 2d
445
- </span>
446
- </button>
447
- </li>
448
- <li
449
- class="gl-path-nav-list-item"
450
- id="path-11-item-2"
451
- >
452
- <button
453
- class="gl-path-button"
454
- >
455
- Third
456
- <span
457
- class="gl-font-weight-normal gl-pl-2"
458
- >
459
- 3d
460
- </span>
461
- </button>
462
- </li>
463
- <li
464
- class="gl-path-nav-list-item"
465
- id="path-11-item-3"
466
- >
467
- <button
468
- class="gl-path-button"
469
- >
470
- Fourth
471
- <span
472
- class="gl-font-weight-normal gl-pl-2"
473
- >
474
- 4d
475
- </span>
476
- </button>
477
- </li>
478
- <li
479
- class="gl-path-nav-list-item"
480
- id="path-11-item-4"
481
- >
482
- <button
483
- class="gl-path-button"
484
- >
485
- Fifth
486
- <span
487
- class="gl-font-weight-normal gl-pl-2"
488
- >
489
- 5d
490
- </span>
491
- </button>
492
- </li>
493
- <li
494
- class="gl-path-nav-list-item"
495
- id="path-11-item-5"
496
- >
497
- <button
498
- class="gl-path-button"
499
- >
500
- Sixth
501
- <span
502
- class="gl-font-weight-normal gl-pl-2"
503
- >
504
- 6d
505
- </span>
506
- </button>
507
- </li>
508
- <li
509
- class="gl-path-nav-list-item"
510
- id="path-11-item-6"
511
- >
512
- <button
513
- class="gl-path-button"
514
- >
515
- Seventh
516
- <span
517
- class="gl-font-weight-normal gl-pl-2"
518
- >
519
- 7d
520
- </span>
521
- </button>
522
- </li>
523
- <li
524
- class="gl-path-nav-list-item"
525
- id="path-11-item-7"
526
- >
527
- <button
528
- category="tertiary"
529
- class="gl-path-button"
530
- disabled=""
531
- >
532
- Eighth
533
- <span
534
- class="gl-font-weight-normal gl-pl-2"
535
- >
536
- 8d
537
- </span>
538
- </button>
539
- </li>
540
- <li
541
- class="gl-path-nav-list-item"
542
- id="path-11-item-8"
543
- >
544
- <button
545
- class="gl-path-button"
546
- >
547
- Ninth
548
- <span
549
- class="gl-font-weight-normal gl-pl-2"
550
- >
551
- 9d
552
- </span>
553
- </button>
554
- </li>
555
- <li
556
- class="gl-path-nav-list-item"
557
- id="path-11-item-9"
558
- >
559
- <button
560
- class="gl-path-button"
561
- >
562
- Tenth
563
- <span
564
- class="gl-font-weight-normal gl-pl-2"
565
- >
566
- 10d
567
- </span>
568
- </button>
569
- </li>
570
- </ul>
571
- <span
572
- class="gl-path-fade gl-path-fade-right"
573
- style="display: none;"
574
- >
575
- <button
576
- aria-label="Scroll right"
577
- class="gl-clear-icon-button"
578
- >
579
- <gl-icon-stub
580
- name="chevron-right"
581
- size="32"
582
- />
583
- </button>
584
- </span>
585
- </div>
586
- `;