@elastic/eui 63.0.3 → 65.0.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 (1055) hide show
  1. package/dist/eui_charts_theme.js +330 -330
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/dist/eui_theme_dark.css +211 -1652
  4. package/dist/eui_theme_dark.json +0 -33
  5. package/dist/eui_theme_dark.json.d.ts +0 -33
  6. package/dist/eui_theme_dark.min.css +1 -1
  7. package/dist/eui_theme_light.css +175 -1616
  8. package/dist/eui_theme_light.json +0 -33
  9. package/dist/eui_theme_light.json.d.ts +0 -33
  10. package/dist/eui_theme_light.min.css +1 -1
  11. package/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  12. package/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +2 -1
  13. package/es/components/accessibility/skip_link/skip_link.js +5 -53
  14. package/es/components/accordion/accordion.js +20 -8
  15. package/es/components/accordion/accordion.styles.js +20 -27
  16. package/es/components/aspect_ratio/aspect_ratio.js +10 -18
  17. package/es/components/avatar/avatar.js +1 -0
  18. package/es/components/badge/badge.js +1 -0
  19. package/es/components/badge/badge_group/badge_group.js +1 -0
  20. package/es/components/badge/beta_badge/beta_badge.js +17 -3
  21. package/es/components/badge/notification_badge/badge_notification.js +2 -1
  22. package/es/components/basic_table/basic_table.js +6 -3
  23. package/es/components/basic_table/collapsed_item_actions.js +1 -1
  24. package/es/components/basic_table/in_memory_table.js +9 -4
  25. package/es/components/beacon/beacon.js +1 -0
  26. package/es/components/beacon/beacon.styles.js +2 -2
  27. package/es/components/bottom_bar/bottom_bar.js +2 -0
  28. package/es/components/breadcrumbs/breadcrumb.js +1 -0
  29. package/es/components/breadcrumbs/breadcrumb.styles.js +2 -2
  30. package/es/components/breadcrumbs/breadcrumbs.js +2 -0
  31. package/es/components/button/_button_content_deprecated.js +3 -1
  32. package/es/components/button/button.js +114 -213
  33. package/es/components/button/button_display/_button_display.js +92 -40
  34. package/es/components/button/button_display/_button_display.styles.js +7 -16
  35. package/es/components/button/button_display/_button_display_content.js +9 -4
  36. package/es/components/button/button_display/_button_display_content.styles.js +7 -17
  37. package/es/components/button/button_empty/button_empty.js +66 -54
  38. package/es/components/button/button_empty/index.js +1 -1
  39. package/es/components/button/button_group/button_group.js +8 -13
  40. package/es/components/button/button_group/button_group_button.js +16 -4
  41. package/es/components/button/button_icon/button_icon.js +62 -42
  42. package/es/components/call_out/call_out.js +1 -0
  43. package/es/components/call_out/call_out.styles.js +2 -1
  44. package/es/components/card/card.js +174 -88
  45. package/es/components/card/card.styles.js +136 -0
  46. package/es/components/card/card_select/card_select.js +133 -0
  47. package/es/components/card/card_select/card_select.styles.js +25 -0
  48. package/es/components/card/card_select/index.js +8 -0
  49. package/es/components/card/checkable_card/checkable_card.js +14 -9
  50. package/es/components/card/checkable_card/checkable_card.styles.js +22 -0
  51. package/es/components/code/code.js +1 -0
  52. package/es/components/code/code_block.js +1 -0
  53. package/es/components/collapsible_nav/collapsible_nav.js +8 -48
  54. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  55. package/es/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  56. package/es/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  57. package/es/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  58. package/es/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  59. package/es/components/color_picker/color_picker.js +1 -0
  60. package/es/components/color_picker/color_picker_swatch.js +1 -0
  61. package/es/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  62. package/es/components/color_picker/color_stops/color_stops.js +2 -1
  63. package/es/components/color_picker/hue.js +1 -0
  64. package/es/components/color_picker/saturation.js +1 -0
  65. package/es/components/combo_box/combo_box.js +2 -1
  66. package/es/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  67. package/es/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  68. package/es/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  69. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  70. package/es/components/comment_list/comment.js +1 -0
  71. package/es/components/comment_list/comment_event.js +2 -1
  72. package/es/components/comment_list/comment_event.styles.js +1 -1
  73. package/es/components/comment_list/comment_list.js +2 -0
  74. package/es/components/comment_list/comment_timeline.js +2 -1
  75. package/es/components/context_menu/context_menu.js +3 -1
  76. package/es/components/context_menu/context_menu_item.js +1 -0
  77. package/es/components/context_menu/context_menu_panel.js +1 -0
  78. package/es/components/control_bar/control_bar.js +3 -0
  79. package/es/components/copy/copy.js +2 -1
  80. package/es/components/datagrid/body/data_grid_body.js +19 -6
  81. package/es/components/datagrid/body/data_grid_cell.js +37 -12
  82. package/es/components/datagrid/body/header/data_grid_header_cell.js +19 -6
  83. package/es/components/datagrid/body/header/data_grid_header_row.js +20 -6
  84. package/es/components/datagrid/data_grid.js +20 -6
  85. package/es/components/datagrid/utils/in_memory.js +19 -6
  86. package/es/components/date_picker/auto_refresh/auto_refresh.js +6 -3
  87. package/es/components/date_picker/date_picker.js +1 -0
  88. package/es/components/date_picker/date_picker_range.js +45 -4
  89. package/es/components/date_picker/super_date_picker/super_date_picker.js +19 -1
  90. package/es/components/date_picker/super_date_picker/super_update_button.js +11 -1
  91. package/es/components/description_list/description_list.js +5 -2
  92. package/es/components/description_list/description_list_description.js +2 -1
  93. package/es/components/description_list/description_list_title.js +2 -1
  94. package/es/components/drag_and_drop/draggable.js +2 -1
  95. package/es/components/drag_and_drop/droppable.js +2 -1
  96. package/es/components/empty_prompt/empty_prompt.js +1 -0
  97. package/es/components/error_boundary/error_boundary.js +1 -0
  98. package/es/components/expression/expression.js +1 -0
  99. package/es/components/expression/expression.styles.js +13 -31
  100. package/es/components/facet/facet_button.js +7 -5
  101. package/es/components/facet/facet_group.js +1 -0
  102. package/es/components/filter_group/filter_group.js +1 -0
  103. package/es/components/filter_group/filter_select_item.js +2 -1
  104. package/es/components/flex/flex_grid.js +1 -0
  105. package/es/components/flex/flex_group.js +2 -1
  106. package/es/components/flex/flex_item.js +1 -0
  107. package/es/components/flyout/flyout.js +7 -34
  108. package/es/components/flyout/flyout_body.js +1 -0
  109. package/es/components/flyout/flyout_footer.js +2 -1
  110. package/es/components/flyout/flyout_header.js +1 -0
  111. package/es/components/focus_trap/focus_trap.js +1 -0
  112. package/es/components/form/checkbox/checkbox.js +4 -2
  113. package/es/components/form/checkbox/checkbox_group.js +2 -0
  114. package/es/components/form/described_form_group/described_form_group.js +1 -0
  115. package/es/components/form/field_number/field_number.js +1 -0
  116. package/es/components/form/field_password/field_password.js +1 -0
  117. package/es/components/form/field_search/field_search.js +2 -1
  118. package/es/components/form/field_text/field_text.js +1 -0
  119. package/es/components/form/file_picker/file_picker.js +2 -1
  120. package/es/components/form/form.js +1 -0
  121. package/es/components/form/form_control_layout/form_control_layout.js +2 -0
  122. package/es/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  123. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  124. package/es/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  125. package/es/components/form/form_error_text/form_error_text.js +2 -1
  126. package/es/components/form/form_fieldset/form_fieldset.js +3 -1
  127. package/es/components/form/form_fieldset/form_legend.js +1 -0
  128. package/es/components/form/form_help_text/form_help_text.js +2 -1
  129. package/es/components/form/form_label/form_label.js +2 -1
  130. package/es/components/form/form_row/form_row.js +1 -0
  131. package/es/components/form/radio/radio.js +3 -1
  132. package/es/components/form/radio/radio_group.js +2 -0
  133. package/es/components/form/range/dual_range.js +2 -1
  134. package/es/components/form/range/range.js +4 -2
  135. package/es/components/form/range/range_levels.js +2 -1
  136. package/es/components/form/range/range_slider.js +1 -0
  137. package/es/components/form/range/range_thumb.js +2 -1
  138. package/es/components/form/range/range_track.js +2 -1
  139. package/es/components/form/range/range_wrapper.js +2 -1
  140. package/es/components/form/select/select.js +1 -0
  141. package/es/components/form/super_select/super_select.js +1 -0
  142. package/es/components/form/switch/switch.js +3 -1
  143. package/es/components/form/text_area/text_area.js +1 -0
  144. package/es/components/form/validatable_control/validatable_control.js +1 -0
  145. package/es/components/header/header.js +3 -2
  146. package/es/components/header/header_alert/header_alert.js +1 -0
  147. package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  148. package/es/components/header/header_links/header_link.js +7 -3
  149. package/es/components/header/header_links/header_links.js +8 -1
  150. package/es/components/header/header_logo.js +1 -0
  151. package/es/components/header/header_section/header_section.js +1 -0
  152. package/es/components/header/header_section/header_section_item.js +1 -0
  153. package/es/components/health/health.js +1 -0
  154. package/es/components/highlight/highlight.js +1 -0
  155. package/es/components/horizontal_rule/horizontal_rule.js +2 -1
  156. package/es/components/icon/icon.js +1 -0
  157. package/es/components/image/image.js +1 -0
  158. package/es/components/image/image_button.styles.js +1 -1
  159. package/es/components/image/image_wrapper.styles.js +3 -3
  160. package/es/components/key_pad_menu/key_pad_menu.js +1 -0
  161. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -0
  162. package/es/components/link/link.js +1 -0
  163. package/es/components/link/link.styles.js +7 -6
  164. package/es/components/list_group/list_group.js +5 -1
  165. package/es/components/list_group/list_group_item.js +4 -1
  166. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +8 -2
  167. package/es/components/loading/loading_chart.js +1 -0
  168. package/es/components/loading/loading_chart.styles.js +16 -26
  169. package/es/components/loading/loading_content.js +1 -0
  170. package/es/components/loading/loading_content.styles.js +2 -2
  171. package/es/components/loading/loading_elastic.js +1 -0
  172. package/es/components/loading/loading_logo.js +1 -0
  173. package/es/components/loading/loading_logo.styles.js +4 -4
  174. package/es/components/loading/loading_spinner.js +1 -0
  175. package/es/components/loading/loading_spinner.styles.js +6 -6
  176. package/es/components/mark/mark.js +1 -0
  177. package/es/components/markdown_editor/markdown_editor.js +2 -0
  178. package/es/components/markdown_editor/markdown_editor_text_area.js +1 -0
  179. package/es/components/markdown_editor/markdown_editor_toolbar.js +3 -0
  180. package/es/components/markdown_editor/markdown_format.js +1 -0
  181. package/es/components/modal/confirm_modal.js +1 -1
  182. package/es/components/modal/modal_body.js +2 -1
  183. package/es/components/modal/modal_footer.js +2 -1
  184. package/es/components/modal/modal_header.js +2 -1
  185. package/es/components/modal/modal_header_title.js +2 -1
  186. package/es/components/notification/notification_event.js +9 -4
  187. package/es/components/notification/notification_event_read_button.js +3 -1
  188. package/es/components/notification/notification_event_read_icon.js +1 -0
  189. package/es/components/overlay_mask/overlay_mask.js +3 -1
  190. package/es/components/page/page.js +1 -0
  191. package/es/components/page/page_content/page_content.js +1 -0
  192. package/es/components/page/page_content/page_content_body.js +1 -0
  193. package/es/components/page/page_content/page_content_header.js +2 -1
  194. package/es/components/page/page_content/page_content_header_section.js +2 -1
  195. package/es/components/page/page_header/page_header.js +1 -0
  196. package/es/components/page/page_header/page_header_content.js +4 -0
  197. package/es/components/page/page_header/page_header_section.js +2 -1
  198. package/es/components/page/page_section/page_section.js +1 -0
  199. package/es/components/page/page_side_bar/page_side_bar.js +2 -1
  200. package/es/components/page/page_sidebar/page_sidebar.js +5 -2
  201. package/es/components/page/page_template.js +9 -3
  202. package/es/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
  203. package/es/components/page_template/inner/page_inner.styles.js +2 -2
  204. package/es/components/page_template/outer/page_outer.js +2 -1
  205. package/es/components/page_template/outer/page_outer.styles.js +3 -1
  206. package/es/components/page_template/page_template.js +9 -2
  207. package/es/components/pagination/pagination.js +1 -0
  208. package/es/components/pagination/pagination_button.js +7 -3
  209. package/es/components/panel/panel.js +3 -2
  210. package/es/components/panel/{panel.style.js → panel.styles.js} +2 -2
  211. package/es/components/panel/split_panel/split_panel.js +2 -1
  212. package/es/components/popover/input_popover.js +1 -0
  213. package/es/components/popover/popover.js +10 -2
  214. package/es/components/popover/popover_arrow/_popover_arrow.js +1 -0
  215. package/es/components/popover/popover_footer.js +1 -0
  216. package/es/components/popover/popover_panel/_popover_panel.js +1 -0
  217. package/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
  218. package/es/components/popover/popover_title.js +1 -0
  219. package/es/components/progress/progress.js +1 -0
  220. package/es/components/progress/progress.styles.js +2 -2
  221. package/es/components/provider/cache/cache_provider.js +9 -3
  222. package/es/components/resizable_container/resizable_button.js +2 -1
  223. package/es/components/resizable_container/resizable_container.js +2 -1
  224. package/es/components/resizable_container/resizable_panel.js +2 -1
  225. package/es/components/search_bar/search_bar.js +3 -1
  226. package/es/components/selectable/selectable.js +2 -0
  227. package/es/components/selectable/selectable_list/selectable_list.js +4 -0
  228. package/es/components/selectable/selectable_list/selectable_list_item.js +2 -0
  229. package/es/components/selectable/selectable_message/selectable_message.js +1 -0
  230. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  231. package/es/components/side_nav/side_nav.js +1 -0
  232. package/es/components/spacer/spacer.js +1 -0
  233. package/es/components/stat/stat.js +1 -0
  234. package/es/components/steps/step.js +1 -0
  235. package/es/components/steps/step_horizontal.js +2 -1
  236. package/es/components/steps/step_number.js +2 -1
  237. package/es/components/steps/steps.js +2 -1
  238. package/es/components/steps/steps_horizontal.js +2 -1
  239. package/es/components/steps/sub_steps.js +2 -1
  240. package/es/components/suggest/suggest.js +2 -0
  241. package/es/components/suggest/suggest_item.js +1 -0
  242. package/es/components/table/mobile/table_header_mobile.js +2 -1
  243. package/es/components/table/mobile/table_sort_mobile_item.js +2 -1
  244. package/es/components/table/table.js +2 -1
  245. package/es/components/table/table_body.js +1 -0
  246. package/es/components/table/table_footer.js +2 -1
  247. package/es/components/table/table_footer_cell.js +1 -0
  248. package/es/components/table/table_header.js +1 -0
  249. package/es/components/table/table_header_button.js +1 -0
  250. package/es/components/table/table_header_cell.js +1 -0
  251. package/es/components/table/table_header_cell_checkbox.js +1 -0
  252. package/es/components/table/table_row.js +1 -0
  253. package/es/components/table/table_row_cell.js +1 -0
  254. package/es/components/table/table_row_cell_checkbox.js +2 -1
  255. package/es/components/tabs/tab.js +1 -0
  256. package/es/components/tabs/tabbed_content/tabbed_content.js +7 -3
  257. package/es/components/text/text.js +1 -0
  258. package/es/components/text/text.styles.js +1 -1
  259. package/es/components/text/text_align.js +1 -0
  260. package/es/components/text/text_color.js +1 -0
  261. package/es/components/timeline/timeline.js +4 -2
  262. package/es/components/timeline/timeline_item.js +2 -1
  263. package/es/components/title/title.js +1 -0
  264. package/es/components/title/title.styles.js +2 -2
  265. package/es/components/toast/global_toast_list.js +4 -2
  266. package/es/components/toast/global_toast_list.styles.js +2 -2
  267. package/es/components/toast/global_toast_list_item.js +1 -0
  268. package/es/components/toast/toast.js +2 -1
  269. package/es/components/toast/toast.styles.js +4 -4
  270. package/es/components/tool_tip/icon_tip.js +11 -1
  271. package/es/components/tool_tip/tool_tip.js +18 -6
  272. package/es/components/tool_tip/tool_tip_popover.js +1 -0
  273. package/es/components/tour/tour.js +1 -214
  274. package/es/components/tour/tour.styles.js +57 -0
  275. package/es/components/tour/tour_step.js +36 -6
  276. package/es/components/tour/tour_step_indicator.js +23 -14
  277. package/es/components/tree_view/tree_view.js +1 -0
  278. package/es/global_styling/functions/logicals.js +16 -72
  279. package/es/global_styling/functions/typography.js +2 -1
  280. package/es/global_styling/mixins/_color.js +1 -1
  281. package/es/global_styling/mixins/_helpers.js +18 -5
  282. package/es/global_styling/mixins/_responsive.js +18 -14
  283. package/es/global_styling/mixins/_states.js +3 -4
  284. package/es/global_styling/mixins/_typography.js +3 -1
  285. package/es/global_styling/reset/global_styles.js +2 -1
  286. package/es/global_styling/utility/utility.js +10 -2
  287. package/es/global_styling/variables/breakpoint.js +2 -1
  288. package/es/services/breakpoint/_sorting.js +41 -0
  289. package/es/services/breakpoint/current_breakpoint.js +19 -6
  290. package/es/services/breakpoint/index.js +2 -2
  291. package/es/services/breakpoint/is_within_hooks.js +67 -0
  292. package/es/services/index.js +1 -1
  293. package/es/themes/amsterdam/global_styling/mixins/button.js +165 -16
  294. package/eui.d.ts +1172 -1011
  295. package/i18ntokens.json +33 -33
  296. package/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  297. package/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +3 -1
  298. package/lib/components/accessibility/skip_link/skip_link.js +5 -53
  299. package/lib/components/accordion/accordion.js +21 -8
  300. package/lib/components/accordion/accordion.styles.js +20 -26
  301. package/lib/components/aspect_ratio/aspect_ratio.js +10 -20
  302. package/lib/components/avatar/avatar.js +1 -0
  303. package/lib/components/badge/badge.js +1 -0
  304. package/lib/components/badge/badge_group/badge_group.js +1 -0
  305. package/lib/components/badge/beta_badge/beta_badge.js +17 -3
  306. package/lib/components/badge/notification_badge/badge_notification.js +2 -1
  307. package/lib/components/basic_table/basic_table.js +6 -3
  308. package/lib/components/basic_table/collapsed_item_actions.js +1 -1
  309. package/lib/components/basic_table/in_memory_table.js +9 -4
  310. package/lib/components/beacon/beacon.js +1 -0
  311. package/lib/components/beacon/beacon.styles.js +1 -1
  312. package/lib/components/bottom_bar/bottom_bar.js +2 -0
  313. package/lib/components/breadcrumbs/breadcrumb.js +1 -0
  314. package/lib/components/breadcrumbs/breadcrumb.styles.js +2 -2
  315. package/lib/components/breadcrumbs/breadcrumbs.js +2 -0
  316. package/lib/components/button/_button_content_deprecated.js +3 -1
  317. package/lib/components/button/button.js +124 -225
  318. package/lib/components/button/button_display/_button_display.js +96 -33
  319. package/lib/components/button/button_display/_button_display.styles.js +7 -16
  320. package/lib/components/button/button_display/_button_display_content.js +10 -4
  321. package/lib/components/button/button_display/_button_display_content.styles.js +7 -17
  322. package/lib/components/button/button_empty/button_empty.js +67 -55
  323. package/lib/components/button/button_empty/index.js +0 -6
  324. package/lib/components/button/button_group/button_group.js +8 -13
  325. package/lib/components/button/button_group/button_group_button.js +17 -4
  326. package/lib/components/button/button_icon/button_icon.js +62 -43
  327. package/lib/components/call_out/call_out.js +1 -0
  328. package/lib/components/call_out/call_out.styles.js +2 -1
  329. package/lib/components/card/card.js +175 -87
  330. package/lib/components/card/card.styles.js +146 -0
  331. package/lib/components/card/card_select/card_select.js +144 -0
  332. package/lib/components/card/card_select/card_select.styles.js +27 -0
  333. package/lib/components/card/card_select/index.js +19 -0
  334. package/lib/components/card/checkable_card/checkable_card.js +16 -9
  335. package/lib/components/card/checkable_card/checkable_card.styles.js +33 -0
  336. package/lib/components/code/code.js +1 -0
  337. package/lib/components/code/code_block.js +1 -0
  338. package/lib/components/collapsible_nav/collapsible_nav.js +6 -46
  339. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  340. package/lib/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  341. package/lib/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  342. package/lib/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  343. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  344. package/lib/components/color_picker/color_picker.js +1 -0
  345. package/lib/components/color_picker/color_picker_swatch.js +1 -0
  346. package/lib/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  347. package/lib/components/color_picker/color_stops/color_stops.js +2 -1
  348. package/lib/components/color_picker/hue.js +1 -0
  349. package/lib/components/color_picker/saturation.js +1 -0
  350. package/lib/components/combo_box/combo_box.js +2 -1
  351. package/lib/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  352. package/lib/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  353. package/lib/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  354. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  355. package/lib/components/comment_list/comment.js +1 -0
  356. package/lib/components/comment_list/comment_event.js +2 -1
  357. package/lib/components/comment_list/comment_event.styles.js +1 -1
  358. package/lib/components/comment_list/comment_list.js +2 -0
  359. package/lib/components/comment_list/comment_timeline.js +2 -1
  360. package/lib/components/context_menu/context_menu.js +3 -1
  361. package/lib/components/context_menu/context_menu_item.js +1 -0
  362. package/lib/components/context_menu/context_menu_panel.js +1 -0
  363. package/lib/components/control_bar/control_bar.js +3 -0
  364. package/lib/components/copy/copy.js +2 -1
  365. package/lib/components/datagrid/body/data_grid_body.js +19 -6
  366. package/lib/components/datagrid/body/data_grid_cell.js +37 -12
  367. package/lib/components/datagrid/body/header/data_grid_header_cell.js +19 -6
  368. package/lib/components/datagrid/body/header/data_grid_header_row.js +20 -6
  369. package/lib/components/datagrid/data_grid.js +20 -6
  370. package/lib/components/datagrid/utils/in_memory.js +19 -6
  371. package/lib/components/date_picker/auto_refresh/auto_refresh.js +6 -3
  372. package/lib/components/date_picker/date_picker.js +1 -0
  373. package/lib/components/date_picker/date_picker_range.js +45 -4
  374. package/lib/components/date_picker/super_date_picker/super_date_picker.js +19 -1
  375. package/lib/components/date_picker/super_date_picker/super_update_button.js +11 -1
  376. package/lib/components/description_list/description_list.js +5 -2
  377. package/lib/components/description_list/description_list_description.js +2 -1
  378. package/lib/components/description_list/description_list_title.js +2 -1
  379. package/lib/components/drag_and_drop/draggable.js +2 -1
  380. package/lib/components/drag_and_drop/droppable.js +2 -1
  381. package/lib/components/empty_prompt/empty_prompt.js +1 -0
  382. package/lib/components/error_boundary/error_boundary.js +1 -0
  383. package/lib/components/expression/expression.js +1 -0
  384. package/lib/components/expression/expression.styles.js +12 -30
  385. package/lib/components/facet/facet_button.js +6 -4
  386. package/lib/components/facet/facet_group.js +1 -0
  387. package/lib/components/filter_group/filter_group.js +1 -0
  388. package/lib/components/filter_group/filter_select_item.js +2 -1
  389. package/lib/components/flex/flex_grid.js +1 -0
  390. package/lib/components/flex/flex_group.js +2 -1
  391. package/lib/components/flex/flex_item.js +1 -0
  392. package/lib/components/flyout/flyout.js +6 -33
  393. package/lib/components/flyout/flyout_body.js +1 -0
  394. package/lib/components/flyout/flyout_footer.js +2 -1
  395. package/lib/components/flyout/flyout_header.js +1 -0
  396. package/lib/components/focus_trap/focus_trap.js +1 -0
  397. package/lib/components/form/checkbox/checkbox.js +4 -2
  398. package/lib/components/form/checkbox/checkbox_group.js +2 -0
  399. package/lib/components/form/described_form_group/described_form_group.js +1 -0
  400. package/lib/components/form/field_number/field_number.js +1 -0
  401. package/lib/components/form/field_password/field_password.js +1 -0
  402. package/lib/components/form/field_search/field_search.js +2 -1
  403. package/lib/components/form/field_text/field_text.js +1 -0
  404. package/lib/components/form/file_picker/file_picker.js +2 -1
  405. package/lib/components/form/form.js +1 -0
  406. package/lib/components/form/form_control_layout/form_control_layout.js +2 -0
  407. package/lib/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  408. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  409. package/lib/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  410. package/lib/components/form/form_error_text/form_error_text.js +2 -1
  411. package/lib/components/form/form_fieldset/form_fieldset.js +3 -1
  412. package/lib/components/form/form_fieldset/form_legend.js +1 -0
  413. package/lib/components/form/form_help_text/form_help_text.js +2 -1
  414. package/lib/components/form/form_label/form_label.js +2 -1
  415. package/lib/components/form/form_row/form_row.js +1 -0
  416. package/lib/components/form/radio/radio.js +3 -1
  417. package/lib/components/form/radio/radio_group.js +2 -0
  418. package/lib/components/form/range/dual_range.js +2 -1
  419. package/lib/components/form/range/range.js +4 -2
  420. package/lib/components/form/range/range_levels.js +2 -1
  421. package/lib/components/form/range/range_slider.js +1 -0
  422. package/lib/components/form/range/range_thumb.js +2 -1
  423. package/lib/components/form/range/range_track.js +2 -1
  424. package/lib/components/form/range/range_wrapper.js +2 -1
  425. package/lib/components/form/select/select.js +1 -0
  426. package/lib/components/form/super_select/super_select.js +1 -0
  427. package/lib/components/form/switch/switch.js +3 -1
  428. package/lib/components/form/text_area/text_area.js +1 -0
  429. package/lib/components/form/validatable_control/validatable_control.js +1 -0
  430. package/lib/components/header/header.js +3 -2
  431. package/lib/components/header/header_alert/header_alert.js +1 -0
  432. package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  433. package/lib/components/header/header_links/header_link.js +7 -3
  434. package/lib/components/header/header_links/header_links.js +8 -1
  435. package/lib/components/header/header_logo.js +1 -0
  436. package/lib/components/header/header_section/header_section.js +1 -0
  437. package/lib/components/header/header_section/header_section_item.js +1 -0
  438. package/lib/components/health/health.js +1 -0
  439. package/lib/components/highlight/highlight.js +1 -0
  440. package/lib/components/horizontal_rule/horizontal_rule.js +2 -1
  441. package/lib/components/icon/icon.js +1 -0
  442. package/lib/components/image/image.js +1 -0
  443. package/lib/components/image/image_button.styles.js +1 -1
  444. package/lib/components/image/image_wrapper.styles.js +2 -2
  445. package/lib/components/key_pad_menu/key_pad_menu.js +1 -0
  446. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -0
  447. package/lib/components/link/link.js +1 -0
  448. package/lib/components/link/link.styles.js +6 -5
  449. package/lib/components/list_group/list_group.js +5 -1
  450. package/lib/components/list_group/list_group_item.js +4 -1
  451. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +8 -2
  452. package/lib/components/loading/loading_chart.js +1 -0
  453. package/lib/components/loading/loading_chart.styles.js +16 -25
  454. package/lib/components/loading/loading_content.js +1 -0
  455. package/lib/components/loading/loading_content.styles.js +1 -1
  456. package/lib/components/loading/loading_elastic.js +1 -0
  457. package/lib/components/loading/loading_logo.js +1 -0
  458. package/lib/components/loading/loading_logo.styles.js +4 -4
  459. package/lib/components/loading/loading_spinner.js +1 -0
  460. package/lib/components/loading/loading_spinner.styles.js +5 -5
  461. package/lib/components/mark/mark.js +1 -0
  462. package/lib/components/markdown_editor/markdown_editor.js +2 -0
  463. package/lib/components/markdown_editor/markdown_editor_text_area.js +1 -0
  464. package/lib/components/markdown_editor/markdown_editor_toolbar.js +3 -0
  465. package/lib/components/markdown_editor/markdown_format.js +1 -0
  466. package/lib/components/modal/confirm_modal.js +1 -1
  467. package/lib/components/modal/modal_body.js +2 -1
  468. package/lib/components/modal/modal_footer.js +2 -1
  469. package/lib/components/modal/modal_header.js +2 -1
  470. package/lib/components/modal/modal_header_title.js +2 -1
  471. package/lib/components/notification/notification_event.js +9 -4
  472. package/lib/components/notification/notification_event_read_button.js +3 -1
  473. package/lib/components/overlay_mask/overlay_mask.js +3 -1
  474. package/lib/components/page/page.js +1 -0
  475. package/lib/components/page/page_content/page_content.js +1 -0
  476. package/lib/components/page/page_content/page_content_body.js +1 -0
  477. package/lib/components/page/page_content/page_content_header.js +2 -1
  478. package/lib/components/page/page_content/page_content_header_section.js +2 -1
  479. package/lib/components/page/page_header/page_header.js +1 -0
  480. package/lib/components/page/page_header/page_header_content.js +4 -0
  481. package/lib/components/page/page_header/page_header_section.js +2 -1
  482. package/lib/components/page/page_section/page_section.js +1 -0
  483. package/lib/components/page/page_side_bar/page_side_bar.js +2 -1
  484. package/lib/components/page/page_sidebar/page_sidebar.js +5 -2
  485. package/lib/components/page/page_template.js +8 -2
  486. package/lib/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
  487. package/lib/components/page_template/inner/page_inner.styles.js +2 -2
  488. package/lib/components/page_template/outer/page_outer.js +2 -1
  489. package/lib/components/page_template/outer/page_outer.styles.js +4 -1
  490. package/lib/components/page_template/page_template.js +9 -2
  491. package/lib/components/pagination/pagination.js +1 -0
  492. package/lib/components/panel/panel.js +3 -2
  493. package/lib/components/panel/{panel.style.js → panel.styles.js} +1 -1
  494. package/lib/components/panel/split_panel/split_panel.js +2 -1
  495. package/lib/components/popover/input_popover.js +1 -0
  496. package/lib/components/popover/popover.js +10 -2
  497. package/lib/components/popover/popover_arrow/_popover_arrow.js +1 -0
  498. package/lib/components/popover/popover_footer.js +1 -0
  499. package/lib/components/popover/popover_panel/_popover_panel.js +1 -0
  500. package/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  501. package/lib/components/popover/popover_title.js +1 -0
  502. package/lib/components/progress/progress.js +1 -0
  503. package/lib/components/progress/progress.styles.js +2 -2
  504. package/lib/components/provider/cache/cache_provider.js +11 -3
  505. package/lib/components/resizable_container/resizable_button.js +2 -1
  506. package/lib/components/resizable_container/resizable_container.js +2 -1
  507. package/lib/components/resizable_container/resizable_panel.js +2 -1
  508. package/lib/components/search_bar/search_bar.js +3 -1
  509. package/lib/components/selectable/selectable.js +2 -0
  510. package/lib/components/selectable/selectable_list/selectable_list.js +4 -0
  511. package/lib/components/selectable/selectable_list/selectable_list_item.js +2 -0
  512. package/lib/components/selectable/selectable_message/selectable_message.js +1 -0
  513. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  514. package/lib/components/side_nav/side_nav.js +1 -0
  515. package/lib/components/spacer/spacer.js +1 -0
  516. package/lib/components/stat/stat.js +1 -0
  517. package/lib/components/steps/step.js +1 -0
  518. package/lib/components/steps/step_horizontal.js +2 -1
  519. package/lib/components/steps/step_number.js +2 -1
  520. package/lib/components/steps/steps.js +2 -1
  521. package/lib/components/steps/steps_horizontal.js +2 -1
  522. package/lib/components/steps/sub_steps.js +2 -1
  523. package/lib/components/suggest/suggest.js +2 -0
  524. package/lib/components/suggest/suggest_item.js +1 -0
  525. package/lib/components/table/mobile/table_header_mobile.js +2 -1
  526. package/lib/components/table/mobile/table_sort_mobile_item.js +2 -1
  527. package/lib/components/table/table.js +2 -1
  528. package/lib/components/table/table_body.js +1 -0
  529. package/lib/components/table/table_footer.js +2 -1
  530. package/lib/components/table/table_footer_cell.js +1 -0
  531. package/lib/components/table/table_header.js +1 -0
  532. package/lib/components/table/table_header_button.js +1 -0
  533. package/lib/components/table/table_header_cell.js +1 -0
  534. package/lib/components/table/table_header_cell_checkbox.js +1 -0
  535. package/lib/components/table/table_row.js +1 -0
  536. package/lib/components/table/table_row_cell.js +1 -0
  537. package/lib/components/table/table_row_cell_checkbox.js +2 -1
  538. package/lib/components/tabs/tab.js +1 -0
  539. package/lib/components/tabs/tabbed_content/tabbed_content.js +7 -3
  540. package/lib/components/text/text.js +1 -0
  541. package/lib/components/text/text.styles.js +1 -1
  542. package/lib/components/text/text_align.js +1 -0
  543. package/lib/components/text/text_color.js +1 -0
  544. package/lib/components/timeline/timeline.js +4 -2
  545. package/lib/components/timeline/timeline_item.js +2 -1
  546. package/lib/components/title/title.js +1 -0
  547. package/lib/components/title/title.styles.js +1 -1
  548. package/lib/components/toast/global_toast_list.js +4 -2
  549. package/lib/components/toast/global_toast_list.styles.js +1 -1
  550. package/lib/components/toast/global_toast_list_item.js +1 -0
  551. package/lib/components/toast/toast.js +2 -1
  552. package/lib/components/toast/toast.styles.js +4 -4
  553. package/lib/components/tool_tip/icon_tip.js +11 -1
  554. package/lib/components/tool_tip/tool_tip.js +18 -6
  555. package/lib/components/tool_tip/tool_tip_popover.js +1 -0
  556. package/lib/components/tour/tour.js +1 -71
  557. package/lib/components/tour/tour.styles.js +79 -0
  558. package/lib/components/tour/tour_step.js +31 -5
  559. package/lib/components/tour/tour_step_indicator.js +22 -19
  560. package/lib/components/tree_view/tree_view.js +1 -0
  561. package/lib/global_styling/functions/logicals.js +22 -74
  562. package/lib/global_styling/functions/typography.js +3 -1
  563. package/lib/global_styling/mixins/_color.js +1 -1
  564. package/lib/global_styling/mixins/_helpers.js +24 -6
  565. package/lib/global_styling/mixins/_responsive.js +18 -14
  566. package/lib/global_styling/mixins/_states.js +3 -4
  567. package/lib/global_styling/mixins/_typography.js +4 -1
  568. package/lib/global_styling/reset/global_styles.js +3 -1
  569. package/lib/global_styling/utility/utility.js +16 -3
  570. package/lib/global_styling/variables/breakpoint.js +3 -1
  571. package/lib/services/breakpoint/_sorting.js +53 -0
  572. package/lib/services/breakpoint/current_breakpoint.js +19 -5
  573. package/lib/services/breakpoint/index.js +4 -17
  574. package/lib/services/breakpoint/is_within_hooks.js +82 -0
  575. package/lib/services/index.js +14 -42
  576. package/lib/themes/amsterdam/global_styling/mixins/button.js +178 -24
  577. package/optimize/es/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  578. package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +2 -1
  579. package/optimize/es/components/accordion/accordion.js +11 -6
  580. package/optimize/es/components/accordion/accordion.styles.js +20 -27
  581. package/optimize/es/components/aspect_ratio/aspect_ratio.js +9 -18
  582. package/optimize/es/components/badge/beta_badge/beta_badge.js +6 -3
  583. package/optimize/es/components/beacon/beacon.styles.js +2 -2
  584. package/optimize/es/components/breadcrumbs/breadcrumb.styles.js +2 -2
  585. package/optimize/es/components/button/button.js +88 -100
  586. package/optimize/es/components/button/button_display/_button_display.js +67 -32
  587. package/optimize/es/components/button/button_display/_button_display.styles.js +7 -16
  588. package/optimize/es/components/button/button_display/_button_display_content.js +5 -2
  589. package/optimize/es/components/button/button_display/_button_display_content.styles.js +7 -17
  590. package/optimize/es/components/button/button_empty/button_empty.js +55 -47
  591. package/optimize/es/components/button/button_empty/index.js +1 -1
  592. package/optimize/es/components/button/button_group/button_group.js +2 -10
  593. package/optimize/es/components/button/button_group/button_group_button.js +13 -3
  594. package/optimize/es/components/button/button_icon/button_icon.js +54 -41
  595. package/optimize/es/components/call_out/call_out.styles.js +2 -1
  596. package/optimize/es/components/card/card.js +97 -31
  597. package/optimize/es/components/card/card.styles.js +136 -0
  598. package/optimize/es/components/card/{card_select.js → card_select/card_select.js} +16 -14
  599. package/optimize/es/components/card/card_select/card_select.styles.js +25 -0
  600. package/optimize/es/components/card/card_select/index.js +8 -0
  601. package/optimize/es/components/card/checkable_card/checkable_card.js +14 -9
  602. package/optimize/es/components/card/checkable_card/checkable_card.styles.js +22 -0
  603. package/optimize/es/components/collapsible_nav/collapsible_nav.js +3 -38
  604. package/optimize/es/components/comment_list/comment_event.styles.js +1 -1
  605. package/optimize/es/components/date_picker/date_picker_range.js +29 -3
  606. package/optimize/es/components/expression/expression.styles.js +13 -31
  607. package/optimize/es/components/facet/facet_button.js +5 -3
  608. package/optimize/es/components/flyout/flyout.js +7 -34
  609. package/optimize/es/components/header/header.js +2 -2
  610. package/optimize/es/components/image/image_button.styles.js +1 -1
  611. package/optimize/es/components/image/image_wrapper.styles.js +3 -3
  612. package/optimize/es/components/link/link.styles.js +7 -6
  613. package/optimize/es/components/loading/loading_chart.styles.js +16 -26
  614. package/optimize/es/components/loading/loading_content.styles.js +2 -2
  615. package/optimize/es/components/loading/loading_logo.styles.js +4 -4
  616. package/optimize/es/components/loading/loading_spinner.styles.js +6 -6
  617. package/optimize/es/components/markdown_editor/markdown_editor_toolbar.js +2 -0
  618. package/optimize/es/components/overlay_mask/overlay_mask.js +2 -1
  619. package/optimize/es/components/page/page_sidebar/page_sidebar.js +3 -1
  620. package/optimize/es/components/page/page_template.js +2 -2
  621. package/optimize/es/components/page_template/inner/page_inner.styles.js +2 -2
  622. package/optimize/es/components/page_template/outer/page_outer.styles.js +3 -1
  623. package/optimize/es/components/page_template/page_template.js +3 -1
  624. package/optimize/es/components/panel/panel.js +1 -1
  625. package/optimize/es/components/panel/{panel.style.js → panel.styles.js} +2 -2
  626. package/optimize/es/components/popover/popover.js +3 -1
  627. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +3 -2
  628. package/optimize/es/components/progress/progress.styles.js +2 -2
  629. package/optimize/es/components/provider/cache/cache_provider.js +9 -3
  630. package/optimize/es/components/text/text.styles.js +1 -1
  631. package/optimize/es/components/title/title.styles.js +2 -2
  632. package/optimize/es/components/toast/global_toast_list.styles.js +2 -2
  633. package/optimize/es/components/toast/toast.styles.js +4 -4
  634. package/optimize/es/components/tool_tip/tool_tip.js +7 -5
  635. package/optimize/es/components/tour/tour.styles.js +57 -0
  636. package/optimize/es/components/tour/tour_step.js +30 -6
  637. package/optimize/es/components/tour/tour_step_indicator.js +19 -12
  638. package/optimize/es/global_styling/functions/logicals.js +16 -72
  639. package/optimize/es/global_styling/functions/typography.js +2 -1
  640. package/optimize/es/global_styling/mixins/_color.js +1 -1
  641. package/optimize/es/global_styling/mixins/_helpers.js +18 -5
  642. package/optimize/es/global_styling/mixins/_responsive.js +18 -14
  643. package/optimize/es/global_styling/mixins/_states.js +3 -4
  644. package/optimize/es/global_styling/mixins/_typography.js +3 -1
  645. package/optimize/es/global_styling/reset/global_styles.js +2 -1
  646. package/optimize/es/global_styling/utility/utility.js +10 -2
  647. package/optimize/es/global_styling/variables/breakpoint.js +2 -1
  648. package/optimize/es/services/breakpoint/_sorting.js +31 -0
  649. package/optimize/es/services/breakpoint/current_breakpoint.js +19 -6
  650. package/optimize/es/services/breakpoint/index.js +2 -2
  651. package/optimize/es/services/breakpoint/is_within_hooks.js +67 -0
  652. package/optimize/es/services/index.js +1 -1
  653. package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +155 -16
  654. package/optimize/lib/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  655. package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +3 -1
  656. package/optimize/lib/components/accordion/accordion.js +12 -6
  657. package/optimize/lib/components/accordion/accordion.styles.js +20 -26
  658. package/optimize/lib/components/aspect_ratio/aspect_ratio.js +9 -20
  659. package/optimize/lib/components/badge/beta_badge/beta_badge.js +6 -3
  660. package/optimize/lib/components/beacon/beacon.styles.js +1 -1
  661. package/optimize/lib/components/breadcrumbs/breadcrumb.styles.js +2 -2
  662. package/optimize/lib/components/button/button.js +92 -103
  663. package/optimize/lib/components/button/button_display/_button_display.js +71 -25
  664. package/optimize/lib/components/button/button_display/_button_display.styles.js +7 -16
  665. package/optimize/lib/components/button/button_display/_button_display_content.js +6 -2
  666. package/optimize/lib/components/button/button_display/_button_display_content.styles.js +7 -17
  667. package/optimize/lib/components/button/button_empty/button_empty.js +59 -50
  668. package/optimize/lib/components/button/button_empty/index.js +0 -6
  669. package/optimize/lib/components/button/button_group/button_group.js +2 -10
  670. package/optimize/lib/components/button/button_group/button_group_button.js +15 -3
  671. package/optimize/lib/components/button/button_icon/button_icon.js +54 -41
  672. package/optimize/lib/components/call_out/call_out.styles.js +2 -1
  673. package/optimize/lib/components/card/card.js +97 -30
  674. package/optimize/lib/components/card/card.styles.js +146 -0
  675. package/optimize/lib/components/card/{card_select.js → card_select/card_select.js} +16 -14
  676. package/optimize/lib/components/card/card_select/card_select.styles.js +27 -0
  677. package/optimize/lib/components/card/card_select/index.js +19 -0
  678. package/optimize/lib/components/card/checkable_card/checkable_card.js +16 -9
  679. package/optimize/lib/components/card/checkable_card/checkable_card.styles.js +33 -0
  680. package/optimize/lib/components/collapsible_nav/collapsible_nav.js +1 -37
  681. package/optimize/lib/components/comment_list/comment_event.styles.js +1 -1
  682. package/optimize/lib/components/date_picker/date_picker_range.js +29 -3
  683. package/optimize/lib/components/expression/expression.styles.js +12 -30
  684. package/optimize/lib/components/facet/facet_button.js +4 -2
  685. package/optimize/lib/components/flyout/flyout.js +6 -33
  686. package/optimize/lib/components/header/header.js +2 -2
  687. package/optimize/lib/components/image/image_button.styles.js +1 -1
  688. package/optimize/lib/components/image/image_wrapper.styles.js +2 -2
  689. package/optimize/lib/components/link/link.styles.js +6 -5
  690. package/optimize/lib/components/loading/loading_chart.styles.js +16 -25
  691. package/optimize/lib/components/loading/loading_content.styles.js +1 -1
  692. package/optimize/lib/components/loading/loading_logo.styles.js +4 -4
  693. package/optimize/lib/components/loading/loading_spinner.styles.js +5 -5
  694. package/optimize/lib/components/markdown_editor/markdown_editor_toolbar.js +2 -0
  695. package/optimize/lib/components/overlay_mask/overlay_mask.js +2 -1
  696. package/optimize/lib/components/page/page_sidebar/page_sidebar.js +3 -1
  697. package/optimize/lib/components/page/page_template.js +1 -1
  698. package/optimize/lib/components/page_template/inner/page_inner.styles.js +2 -2
  699. package/optimize/lib/components/page_template/outer/page_outer.styles.js +4 -1
  700. package/optimize/lib/components/page_template/page_template.js +3 -1
  701. package/optimize/lib/components/panel/panel.js +1 -1
  702. package/{test-env/components/panel/panel.style.js → optimize/lib/components/panel/panel.styles.js} +1 -1
  703. package/optimize/lib/components/popover/popover.js +3 -1
  704. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  705. package/optimize/lib/components/progress/progress.styles.js +2 -2
  706. package/optimize/lib/components/provider/cache/cache_provider.js +11 -3
  707. package/optimize/lib/components/text/text.styles.js +1 -1
  708. package/optimize/lib/components/title/title.styles.js +1 -1
  709. package/optimize/lib/components/toast/global_toast_list.styles.js +1 -1
  710. package/optimize/lib/components/toast/toast.styles.js +4 -4
  711. package/optimize/lib/components/tool_tip/tool_tip.js +7 -5
  712. package/optimize/lib/components/tour/tour.styles.js +79 -0
  713. package/optimize/lib/components/tour/tour_step.js +30 -5
  714. package/optimize/lib/components/tour/tour_step_indicator.js +20 -17
  715. package/optimize/lib/global_styling/functions/logicals.js +28 -74
  716. package/optimize/lib/global_styling/functions/typography.js +3 -1
  717. package/optimize/lib/global_styling/mixins/_color.js +1 -1
  718. package/optimize/lib/global_styling/mixins/_helpers.js +24 -6
  719. package/optimize/lib/global_styling/mixins/_responsive.js +18 -14
  720. package/optimize/lib/global_styling/mixins/_states.js +3 -4
  721. package/optimize/lib/global_styling/mixins/_typography.js +4 -1
  722. package/optimize/lib/global_styling/reset/global_styles.js +3 -1
  723. package/optimize/lib/global_styling/utility/utility.js +16 -3
  724. package/optimize/lib/global_styling/variables/breakpoint.js +3 -1
  725. package/optimize/lib/services/breakpoint/_sorting.js +45 -0
  726. package/optimize/lib/services/breakpoint/current_breakpoint.js +19 -5
  727. package/optimize/lib/services/breakpoint/index.js +4 -17
  728. package/optimize/lib/services/breakpoint/is_within_hooks.js +82 -0
  729. package/optimize/lib/services/index.js +14 -42
  730. package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +170 -17
  731. package/package.json +3 -2
  732. package/src/components/badge/beta_badge/_beta_badge.scss +5 -1
  733. package/src/components/button/_index.scss +0 -1
  734. package/src/components/button/button_empty/_button_empty.scss +4 -48
  735. package/src/components/button/button_group/_button_group.scss +0 -1
  736. package/src/components/button/button_group/_button_group_button.scss +55 -83
  737. package/src/components/button/button_icon/_button_icon.scss +3 -103
  738. package/src/components/control_bar/_control_bar.scss +2 -6
  739. package/src/components/flyout/_flyout.scss +4 -1
  740. package/src/components/index.scss +0 -2
  741. package/src/global_styling/mixins/_button.scss +55 -11
  742. package/src/global_styling/mixins/_helpers.scss +9 -0
  743. package/src/global_styling/mixins/_index.scss +0 -1
  744. package/src/global_styling/utility/_utility.scss +0 -127
  745. package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -2
  746. package/src/themes/amsterdam/overrides/_header.scss +0 -2
  747. package/src/themes/amsterdam/overrides/_index.scss +0 -4
  748. package/test-env/components/accessibility/screen_reader_live/screen_reader_live.js +2 -2
  749. package/test-env/components/accessibility/screen_reader_only/screen_reader_only.styles.js +3 -1
  750. package/test-env/components/accessibility/skip_link/skip_link.js +5 -53
  751. package/test-env/components/accordion/accordion.js +21 -8
  752. package/test-env/components/accordion/accordion.styles.js +20 -26
  753. package/test-env/components/aspect_ratio/aspect_ratio.js +10 -20
  754. package/test-env/components/avatar/avatar.js +1 -0
  755. package/test-env/components/badge/badge.js +1 -0
  756. package/test-env/components/badge/badge_group/badge_group.js +1 -0
  757. package/test-env/components/badge/beta_badge/beta_badge.js +17 -3
  758. package/test-env/components/badge/notification_badge/badge_notification.js +2 -1
  759. package/test-env/components/basic_table/basic_table.js +6 -3
  760. package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
  761. package/test-env/components/basic_table/in_memory_table.js +9 -4
  762. package/test-env/components/beacon/beacon.js +1 -0
  763. package/test-env/components/beacon/beacon.styles.js +1 -1
  764. package/test-env/components/bottom_bar/bottom_bar.js +2 -0
  765. package/test-env/components/breadcrumbs/breadcrumb.js +1 -0
  766. package/test-env/components/breadcrumbs/breadcrumb.styles.js +2 -2
  767. package/test-env/components/breadcrumbs/breadcrumbs.js +2 -0
  768. package/test-env/components/button/_button_content_deprecated.js +3 -1
  769. package/test-env/components/button/button.js +111 -221
  770. package/test-env/components/button/button_display/_button_display.js +95 -32
  771. package/test-env/components/button/button_display/_button_display.styles.js +7 -16
  772. package/test-env/components/button/button_display/_button_display_content.js +10 -4
  773. package/test-env/components/button/button_display/_button_display_content.styles.js +7 -17
  774. package/test-env/components/button/button_empty/button_empty.js +67 -54
  775. package/test-env/components/button/button_empty/index.js +0 -6
  776. package/test-env/components/button/button_group/button_group.js +8 -13
  777. package/test-env/components/button/button_group/button_group_button.js +18 -4
  778. package/test-env/components/button/button_icon/button_icon.js +62 -42
  779. package/test-env/components/call_out/call_out.js +1 -0
  780. package/test-env/components/call_out/call_out.styles.js +2 -1
  781. package/test-env/components/card/card.js +173 -87
  782. package/test-env/components/card/card.styles.js +146 -0
  783. package/test-env/components/card/card_select/card_select.js +141 -0
  784. package/test-env/components/card/card_select/card_select.styles.js +27 -0
  785. package/test-env/components/card/card_select/index.js +19 -0
  786. package/test-env/components/card/checkable_card/checkable_card.js +16 -9
  787. package/test-env/components/card/checkable_card/checkable_card.styles.js +33 -0
  788. package/test-env/components/collapsible_nav/collapsible_nav.js +6 -40
  789. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +9 -1
  790. package/test-env/components/color_picker/color_palette_display/color_palette_display.js +1 -0
  791. package/test-env/components/color_picker/color_palette_display/color_palette_display_fixed.js +1 -0
  792. package/test-env/components/color_picker/color_palette_display/color_palette_display_gradient.js +1 -0
  793. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +7 -3
  794. package/test-env/components/color_picker/color_picker.js +1 -0
  795. package/test-env/components/color_picker/color_picker_swatch.js +1 -0
  796. package/test-env/components/color_picker/color_stops/color_stop_thumb.js +1 -0
  797. package/test-env/components/color_picker/color_stops/color_stops.js +2 -1
  798. package/test-env/components/color_picker/hue.js +1 -0
  799. package/test-env/components/color_picker/saturation.js +1 -0
  800. package/test-env/components/combo_box/combo_box.js +2 -1
  801. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +6 -3
  802. package/test-env/components/combo_box/combo_box_input/combo_box_pill.js +6 -3
  803. package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js +6 -3
  804. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +13 -6
  805. package/test-env/components/comment_list/comment.js +1 -0
  806. package/test-env/components/comment_list/comment_event.js +2 -1
  807. package/test-env/components/comment_list/comment_event.styles.js +1 -1
  808. package/test-env/components/comment_list/comment_list.js +2 -0
  809. package/test-env/components/comment_list/comment_timeline.js +2 -1
  810. package/test-env/components/context_menu/context_menu.js +3 -1
  811. package/test-env/components/context_menu/context_menu_item.js +1 -0
  812. package/test-env/components/context_menu/context_menu_panel.js +1 -0
  813. package/test-env/components/control_bar/control_bar.js +3 -0
  814. package/test-env/components/copy/copy.js +2 -1
  815. package/test-env/components/datagrid/body/data_grid_body.js +19 -6
  816. package/test-env/components/datagrid/body/data_grid_cell.js +37 -12
  817. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +19 -6
  818. package/test-env/components/datagrid/body/header/data_grid_header_row.js +20 -6
  819. package/test-env/components/datagrid/data_grid.js +20 -6
  820. package/test-env/components/datagrid/utils/in_memory.js +19 -6
  821. package/test-env/components/date_picker/auto_refresh/auto_refresh.js +6 -3
  822. package/test-env/components/date_picker/date_picker.js +1 -0
  823. package/test-env/components/date_picker/date_picker_range.js +45 -4
  824. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +19 -1
  825. package/test-env/components/date_picker/super_date_picker/super_update_button.js +11 -1
  826. package/test-env/components/description_list/description_list.js +5 -2
  827. package/test-env/components/description_list/description_list_description.js +2 -1
  828. package/test-env/components/description_list/description_list_title.js +2 -1
  829. package/test-env/components/drag_and_drop/draggable.js +2 -1
  830. package/test-env/components/drag_and_drop/droppable.js +2 -1
  831. package/test-env/components/empty_prompt/empty_prompt.js +1 -0
  832. package/test-env/components/error_boundary/error_boundary.js +1 -0
  833. package/test-env/components/expression/expression.js +1 -0
  834. package/test-env/components/expression/expression.styles.js +12 -30
  835. package/test-env/components/facet/facet_button.js +6 -4
  836. package/test-env/components/facet/facet_group.js +1 -0
  837. package/test-env/components/filter_group/filter_group.js +1 -0
  838. package/test-env/components/filter_group/filter_select_item.js +2 -1
  839. package/test-env/components/flex/flex_grid.js +1 -0
  840. package/test-env/components/flex/flex_group.js +2 -1
  841. package/test-env/components/flex/flex_item.js +1 -0
  842. package/test-env/components/flyout/flyout_body.js +1 -0
  843. package/test-env/components/flyout/flyout_footer.js +2 -1
  844. package/test-env/components/flyout/flyout_header.js +1 -0
  845. package/test-env/components/form/checkbox/checkbox.js +4 -2
  846. package/test-env/components/form/checkbox/checkbox_group.js +2 -0
  847. package/test-env/components/form/described_form_group/described_form_group.js +1 -0
  848. package/test-env/components/form/field_number/field_number.js +1 -0
  849. package/test-env/components/form/field_password/field_password.js +1 -0
  850. package/test-env/components/form/field_search/field_search.js +2 -1
  851. package/test-env/components/form/field_text/field_text.js +1 -0
  852. package/test-env/components/form/file_picker/file_picker.js +2 -1
  853. package/test-env/components/form/form.js +1 -0
  854. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -0
  855. package/test-env/components/form/form_control_layout/form_control_layout_clear_button.js +1 -0
  856. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -0
  857. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +1 -0
  858. package/test-env/components/form/form_error_text/form_error_text.js +2 -1
  859. package/test-env/components/form/form_fieldset/form_fieldset.js +3 -1
  860. package/test-env/components/form/form_fieldset/form_legend.js +1 -0
  861. package/test-env/components/form/form_help_text/form_help_text.js +2 -1
  862. package/test-env/components/form/form_label/form_label.js +2 -1
  863. package/test-env/components/form/form_row/form_row.js +1 -0
  864. package/test-env/components/form/radio/radio.js +3 -1
  865. package/test-env/components/form/radio/radio_group.js +2 -0
  866. package/test-env/components/form/range/dual_range.js +2 -1
  867. package/test-env/components/form/range/range.js +4 -2
  868. package/test-env/components/form/range/range_levels.js +2 -1
  869. package/test-env/components/form/range/range_slider.js +1 -0
  870. package/test-env/components/form/range/range_thumb.js +2 -1
  871. package/test-env/components/form/range/range_track.js +2 -1
  872. package/test-env/components/form/range/range_wrapper.js +2 -1
  873. package/test-env/components/form/select/select.js +1 -0
  874. package/test-env/components/form/super_select/super_select.js +1 -0
  875. package/test-env/components/form/switch/switch.js +3 -1
  876. package/test-env/components/form/text_area/text_area.js +1 -0
  877. package/test-env/components/form/validatable_control/validatable_control.js +1 -0
  878. package/test-env/components/header/header.js +3 -2
  879. package/test-env/components/header/header_alert/header_alert.js +1 -0
  880. package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +2 -0
  881. package/test-env/components/header/header_links/header_link.js +7 -3
  882. package/test-env/components/header/header_links/header_links.js +8 -1
  883. package/test-env/components/header/header_logo.js +1 -0
  884. package/test-env/components/header/header_section/header_section.js +1 -0
  885. package/test-env/components/header/header_section/header_section_item.js +1 -0
  886. package/test-env/components/health/health.js +1 -0
  887. package/test-env/components/highlight/highlight.js +1 -0
  888. package/test-env/components/horizontal_rule/horizontal_rule.js +2 -1
  889. package/test-env/components/image/image.js +1 -0
  890. package/test-env/components/image/image_button.styles.js +1 -1
  891. package/test-env/components/image/image_wrapper.styles.js +2 -2
  892. package/test-env/components/key_pad_menu/key_pad_menu.js +1 -0
  893. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -0
  894. package/test-env/components/link/link.js +1 -0
  895. package/test-env/components/link/link.styles.js +6 -5
  896. package/test-env/components/list_group/list_group.js +5 -1
  897. package/test-env/components/list_group/list_group_item.js +4 -1
  898. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +8 -2
  899. package/test-env/components/loading/loading_chart.js +1 -0
  900. package/test-env/components/loading/loading_chart.styles.js +16 -25
  901. package/test-env/components/loading/loading_content.js +1 -0
  902. package/test-env/components/loading/loading_content.styles.js +1 -1
  903. package/test-env/components/loading/loading_elastic.js +1 -0
  904. package/test-env/components/loading/loading_logo.js +1 -0
  905. package/test-env/components/loading/loading_logo.styles.js +4 -4
  906. package/test-env/components/loading/loading_spinner.js +1 -0
  907. package/test-env/components/loading/loading_spinner.styles.js +5 -5
  908. package/test-env/components/mark/mark.js +1 -0
  909. package/test-env/components/markdown_editor/markdown_editor.js +2 -0
  910. package/test-env/components/markdown_editor/markdown_editor_text_area.js +1 -0
  911. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +3 -0
  912. package/test-env/components/markdown_editor/markdown_format.js +1 -0
  913. package/test-env/components/modal/confirm_modal.js +1 -1
  914. package/test-env/components/modal/modal_body.js +2 -1
  915. package/test-env/components/modal/modal_footer.js +2 -1
  916. package/test-env/components/modal/modal_header.js +2 -1
  917. package/test-env/components/modal/modal_header_title.js +2 -1
  918. package/test-env/components/notification/notification_event.js +9 -4
  919. package/test-env/components/notification/notification_event_read_button.js +3 -1
  920. package/test-env/components/overlay_mask/overlay_mask.js +3 -1
  921. package/test-env/components/page/page.js +1 -0
  922. package/test-env/components/page/page_content/page_content.js +1 -0
  923. package/test-env/components/page/page_content/page_content_body.js +1 -0
  924. package/test-env/components/page/page_content/page_content_header.js +2 -1
  925. package/test-env/components/page/page_content/page_content_header_section.js +2 -1
  926. package/test-env/components/page/page_header/page_header.js +1 -0
  927. package/test-env/components/page/page_header/page_header_content.js +4 -0
  928. package/test-env/components/page/page_header/page_header_section.js +2 -1
  929. package/test-env/components/page/page_section/page_section.js +1 -0
  930. package/test-env/components/page/page_side_bar/page_side_bar.js +2 -1
  931. package/test-env/components/page/page_sidebar/page_sidebar.js +5 -2
  932. package/test-env/components/page/page_template.js +8 -2
  933. package/test-env/components/page_template/empty_prompt/page_empty_prompt.js +1 -0
  934. package/test-env/components/page_template/inner/page_inner.styles.js +2 -2
  935. package/test-env/components/page_template/outer/page_outer.js +2 -1
  936. package/test-env/components/page_template/outer/page_outer.styles.js +4 -1
  937. package/test-env/components/page_template/page_template.js +9 -2
  938. package/test-env/components/pagination/pagination.js +1 -0
  939. package/test-env/components/panel/panel.js +3 -2
  940. package/{optimize/lib/components/panel/panel.style.js → test-env/components/panel/panel.styles.js} +1 -1
  941. package/test-env/components/panel/split_panel/split_panel.js +2 -1
  942. package/test-env/components/popover/input_popover.js +1 -0
  943. package/test-env/components/popover/popover.js +10 -2
  944. package/test-env/components/popover/popover_arrow/_popover_arrow.js +1 -0
  945. package/test-env/components/popover/popover_footer.js +1 -0
  946. package/test-env/components/popover/popover_panel/_popover_panel.js +1 -0
  947. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +5 -3
  948. package/test-env/components/popover/popover_title.js +1 -0
  949. package/test-env/components/progress/progress.js +1 -0
  950. package/test-env/components/progress/progress.styles.js +2 -2
  951. package/test-env/components/provider/cache/cache_provider.js +11 -3
  952. package/test-env/components/resizable_container/resizable_button.js +2 -1
  953. package/test-env/components/resizable_container/resizable_container.js +2 -1
  954. package/test-env/components/resizable_container/resizable_panel.js +2 -1
  955. package/test-env/components/search_bar/search_bar.js +3 -1
  956. package/test-env/components/selectable/selectable.js +2 -0
  957. package/test-env/components/selectable/selectable_list/selectable_list.js +4 -0
  958. package/test-env/components/selectable/selectable_list/selectable_list_item.js +2 -0
  959. package/test-env/components/selectable/selectable_message/selectable_message.js +1 -0
  960. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +5 -1
  961. package/test-env/components/side_nav/side_nav.js +1 -0
  962. package/test-env/components/spacer/spacer.js +1 -0
  963. package/test-env/components/stat/stat.js +1 -0
  964. package/test-env/components/steps/step.js +1 -0
  965. package/test-env/components/steps/step_horizontal.js +2 -1
  966. package/test-env/components/steps/step_number.js +2 -1
  967. package/test-env/components/steps/steps.js +2 -1
  968. package/test-env/components/steps/steps_horizontal.js +2 -1
  969. package/test-env/components/steps/sub_steps.js +2 -1
  970. package/test-env/components/suggest/suggest.js +2 -0
  971. package/test-env/components/suggest/suggest_item.js +1 -0
  972. package/test-env/components/table/mobile/table_header_mobile.js +2 -1
  973. package/test-env/components/table/mobile/table_sort_mobile_item.js +2 -1
  974. package/test-env/components/table/table.js +2 -1
  975. package/test-env/components/table/table_body.js +1 -0
  976. package/test-env/components/table/table_footer.js +2 -1
  977. package/test-env/components/table/table_footer_cell.js +1 -0
  978. package/test-env/components/table/table_header.js +1 -0
  979. package/test-env/components/table/table_header_button.js +1 -0
  980. package/test-env/components/table/table_header_cell.js +1 -0
  981. package/test-env/components/table/table_header_cell_checkbox.js +1 -0
  982. package/test-env/components/table/table_row.js +1 -0
  983. package/test-env/components/table/table_row_cell.js +1 -0
  984. package/test-env/components/table/table_row_cell_checkbox.js +2 -1
  985. package/test-env/components/tabs/tab.js +1 -0
  986. package/test-env/components/tabs/tabbed_content/tabbed_content.js +7 -3
  987. package/test-env/components/text/text.js +1 -0
  988. package/test-env/components/text/text.styles.js +1 -1
  989. package/test-env/components/text/text_align.js +1 -0
  990. package/test-env/components/text/text_color.js +1 -0
  991. package/test-env/components/timeline/timeline.js +4 -2
  992. package/test-env/components/timeline/timeline_item.js +2 -1
  993. package/test-env/components/title/title.js +1 -0
  994. package/test-env/components/title/title.styles.js +1 -1
  995. package/test-env/components/toast/global_toast_list.js +4 -2
  996. package/test-env/components/toast/global_toast_list.styles.js +1 -1
  997. package/test-env/components/toast/global_toast_list_item.js +1 -0
  998. package/test-env/components/toast/toast.js +2 -1
  999. package/test-env/components/toast/toast.styles.js +4 -4
  1000. package/test-env/components/tool_tip/icon_tip.js +11 -1
  1001. package/test-env/components/tool_tip/tool_tip.js +18 -6
  1002. package/test-env/components/tool_tip/tool_tip_popover.js +1 -0
  1003. package/test-env/components/tour/tour.js +1 -71
  1004. package/test-env/components/tour/tour.styles.js +79 -0
  1005. package/test-env/components/tour/tour_step.js +31 -5
  1006. package/test-env/components/tour/tour_step_indicator.js +24 -20
  1007. package/test-env/components/tree_view/tree_view.js +1 -0
  1008. package/test-env/global_styling/functions/logicals.js +28 -74
  1009. package/test-env/global_styling/functions/typography.js +3 -1
  1010. package/test-env/global_styling/mixins/_color.js +1 -1
  1011. package/test-env/global_styling/mixins/_helpers.js +24 -6
  1012. package/test-env/global_styling/mixins/_responsive.js +18 -14
  1013. package/test-env/global_styling/mixins/_states.js +3 -4
  1014. package/test-env/global_styling/mixins/_typography.js +4 -1
  1015. package/test-env/global_styling/reset/global_styles.js +3 -1
  1016. package/test-env/global_styling/utility/utility.js +16 -3
  1017. package/test-env/global_styling/variables/breakpoint.js +3 -1
  1018. package/test-env/services/breakpoint/_sorting.js +45 -0
  1019. package/test-env/services/breakpoint/current_breakpoint.js +19 -5
  1020. package/test-env/services/breakpoint/current_breakpoint_hook.js +9 -2
  1021. package/test-env/services/breakpoint/index.js +4 -17
  1022. package/test-env/services/breakpoint/is_within_hooks.js +82 -0
  1023. package/test-env/services/index.js +14 -42
  1024. package/test-env/themes/amsterdam/global_styling/mixins/button.js +170 -17
  1025. package/es/components/card/card_select.js +0 -174
  1026. package/es/services/breakpoint/breakpoint.js +0 -86
  1027. package/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
  1028. package/lib/components/card/card_select.js +0 -185
  1029. package/lib/services/breakpoint/breakpoint.js +0 -105
  1030. package/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
  1031. package/optimize/es/services/breakpoint/breakpoint.js +0 -86
  1032. package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +0 -24
  1033. package/optimize/lib/services/breakpoint/breakpoint.js +0 -105
  1034. package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +0 -34
  1035. package/src/components/button/_button.scss +0 -143
  1036. package/src/components/button/button_icon/_variables.scss +0 -11
  1037. package/src/components/card/_card.scss +0 -239
  1038. package/src/components/card/_card_select.scss +0 -21
  1039. package/src/components/card/_index.scss +0 -5
  1040. package/src/components/card/_mixins.scss +0 -11
  1041. package/src/components/card/_variables.scss +0 -25
  1042. package/src/components/card/checkable_card/_checkable_card.scss +0 -29
  1043. package/src/components/card/checkable_card/_index.scss +0 -1
  1044. package/src/components/tour/_index.scss +0 -2
  1045. package/src/components/tour/_tour.scss +0 -68
  1046. package/src/components/tour/_tour_step_indicator.scss +0 -3
  1047. package/src/global_styling/mixins/_beta_badge.scss +0 -30
  1048. package/src/themes/amsterdam/global_styling/mixins/_button.scss +0 -60
  1049. package/src/themes/amsterdam/overrides/_button.scss +0 -119
  1050. package/src/themes/amsterdam/overrides/_button_empty.scss +0 -20
  1051. package/src/themes/amsterdam/overrides/_button_group.scss +0 -91
  1052. package/src/themes/amsterdam/overrides/_card.scss +0 -6
  1053. package/test-env/components/card/card_select.js +0 -182
  1054. package/test-env/services/breakpoint/breakpoint.js +0 -105
  1055. package/test-env/services/breakpoint/useIsWithinBreakpoints.js +0 -34
@@ -1,174 +0,0 @@
1
- var _excluded = ["className", "isSelected", "isDisabled", "color", "children"];
2
-
3
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
-
5
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
6
-
7
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
8
-
9
- /*
10
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
11
- * or more contributor license agreements. Licensed under the Elastic License
12
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
13
- * in compliance with, at your election, the Elastic License 2.0 or the Server
14
- * Side Public License, v 1.
15
- */
16
- import React from 'react';
17
- import PropTypes from "prop-types";
18
- import classNames from 'classnames';
19
- import { EuiButtonEmpty } from '../button/button_empty';
20
- import { EuiI18n } from '../i18n';
21
- import { jsx as ___EmotionJSX } from "@emotion/react";
22
- export var EuiCardSelect = function EuiCardSelect(_ref) {
23
- var className = _ref.className,
24
- _ref$isSelected = _ref.isSelected,
25
- isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
26
- isDisabled = _ref.isDisabled,
27
- color = _ref.color,
28
- children = _ref.children,
29
- rest = _objectWithoutProperties(_ref, _excluded);
30
-
31
- var child = euiCardSelectableText(isSelected, isDisabled, children);
32
- var selectClasses = classNames('euiCardSelect', "euiCardSelect--".concat(euiCardSelectableColor(color, isSelected)), className);
33
- return ___EmotionJSX(EuiButtonEmpty, _extends({
34
- className: selectClasses,
35
- color: color || 'text',
36
- size: "xs",
37
- isDisabled: isDisabled,
38
- iconType: isSelected ? 'check' : undefined,
39
- role: "switch",
40
- "aria-checked": isSelected
41
- }, rest), child);
42
- };
43
- EuiCardSelect.propTypes = {
44
- href: PropTypes.string,
45
- onClick: PropTypes.func,
46
-
47
- /**
48
- * Any of our named colors
49
- */
50
-
51
- /**
52
- * Any of our named colors
53
- */
54
- color: PropTypes.oneOf(["primary", "danger", "text", "ghost", "success", "warning"]),
55
- size: PropTypes.oneOf(["xs", "s", "m"]),
56
-
57
- /**
58
- * Ensure the text of the button sits flush to the left, right, or both sides of its container
59
- */
60
-
61
- /**
62
- * Ensure the text of the button sits flush to the left, right, or both sides of its container
63
- */
64
- flush: PropTypes.oneOf(["left", "right", "both"]),
65
-
66
- /**
67
- * `disabled` is also allowed
68
- */
69
-
70
- /**
71
- * `disabled` is also allowed
72
- */
73
- isDisabled: PropTypes.bool,
74
-
75
- /**
76
- * Force disables the button and changes the icon to a loading spinner
77
- */
78
-
79
- /**
80
- * Force disables the button and changes the icon to a loading spinner
81
- */
82
- isLoading: PropTypes.bool,
83
-
84
- /**
85
- * Is in the selected state
86
- */
87
-
88
- /**
89
- * Applies the boolean state as the `aria-pressed` property to create a toggle button.
90
- * *Only use when the readable text does not change between states.*
91
- */
92
-
93
- /**
94
- * Applies the boolean state as the `aria-pressed` property to create a toggle button.
95
- * *Only use when the readable text does not change between states.*
96
- */
97
- isSelected: PropTypes.bool,
98
- target: PropTypes.string,
99
- rel: PropTypes.string,
100
- type: PropTypes.oneOf(["button", "submit"]),
101
- buttonRef: PropTypes.any,
102
-
103
- /**
104
- * Object of props passed to the <span/> wrapping the button's content
105
- */
106
- contentProps: PropTypes.any,
107
-
108
- /**
109
- * Any `type` accepted by EuiIcon
110
- */
111
- iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
112
-
113
- /**
114
- * Can only be one side `left` or `right`
115
- */
116
- iconSide: PropTypes.oneOf(["left", "right"]),
117
-
118
- /**
119
- * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
120
- * It doesn't apply to the icon.
121
- */
122
- textProps: PropTypes.shape({
123
- className: PropTypes.string,
124
- "aria-label": PropTypes.string,
125
- "data-test-subj": PropTypes.string,
126
- ref: PropTypes.any,
127
- "data-text": PropTypes.string
128
- }),
129
- iconSize: PropTypes.oneOf(["s", "m"]),
130
- className: PropTypes.string,
131
- "aria-label": PropTypes.string,
132
- "data-test-subj": PropTypes.string
133
- };
134
-
135
- function euiCardSelectableText(isSelected, isDisabled, children) {
136
- if (children) {
137
- return children;
138
- }
139
-
140
- var text;
141
-
142
- if (isSelected) {
143
- text = ___EmotionJSX(EuiI18n, {
144
- token: "euiCardSelect.selected",
145
- default: "Selected"
146
- });
147
- } else if (isDisabled) {
148
- text = ___EmotionJSX(EuiI18n, {
149
- token: "euiCardSelect.unavailable",
150
- default: "Unavailable"
151
- });
152
- } else {
153
- text = ___EmotionJSX(EuiI18n, {
154
- token: "euiCardSelect.select",
155
- default: "Select"
156
- });
157
- }
158
-
159
- return text;
160
- }
161
-
162
- export function euiCardSelectableColor(color, isSelected) {
163
- var calculatedColor;
164
-
165
- if (color) {
166
- calculatedColor = color;
167
- } else if (isSelected) {
168
- calculatedColor = 'success';
169
- } else {
170
- calculatedColor = 'text';
171
- }
172
-
173
- return calculatedColor;
174
- }
@@ -1,86 +0,0 @@
1
- /*
2
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
- * or more contributor license agreements. Licensed under the Elastic License
4
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
- * in compliance with, at your election, the Elastic License 2.0 or the Server
6
- * Side Public License, v 1.
7
- */
8
- import { keysOf } from '../../components/common';
9
- import { breakpoint } from '../../themes/amsterdam/global_styling/variables/_breakpoint';
10
- export var BREAKPOINTS = breakpoint;
11
- export var BREAKPOINT_KEYS = keysOf(BREAKPOINTS);
12
- /**
13
- * Given the current `width` and an object of `EuiBreakpoints`,
14
- * this function returns the string that is the name of the breakpoint key
15
- * that is less than or equal to the width
16
- *
17
- * @param {number} width Can either be the full window width or any width
18
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
19
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
20
- */
21
-
22
- export function getBreakpoint(width) {
23
- var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
24
- // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
25
- return BREAKPOINT_KEYS.find(function (key) {
26
- return breakpoints[key] <= width;
27
- });
28
- }
29
- /**
30
- * Given the current `width` and a max breakpoint key,
31
- * this function returns true or false if the `width` falls within the max
32
- * breakpoint or any breakpoints below
33
- *
34
- * @param {number} width Can either be the full window width or any width
35
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
36
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
37
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
38
- */
39
-
40
- export function isWithinMaxBreakpoint(width, max) {
41
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
42
-
43
- if (typeof max === 'number') {
44
- return width <= max;
45
- } else {
46
- var currentBreakpoint = getBreakpoint(width, breakpoints);
47
- return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
48
- }
49
- }
50
- /**
51
- * Given the current `width` and a min breakpoint key,
52
- * this function returns true or false if the `width` falls within the min
53
- * breakpoint or any breakpoints above
54
- *
55
- * @param {number} width Can either be the full window width or any width
56
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
57
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
58
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
59
- */
60
-
61
- export function isWithinMinBreakpoint(width, min) {
62
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
63
-
64
- if (typeof min === 'number') {
65
- return width >= min;
66
- } else {
67
- var currentBreakpoint = getBreakpoint(width, breakpoints);
68
- return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
69
- }
70
- }
71
- /**
72
- * Given the current `width` and an array of breakpoint keys,
73
- * this function returns true or false if the `width` falls within
74
- * any of the named breakpoints
75
- *
76
- * @param {number} width Can either be the full window width or any width
77
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
78
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
79
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
80
- */
81
-
82
- export function isWithinBreakpoints(width, sizes) {
83
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
84
- var currentBreakpoint = getBreakpoint(width, breakpoints);
85
- return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
86
- }
@@ -1,24 +0,0 @@
1
- /*
2
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
- * or more contributor license agreements. Licensed under the Elastic License
4
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
- * in compliance with, at your election, the Elastic License 2.0 or the Server
6
- * Side Public License, v 1.
7
- */
8
- import { useCurrentEuiBreakpoint } from './current_breakpoint_hook';
9
- /**
10
- * Given the current window.innerWidth and an array of breakpoint keys,
11
- * this hook stores state and returns true or false if the window.innerWidth
12
- * falls within any of the named breakpoints.
13
- *
14
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
15
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
16
- * Since hooks can't be called conditionally, it's easier to pass the condition into the hook
17
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
18
- */
19
-
20
- export var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
21
- var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
22
- var currentBreakpoint = useCurrentEuiBreakpoint();
23
- return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
24
- };
@@ -1,185 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.EuiCardSelect = void 0;
7
- exports.euiCardSelectableColor = euiCardSelectableColor;
8
-
9
- var _react = _interopRequireDefault(require("react"));
10
-
11
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
-
13
- var _classnames = _interopRequireDefault(require("classnames"));
14
-
15
- var _button_empty = require("../button/button_empty");
16
-
17
- var _i18n = require("../i18n");
18
-
19
- var _react2 = require("@emotion/react");
20
-
21
- var _excluded = ["className", "isSelected", "isDisabled", "color", "children"];
22
-
23
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
-
25
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
26
-
27
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
28
-
29
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
30
-
31
- var EuiCardSelect = function EuiCardSelect(_ref) {
32
- var className = _ref.className,
33
- _ref$isSelected = _ref.isSelected,
34
- isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
35
- isDisabled = _ref.isDisabled,
36
- color = _ref.color,
37
- children = _ref.children,
38
- rest = _objectWithoutProperties(_ref, _excluded);
39
-
40
- var child = euiCardSelectableText(isSelected, isDisabled, children);
41
- var selectClasses = (0, _classnames.default)('euiCardSelect', "euiCardSelect--".concat(euiCardSelectableColor(color, isSelected)), className);
42
- return (0, _react2.jsx)(_button_empty.EuiButtonEmpty, _extends({
43
- className: selectClasses,
44
- color: color || 'text',
45
- size: "xs",
46
- isDisabled: isDisabled,
47
- iconType: isSelected ? 'check' : undefined,
48
- role: "switch",
49
- "aria-checked": isSelected
50
- }, rest), child);
51
- };
52
-
53
- exports.EuiCardSelect = EuiCardSelect;
54
- EuiCardSelect.propTypes = {
55
- href: _propTypes.default.string,
56
- onClick: _propTypes.default.func,
57
-
58
- /**
59
- * Any of our named colors
60
- */
61
-
62
- /**
63
- * Any of our named colors
64
- */
65
- color: _propTypes.default.oneOf(["primary", "danger", "text", "ghost", "success", "warning"]),
66
- size: _propTypes.default.oneOf(["xs", "s", "m"]),
67
-
68
- /**
69
- * Ensure the text of the button sits flush to the left, right, or both sides of its container
70
- */
71
-
72
- /**
73
- * Ensure the text of the button sits flush to the left, right, or both sides of its container
74
- */
75
- flush: _propTypes.default.oneOf(["left", "right", "both"]),
76
-
77
- /**
78
- * `disabled` is also allowed
79
- */
80
-
81
- /**
82
- * `disabled` is also allowed
83
- */
84
- isDisabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.bool]),
85
-
86
- /**
87
- * Force disables the button and changes the icon to a loading spinner
88
- */
89
-
90
- /**
91
- * Force disables the button and changes the icon to a loading spinner
92
- */
93
- isLoading: _propTypes.default.bool,
94
-
95
- /**
96
- * Is in the selected state
97
- */
98
-
99
- /**
100
- * Applies the boolean state as the `aria-pressed` property to create a toggle button.
101
- * *Only use when the readable text does not change between states.*
102
- */
103
-
104
- /**
105
- * Applies the boolean state as the `aria-pressed` property to create a toggle button.
106
- * *Only use when the readable text does not change between states.*
107
- */
108
- isSelected: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.bool]),
109
- target: _propTypes.default.string,
110
- rel: _propTypes.default.string,
111
- type: _propTypes.default.oneOf(["button", "submit"]),
112
- buttonRef: _propTypes.default.any,
113
-
114
- /**
115
- * Object of props passed to the <span/> wrapping the button's content
116
- */
117
- contentProps: _propTypes.default.any,
118
-
119
- /**
120
- * Any `type` accepted by EuiIcon
121
- */
122
- iconType: _propTypes.default.oneOfType([_propTypes.default.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, _propTypes.default.string.isRequired, _propTypes.default.elementType.isRequired]),
123
-
124
- /**
125
- * Can only be one side `left` or `right`
126
- */
127
- iconSide: _propTypes.default.oneOf(["left", "right"]),
128
-
129
- /**
130
- * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
131
- * It doesn't apply to the icon.
132
- */
133
- textProps: _propTypes.default.shape({
134
- className: _propTypes.default.string,
135
- "aria-label": _propTypes.default.string,
136
- "data-test-subj": _propTypes.default.string,
137
- ref: _propTypes.default.any,
138
- "data-text": _propTypes.default.string
139
- }),
140
- iconSize: _propTypes.default.oneOf(["s", "m"]),
141
- className: _propTypes.default.string,
142
- "aria-label": _propTypes.default.string,
143
- "data-test-subj": _propTypes.default.string
144
- };
145
-
146
- function euiCardSelectableText(isSelected, isDisabled, children) {
147
- if (children) {
148
- return children;
149
- }
150
-
151
- var text;
152
-
153
- if (isSelected) {
154
- text = (0, _react2.jsx)(_i18n.EuiI18n, {
155
- token: "euiCardSelect.selected",
156
- default: "Selected"
157
- });
158
- } else if (isDisabled) {
159
- text = (0, _react2.jsx)(_i18n.EuiI18n, {
160
- token: "euiCardSelect.unavailable",
161
- default: "Unavailable"
162
- });
163
- } else {
164
- text = (0, _react2.jsx)(_i18n.EuiI18n, {
165
- token: "euiCardSelect.select",
166
- default: "Select"
167
- });
168
- }
169
-
170
- return text;
171
- }
172
-
173
- function euiCardSelectableColor(color, isSelected) {
174
- var calculatedColor;
175
-
176
- if (color) {
177
- calculatedColor = color;
178
- } else if (isSelected) {
179
- calculatedColor = 'success';
180
- } else {
181
- calculatedColor = 'text';
182
- }
183
-
184
- return calculatedColor;
185
- }
@@ -1,105 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.BREAKPOINT_KEYS = exports.BREAKPOINTS = void 0;
7
- exports.getBreakpoint = getBreakpoint;
8
- exports.isWithinBreakpoints = isWithinBreakpoints;
9
- exports.isWithinMaxBreakpoint = isWithinMaxBreakpoint;
10
- exports.isWithinMinBreakpoint = isWithinMinBreakpoint;
11
-
12
- var _common = require("../../components/common");
13
-
14
- var _breakpoint = require("../../themes/amsterdam/global_styling/variables/_breakpoint");
15
-
16
- /*
17
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
18
- * or more contributor license agreements. Licensed under the Elastic License
19
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
20
- * in compliance with, at your election, the Elastic License 2.0 or the Server
21
- * Side Public License, v 1.
22
- */
23
- var BREAKPOINTS = _breakpoint.breakpoint;
24
- exports.BREAKPOINTS = BREAKPOINTS;
25
- var BREAKPOINT_KEYS = (0, _common.keysOf)(BREAKPOINTS);
26
- /**
27
- * Given the current `width` and an object of `EuiBreakpoints`,
28
- * this function returns the string that is the name of the breakpoint key
29
- * that is less than or equal to the width
30
- *
31
- * @param {number} width Can either be the full window width or any width
32
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
33
- * @returns {string | undefined} Name of the breakpoint key or `undefined` if a key doesn't exist
34
- */
35
-
36
- exports.BREAKPOINT_KEYS = BREAKPOINT_KEYS;
37
-
38
- function getBreakpoint(width) {
39
- var breakpoints = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : BREAKPOINTS;
40
- // Find the breakpoint (key) whose value is <= windowWidth starting with largest first
41
- return BREAKPOINT_KEYS.find(function (key) {
42
- return breakpoints[key] <= width;
43
- });
44
- }
45
- /**
46
- * Given the current `width` and a max breakpoint key,
47
- * this function returns true or false if the `width` falls within the max
48
- * breakpoint or any breakpoints below
49
- *
50
- * @param {number} width Can either be the full window width or any width
51
- * @param {EuiBreakpointSize | number} max The named breakpoint or custom number to check against
52
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
53
- * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
54
- */
55
-
56
-
57
- function isWithinMaxBreakpoint(width, max) {
58
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
59
-
60
- if (typeof max === 'number') {
61
- return width <= max;
62
- } else {
63
- var currentBreakpoint = getBreakpoint(width, breakpoints);
64
- return currentBreakpoint ? breakpoints[currentBreakpoint] <= breakpoints[max] : false;
65
- }
66
- }
67
- /**
68
- * Given the current `width` and a min breakpoint key,
69
- * this function returns true or false if the `width` falls within the min
70
- * breakpoint or any breakpoints above
71
- *
72
- * @param {number} width Can either be the full window width or any width
73
- * @param {EuiBreakpointSize | number} min The named breakpoint or custom number to check against
74
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
75
- * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
76
- */
77
-
78
-
79
- function isWithinMinBreakpoint(width, min) {
80
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
81
-
82
- if (typeof min === 'number') {
83
- return width >= min;
84
- } else {
85
- var currentBreakpoint = getBreakpoint(width, breakpoints);
86
- return currentBreakpoint ? breakpoints[currentBreakpoint] >= breakpoints[min] : false;
87
- }
88
- }
89
- /**
90
- * Given the current `width` and an array of breakpoint keys,
91
- * this function returns true or false if the `width` falls within
92
- * any of the named breakpoints
93
- *
94
- * @param {number} width Can either be the full window width or any width
95
- * @param {EuiBreakpointSize[]} sizes An array of named breakpoints
96
- * @param {EuiBreakpoints} breakpoints An object with keys for sizing and values for minimum width
97
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
98
- */
99
-
100
-
101
- function isWithinBreakpoints(width, sizes) {
102
- var breakpoints = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : BREAKPOINTS;
103
- var currentBreakpoint = getBreakpoint(width, breakpoints);
104
- return currentBreakpoint ? sizes.includes(currentBreakpoint) : false;
105
- }
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useIsWithinBreakpoints = void 0;
7
-
8
- var _current_breakpoint_hook = require("./current_breakpoint_hook");
9
-
10
- /*
11
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
12
- * or more contributor license agreements. Licensed under the Elastic License
13
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
14
- * in compliance with, at your election, the Elastic License 2.0 or the Server
15
- * Side Public License, v 1.
16
- */
17
-
18
- /**
19
- * Given the current window.innerWidth and an array of breakpoint keys,
20
- * this hook stores state and returns true or false if the window.innerWidth
21
- * falls within any of the named breakpoints.
22
- *
23
- * @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
24
- * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
25
- * Since hooks can't be called conditionally, it's easier to pass the condition into the hook
26
- * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
27
- */
28
- var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
29
- var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
30
- var currentBreakpoint = (0, _current_breakpoint_hook.useCurrentEuiBreakpoint)();
31
- return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
32
- };
33
-
34
- exports.useIsWithinBreakpoints = useIsWithinBreakpoints;