@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,25 +0,0 @@
1
- $euiCardSpacing: map-get($euiPanelPaddingModifiers, 'paddingMedium');
2
- $euiCardBottomNodeHeight: $euiSizeXXL;
3
-
4
- $euiCardSelectButtonBorders: (
5
- text: $euiColorSuccess, // Default for selected
6
- primary: $euiColorPrimary,
7
- success: $euiColorSuccess,
8
- danger: $euiColorDanger,
9
- ghost: $euiColorDarkShade,
10
- );
11
-
12
- $euiCardSelectButtonBackgrounds: (
13
- text: $euiColorLightestShade, // Default for unselected
14
- primary: tintOrShade($euiColorPrimary, 90%, 70%),
15
- success: tintOrShade($euiColorSuccess, 90%, 70%),
16
- danger: tintOrShade($euiColorDanger, 90%, 70%),
17
- ghost: $euiColorDarkShade,
18
- );
19
-
20
- $euiCardPaddingModifiers: (
21
- 'paddingNone': 0,
22
- 'paddingSmall': $euiSizeS,
23
- 'paddingMedium': $euiSize,
24
- 'paddingLarge': $euiSizeL
25
- ) !default;
@@ -1,29 +0,0 @@
1
- $euiCheckableCardPadding: map-get($euiPanelPaddingModifiers, 'paddingMedium');
2
-
3
- .euiCheckableCard {
4
- transition: border-color $euiAnimSpeedNormal ease-in;
5
-
6
- &:not(.euiCheckableCard-isDisabled) {
7
- &.euiCheckableCard-isChecked {
8
- border-color: $euiColorPrimary;
9
- }
10
- }
11
- }
12
-
13
- .euiCheckableCard__label {
14
- cursor: pointer;
15
- // Expand the label to cover the whole panel for easier click target
16
- display: block;
17
- width: calc(100% + #{$euiCheckableCardPadding * 2});
18
- padding: $euiCheckableCardPadding;
19
- margin: -$euiCheckableCardPadding;
20
- }
21
-
22
- .euiCheckableCard__label-isDisabled {
23
- color: $euiFormControlDisabledColor;
24
- cursor: not-allowed;
25
- }
26
-
27
- .euiCheckableCard__children {
28
- margin-top: $euiSize;
29
- }
@@ -1 +0,0 @@
1
- @import 'checkable_card';
@@ -1,2 +0,0 @@
1
- @import 'tour';
2
- @import 'tour_step_indicator';
@@ -1,68 +0,0 @@
1
- $euiPopoverArrowSize: $euiSizeM;
2
-
3
- .euiTourHeader {
4
- border-bottom: none;
5
- // Overriding default `EuiPopoverTitle` styles
6
- margin-bottom: $euiSizeS !important; // sass-lint:disable-line no-important
7
-
8
- .euiTourHeader__title { // nested for additional specificity to override EuiTitle styles
9
- // Removes extra margin applied to siblint EuiTitle's
10
- margin-top: 0;
11
- }
12
- }
13
-
14
- .euiTourHeader__subtitle {
15
- color: $euiTextSubduedColor;
16
- }
17
-
18
- .euiTourFooter {
19
- background-color: $euiPageBackgroundColor;
20
- border-radius: 0 0 $euiBorderRadius $euiBorderRadius;
21
- }
22
-
23
- .euiTour {
24
- .euiTour__beacon {
25
- pointer-events: none;
26
- position: absolute;
27
- opacity: 0;
28
- transition: opacity 0s $euiAnimSpeedSlow; // delay time equals EuiPopover animation time
29
- }
30
-
31
- &[data-popover-open='true'] {
32
- .euiTour__beacon {
33
- opacity: 1;
34
- }
35
- }
36
-
37
- [data-popover-arrow='right'] {
38
- .euiTour__beacon {
39
- top: $euiPopoverArrowSize / 2;
40
- left: -$euiPopoverArrowSize * 2;
41
- }
42
- }
43
-
44
- [data-popover-arrow='left'] {
45
- .euiTour__beacon {
46
- top: $euiPopoverArrowSize / 2;
47
- left: $euiPopoverArrowSize;
48
- }
49
- }
50
-
51
- [data-popover-arrow='top'] {
52
- &:before {
53
- border-top-color: $euiPageBackgroundColor;
54
- }
55
-
56
- .euiTour__beacon {
57
- top: $euiPopoverArrowSize;
58
- left: $euiPopoverArrowSize / 2;
59
- }
60
- }
61
-
62
- [data-popover-arrow='bottom'] {
63
- .euiTour__beacon {
64
- top: -$euiPopoverArrowSize * 2;
65
- left: $euiPopoverArrowSize / 2;
66
- }
67
- }
68
- }
@@ -1,3 +0,0 @@
1
- .euiTourStepIndicator {
2
- display: inline-block;
3
- }
@@ -1,30 +0,0 @@
1
-
2
- // 1. Extend beta badges to at least 30% of the container's width
3
- // 2. Fix for IE to ensure badges are visible outside of a <button> tag
4
-
5
- @mixin euiHasBetaBadge($selector, $spacing: $euiSize) {
6
- #{$selector}--hasBetaBadge {
7
- position: relative;
8
- overflow: visible; // 2
9
-
10
- #{$selector}__betaBadgeWrapper {
11
- position: absolute;
12
- top: ($euiSizeL / -2);
13
- left: 50%;
14
- transform: translateX(-50%);
15
- z-index: 3; // get above abs positioned image
16
- min-width: 30%; // 1
17
- max-width: calc(100% - #{($spacing * 2)});
18
-
19
- .euiToolTipAnchor,
20
- #{$selector}__betaBadge {
21
- width: 100%; // 1
22
- }
23
-
24
- #{$selector}__betaBadge {
25
- overflow: hidden;
26
- text-overflow: ellipsis;
27
- }
28
- }
29
- }
30
- }
@@ -1,60 +0,0 @@
1
- @mixin euiButton {
2
- @include euiButtonBase;
3
- @include euiFont;
4
- @include euiFontSize;
5
- @include euiButtonFocus;
6
-
7
- font-weight: $euiButtonFontWeight;
8
- text-decoration: none;
9
- transition: background-color $euiAnimSpeedNormal ease-in-out, border-color $euiAnimSpeedNormal ease-in-out;
10
- outline-offset: -1px;
11
-
12
- &:hover:not([class*='isDisabled']),
13
- &:focus {
14
- text-decoration: underline;
15
- }
16
- }
17
-
18
- /*
19
- * Creates the Amsterdam style of button with a transparent background
20
- */
21
- @mixin euiButtonDefaultStyle($color: 'primary', $includeStates: true, $transparency: $euiButtonDefaultTransparency) {
22
- $backgroundColor: $color;
23
-
24
- @if (map-has-key($euiButtonTypes, $color)) {
25
- $backgroundColor: map-get($euiButtonTypes, $color);
26
- }
27
-
28
- $percentConversion: $transparency * 100%;
29
- // This variable simulates the possibly darkest background the button could be on
30
- // Simulates the 20% opaque color on top of the page background color
31
- $backgroundColorSimulated: mix($euiPageBackgroundColor, $backgroundColor, $percentConversion);
32
- // Then we can calculate the darkest text color needed
33
- color: makeHighContrastColor($backgroundColor, $backgroundColorSimulated);
34
- // But still use transparency
35
- background-color: transparentize($backgroundColor, $transparency);
36
-
37
- @if ($includeStates) {
38
- &:not([class*='isDisabled']) {
39
- &:hover,
40
- &:focus {
41
- // Duplicated from inert state simply to override default theme
42
- background-color: transparentize($backgroundColor, $transparency);
43
- }
44
- }
45
- }
46
- }
47
-
48
- /*
49
- * Creates the Amsterdam style of fill button
50
- */
51
- @mixin euiButtonFillStyle($color: 'primary') {
52
- $backgroundColor: $color;
53
-
54
- @if (map-has-key($euiButtonTypes, $color)) {
55
- $backgroundColor: map-get($euiButtonTypes, $color);
56
- }
57
-
58
- background-color: $backgroundColor;
59
- color: chooseLightOrDarkText($backgroundColor);
60
- }
@@ -1,119 +0,0 @@
1
- // This file has lots of modifiers and is somewhat nesty by nature
2
- //sass-lint:disable nesting-depth
3
-
4
- .euiButton,
5
- .euiButtonIcon {
6
- // sass-lint:disable no-important
7
- // remove for all states
8
- box-shadow: none !important;
9
- }
10
-
11
- .euiButton.euiButton-isDisabled:not(.euiButton--ghost),
12
- .euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost) {
13
- &,
14
- &:hover {
15
- $backgroundColorSimulated: mix($euiPageBackgroundColor, $euiButtonColorDisabled, 90%);
16
- background-color: transparentize($euiButtonColorDisabled, .9);
17
- color: makeDisabledContrastColor($euiButtonColorDisabled, $backgroundColorSimulated);
18
- }
19
- }
20
-
21
- .euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost) {
22
- &,
23
- &:hover {
24
- background-color: transparent;
25
- color: makeDisabledContrastColor($euiButtonColorDisabled, $euiPageBackgroundColor);
26
- }
27
- }
28
-
29
- .euiButton--small,
30
- .euiButtonIcon--small,
31
- .euiButtonIcon--xSmall {
32
- // Use a moderately smaller radius on small buttons
33
- // so that they don't appear completely rounded
34
- border-radius: $euiBorderRadius * (2 / 3);
35
- }
36
-
37
- // Change the hollow (bordered) buttons to have a transparent background
38
- // and no border
39
- @each $name, $color in $euiButtonTypes {
40
- .euiButton--#{$name} {
41
- @include euiButtonDefaultStyle($color);
42
-
43
- @if ($name == 'ghost') {
44
- // Ghost is unique and ALWAYS sits against a dark background.
45
- $backgroundColorSimulated: mix($euiColorInk, $color, 70%);
46
- color: makeHighContrastColor($color, $backgroundColorSimulated);
47
- } @else if ($name == 'text') {
48
- // The default color is lighter than the normal text color, make it the text color
49
- color: $euiTextColor;
50
- } @else {
51
- &.euiButton--fill:focus {
52
- outline-color: lightOrDarkTheme($euiColorInk, $euiColorGhost);
53
- }
54
- }
55
-
56
- &.euiButton--fill:not([class*='isDisabled']) {
57
- color: chooseLightOrDarkText($color, $euiColorGhost, $euiColorInk);
58
-
59
- &,
60
- &:hover,
61
- &:focus {
62
- background-color: $color;
63
- }
64
- }
65
- }
66
- }
67
-
68
- // Fix ghost/disabled look specifically
69
- .euiButton.euiButton-isDisabled.euiButton--ghost,
70
- // adding fill type to override default theme
71
- .euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill {
72
- &,
73
- &:focus {
74
- color: $euiButtonColorGhostDisabled;
75
- background-color: transparentize($euiButtonColorGhostDisabled, .9);
76
- }
77
- }
78
-
79
-
80
- // Duplicating the above for EuiButtonIcon
81
- @each $name, $color in $euiButtonTypes {
82
- .euiButtonIcon--#{$name}:not(.euiButtonIcon--empty) {
83
- @include euiButtonDefaultStyle($color);
84
-
85
- @if ($name == 'ghost') {
86
- // Ghost is unique and ALWAYS sits against a dark background.
87
- $backgroundColorSimulated: mix($euiColorInk, $color, 70%);
88
- color: makeHighContrastColor($color, $backgroundColorSimulated);
89
- } @else if ($name == 'text') {
90
- // The default color is lighter than the normal text color, make it the text color
91
- color: $euiTextColor;
92
- } @else {
93
- &.euiButtonIcon--fill:focus {
94
- outline-color: lightOrDarkTheme($euiColorInk, $euiColorGhost);
95
- }
96
- }
97
-
98
- &.euiButtonIcon--fill:not([class*='isDisabled']) {
99
- color: chooseLightOrDarkText($color, $euiColorGhost, $euiColorInk);
100
-
101
- &,
102
- &:hover,
103
- &:focus {
104
- background-color: $color;
105
- }
106
- }
107
- }
108
- }
109
-
110
- // Fix ghost/disabled look specifically
111
- .euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost,
112
- // adding fill type to override default theme
113
- .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill {
114
- &,
115
- &:focus {
116
- color: $euiButtonColorGhostDisabled;
117
- background-color: transparentize($euiButtonColorGhostDisabled, .9);
118
- }
119
- }
@@ -1,20 +0,0 @@
1
- .euiButtonEmpty {
2
- border-radius: $euiBorderRadius;
3
-
4
- &.euiButtonEmpty--small,
5
- &.euiButtonEmpty--xSmall {
6
- // Use a moderately smaller radius on small buttons
7
- // so that they don't appear completely rounded
8
- border-radius: $euiBorderRadius * .667;
9
- }
10
-
11
- &.euiButtonEmpty--xSmall {
12
- font-size: $euiFontSizeXS;
13
- }
14
- }
15
-
16
- @each $name, $color in $euiButtonTypes {
17
- .euiButtonEmpty--#{$name}:enabled:focus {
18
- @include euiFocusBackground($color);
19
- }
20
- }
@@ -1,91 +0,0 @@
1
- // This file has lots of modifiers and is somewhat nesty by nature
2
- // sass-lint:disable nesting-depth
3
-
4
- .euiButtonGroup__buttons {
5
- box-shadow: none !important; // sass-lint:disable-line no-important
6
- }
7
-
8
- .euiButtonGroup--medium,
9
- .euiButtonGroup--small {
10
- .euiButtonGroupButton {
11
- border: none !important; // sass-lint:disable-line no-important
12
- border-radius: 0 !important; // sass-lint:disable-line no-important
13
- font-weight: $euiButtonFontWeight;
14
-
15
- // Complicated set of focus states depending on whether it's a button and can receive :focus,
16
- // or an input and uses focus-within, and browser support for :focus-visible
17
- &:focus,
18
- &:focus-within {
19
- outline-style: solid;
20
- outline-color: lightOrDarkTheme($euiColorInk, $euiColorGhost);
21
- outline-offset: -2px;
22
-
23
- &:focus-visible {
24
- outline-style: auto; // For chrome only
25
- }
26
- }
27
-
28
- &:focus:not(:focus-visible) {
29
- outline: none;
30
- }
31
- }
32
-
33
- .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected) {
34
- $backgroundColorSimulated: mix($euiPageBackgroundColor, $euiButtonColorDisabled, 70%);
35
- background-color: transparentize($euiButtonColorDisabled, .7);
36
- color: makeHighContrastColor($euiButtonColorDisabled, $backgroundColorSimulated, 2);
37
- }
38
-
39
- // Change the hollow (bordered) buttons to have a transparent background
40
- // and no border
41
- @each $name, $color in $euiButtonTypes {
42
- .euiButtonGroupButton--#{$name} {
43
- @include euiButtonDefaultStyle($color);
44
-
45
- @if ($name == 'ghost') {
46
- // Ghost is unique and ALWAYS sits against a dark background.
47
- $backgroundColorSimulated: mix($euiColorInk, $color, 70%);
48
- color: makeHighContrastColor($color, $backgroundColorSimulated);
49
- }
50
- }
51
- }
52
-
53
- .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected) {
54
- &,
55
- &:hover,
56
- &:focus {
57
- background-color: transparentize($euiButtonColorGhostDisabled, .7);
58
- }
59
- }
60
- }
61
-
62
- .euiButtonGroup--small .euiButtonGroup__buttons {
63
- // Use a moderately smaller radius on small buttons
64
- // so that they don't appear completely rounded
65
- border-radius: $euiBorderRadius * (2 / 3);
66
- }
67
-
68
- .euiButtonGroup--compressed .euiButtonGroupButton {
69
- // Add 1 to the border radius to account for the background-clip
70
- border-radius: $euiFormControlCompressedBorderRadius + 1;
71
-
72
- @each $name, $color in $euiButtonTypes {
73
- &--#{$name} {
74
- // Complicated set of focus states depending on whether it's a button and can receive :focus,
75
- // or an input and uses focus-within, and browser support for :focus-visible,
76
- // and override nature of default theme
77
- &:not([class*='isDisabled']):focus,
78
- &:not([class*='isDisabled']):focus-within {
79
- outline-color: $color;
80
-
81
- &:focus-visible {
82
- outline-style: auto; // For chrome only
83
- }
84
- }
85
-
86
- &:not([class*='isDisabled']):focus:not(:focus-visible) {
87
- outline: none;
88
- }
89
- }
90
- }
91
- }
@@ -1,6 +0,0 @@
1
- .euiCard {
2
- .euiCardSelect {
3
- border-top-left-radius: 0;
4
- border-top-right-radius: 0;
5
- }
6
- }
@@ -1,182 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.EuiCardSelect = void 0;
9
- exports.euiCardSelectableColor = euiCardSelectableColor;
10
-
11
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
-
13
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
14
-
15
- var _react = _interopRequireDefault(require("react"));
16
-
17
- var _propTypes = _interopRequireDefault(require("prop-types"));
18
-
19
- var _classnames = _interopRequireDefault(require("classnames"));
20
-
21
- var _button_empty = require("../button/button_empty");
22
-
23
- var _i18n = require("../i18n");
24
-
25
- var _react2 = require("@emotion/react");
26
-
27
- var _excluded = ["className", "isSelected", "isDisabled", "color", "children"];
28
-
29
- var EuiCardSelect = function EuiCardSelect(_ref) {
30
- var className = _ref.className,
31
- _ref$isSelected = _ref.isSelected,
32
- isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
33
- isDisabled = _ref.isDisabled,
34
- color = _ref.color,
35
- children = _ref.children,
36
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
37
- var child = euiCardSelectableText(isSelected, isDisabled, children);
38
- var selectClasses = (0, _classnames.default)('euiCardSelect', "euiCardSelect--".concat(euiCardSelectableColor(color, isSelected)), className);
39
- return (0, _react2.jsx)(_button_empty.EuiButtonEmpty, (0, _extends2.default)({
40
- className: selectClasses,
41
- color: color || 'text',
42
- size: "xs",
43
- isDisabled: isDisabled,
44
- iconType: isSelected ? 'check' : undefined,
45
- role: "switch",
46
- "aria-checked": isSelected
47
- }, rest), child);
48
- };
49
-
50
- exports.EuiCardSelect = EuiCardSelect;
51
- EuiCardSelect.propTypes = {
52
- href: _propTypes.default.string,
53
- onClick: _propTypes.default.func,
54
-
55
- /**
56
- * Any of our named colors
57
- */
58
-
59
- /**
60
- * Any of our named colors
61
- */
62
- color: _propTypes.default.oneOf(["primary", "danger", "text", "ghost", "success", "warning"]),
63
- size: _propTypes.default.oneOf(["xs", "s", "m"]),
64
-
65
- /**
66
- * Ensure the text of the button sits flush to the left, right, or both sides of its container
67
- */
68
-
69
- /**
70
- * Ensure the text of the button sits flush to the left, right, or both sides of its container
71
- */
72
- flush: _propTypes.default.oneOf(["left", "right", "both"]),
73
-
74
- /**
75
- * `disabled` is also allowed
76
- */
77
-
78
- /**
79
- * `disabled` is also allowed
80
- */
81
- isDisabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.bool]),
82
-
83
- /**
84
- * Force disables the button and changes the icon to a loading spinner
85
- */
86
-
87
- /**
88
- * Force disables the button and changes the icon to a loading spinner
89
- */
90
- isLoading: _propTypes.default.bool,
91
-
92
- /**
93
- * Is in the selected state
94
- */
95
-
96
- /**
97
- * Applies the boolean state as the `aria-pressed` property to create a toggle button.
98
- * *Only use when the readable text does not change between states.*
99
- */
100
-
101
- /**
102
- * Applies the boolean state as the `aria-pressed` property to create a toggle button.
103
- * *Only use when the readable text does not change between states.*
104
- */
105
- isSelected: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.bool]),
106
- target: _propTypes.default.string,
107
- rel: _propTypes.default.string,
108
- type: _propTypes.default.oneOf(["button", "submit"]),
109
- buttonRef: _propTypes.default.any,
110
-
111
- /**
112
- * Object of props passed to the <span/> wrapping the button's content
113
- */
114
- contentProps: _propTypes.default.any,
115
-
116
- /**
117
- * Any `type` accepted by EuiIcon
118
- */
119
- 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]),
120
-
121
- /**
122
- * Can only be one side `left` or `right`
123
- */
124
- iconSide: _propTypes.default.oneOf(["left", "right"]),
125
-
126
- /**
127
- * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
128
- * It doesn't apply to the icon.
129
- */
130
- textProps: _propTypes.default.shape({
131
- className: _propTypes.default.string,
132
- "aria-label": _propTypes.default.string,
133
- "data-test-subj": _propTypes.default.string,
134
- ref: _propTypes.default.any,
135
- "data-text": _propTypes.default.string
136
- }),
137
- iconSize: _propTypes.default.oneOf(["s", "m"]),
138
- className: _propTypes.default.string,
139
- "aria-label": _propTypes.default.string,
140
- "data-test-subj": _propTypes.default.string
141
- };
142
-
143
- function euiCardSelectableText(isSelected, isDisabled, children) {
144
- if (children) {
145
- return children;
146
- }
147
-
148
- var text;
149
-
150
- if (isSelected) {
151
- text = (0, _react2.jsx)(_i18n.EuiI18n, {
152
- token: "euiCardSelect.selected",
153
- default: "Selected"
154
- });
155
- } else if (isDisabled) {
156
- text = (0, _react2.jsx)(_i18n.EuiI18n, {
157
- token: "euiCardSelect.unavailable",
158
- default: "Unavailable"
159
- });
160
- } else {
161
- text = (0, _react2.jsx)(_i18n.EuiI18n, {
162
- token: "euiCardSelect.select",
163
- default: "Select"
164
- });
165
- }
166
-
167
- return text;
168
- }
169
-
170
- function euiCardSelectableColor(color, isSelected) {
171
- var calculatedColor;
172
-
173
- if (color) {
174
- calculatedColor = color;
175
- } else if (isSelected) {
176
- calculatedColor = 'success';
177
- } else {
178
- calculatedColor = 'text';
179
- }
180
-
181
- return calculatedColor;
182
- }