@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
@@ -51,6 +51,9 @@ SOFTWARE.
51
51
  * Others like Safari, won't show anything at all.
52
52
  * 2. Force the `:focus-visible` when the `tabindex=0` (is tabbable)
53
53
  */
54
+ /**
55
+ * For quickly applying a full-height element whether using flex or not
56
+ */
54
57
  /*
55
58
  * Creates the Amsterdam style of button with a transparent background
56
59
  */
@@ -126,184 +129,6 @@ SOFTWARE.
126
129
  -webkit-transform: translateY(1px);
127
130
  transform: translateY(1px); } }
128
131
 
129
- .eui-alignBaseline {
130
- vertical-align: baseline !important; }
131
-
132
- .eui-alignBottom {
133
- vertical-align: bottom !important; }
134
-
135
- .eui-alignMiddle {
136
- vertical-align: middle !important; }
137
-
138
- .eui-alignTop {
139
- vertical-align: top !important; }
140
-
141
- .eui-displayBlock {
142
- display: block !important; }
143
-
144
- .eui-displayInline {
145
- display: inline !important; }
146
-
147
- .eui-displayInlineBlock {
148
- display: inline-block !important; }
149
-
150
- .eui-fullWidth {
151
- display: block !important;
152
- width: 100% !important; }
153
-
154
- .eui-textCenter {
155
- text-align: center !important; }
156
-
157
- .eui-textLeft {
158
- text-align: left !important; }
159
-
160
- .eui-textRight {
161
- text-align: right !important; }
162
-
163
- .eui-textNoWrap {
164
- white-space: nowrap !important; }
165
-
166
- .eui-textInheritColor {
167
- color: inherit !important; }
168
-
169
- .eui-textBreakWord {
170
- overflow-wrap: break-word !important;
171
- word-wrap: break-word !important;
172
- word-break: break-word; }
173
-
174
- .eui-textBreakAll {
175
- overflow-wrap: break-word !important;
176
- word-break: break-all !important; }
177
-
178
- .eui-textBreakNormal {
179
- overflow-wrap: normal !important;
180
- word-wrap: normal !important;
181
- word-break: normal !important; }
182
-
183
- .eui-textTruncate {
184
- max-width: 100%;
185
- overflow: hidden !important;
186
- text-overflow: ellipsis !important;
187
- white-space: nowrap !important;
188
- word-wrap: normal !important; }
189
-
190
- .eui-textNumber {
191
- font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1; }
192
-
193
- /**
194
- * Responsive
195
- *
196
- * 1. Be sure to hide the element initially
197
- */
198
- [class*='eui-showFor'] {
199
- display: none !important;
200
- /* 1 */ }
201
-
202
- @media only screen and (max-width: 574px) {
203
- .eui-hideFor--xs {
204
- display: none !important; } }
205
-
206
- @media only screen and (max-width: 574px) {
207
- .eui-showFor--xs {
208
- display: inline !important; } }
209
-
210
- @media only screen and (max-width: 574px) {
211
- .eui-showFor--xs--block {
212
- display: block !important; } }
213
-
214
- @media only screen and (max-width: 574px) {
215
- .eui-showFor--xs--inlineBlock {
216
- display: inline-block !important; } }
217
-
218
- @media only screen and (max-width: 574px) {
219
- .eui-showFor--xs--flex {
220
- display: -webkit-flex !important;
221
- display: flex !important; } }
222
-
223
- @media only screen and (min-width: 575px) and (max-width: 767px) {
224
- .eui-hideFor--s {
225
- display: none !important; } }
226
-
227
- @media only screen and (min-width: 575px) and (max-width: 767px) {
228
- .eui-showFor--s {
229
- display: inline !important; } }
230
-
231
- @media only screen and (min-width: 575px) and (max-width: 767px) {
232
- .eui-showFor--s--block {
233
- display: block !important; } }
234
-
235
- @media only screen and (min-width: 575px) and (max-width: 767px) {
236
- .eui-showFor--s--inlineBlock {
237
- display: inline-block !important; } }
238
-
239
- @media only screen and (min-width: 575px) and (max-width: 767px) {
240
- .eui-showFor--s--flex {
241
- display: -webkit-flex !important;
242
- display: flex !important; } }
243
-
244
- @media only screen and (min-width: 768px) and (max-width: 991px) {
245
- .eui-hideFor--m {
246
- display: none !important; } }
247
-
248
- @media only screen and (min-width: 768px) and (max-width: 991px) {
249
- .eui-showFor--m {
250
- display: inline !important; } }
251
-
252
- @media only screen and (min-width: 768px) and (max-width: 991px) {
253
- .eui-showFor--m--block {
254
- display: block !important; } }
255
-
256
- @media only screen and (min-width: 768px) and (max-width: 991px) {
257
- .eui-showFor--m--inlineBlock {
258
- display: inline-block !important; } }
259
-
260
- @media only screen and (min-width: 768px) and (max-width: 991px) {
261
- .eui-showFor--m--flex {
262
- display: -webkit-flex !important;
263
- display: flex !important; } }
264
-
265
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
266
- .eui-hideFor--l {
267
- display: none !important; } }
268
-
269
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
270
- .eui-showFor--l {
271
- display: inline !important; } }
272
-
273
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
274
- .eui-showFor--l--block {
275
- display: block !important; } }
276
-
277
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
278
- .eui-showFor--l--inlineBlock {
279
- display: inline-block !important; } }
280
-
281
- @media only screen and (min-width: 992px) and (max-width: 1199px) {
282
- .eui-showFor--l--flex {
283
- display: -webkit-flex !important;
284
- display: flex !important; } }
285
-
286
- @media only screen and (min-width: 1200px) {
287
- .eui-hideFor--xl {
288
- display: none !important; } }
289
-
290
- @media only screen and (min-width: 1200px) {
291
- .eui-showFor--xl {
292
- display: inline !important; } }
293
-
294
- @media only screen and (min-width: 1200px) {
295
- .eui-showFor--xl--block {
296
- display: block !important; } }
297
-
298
- @media only screen and (min-width: 1200px) {
299
- .eui-showFor--xl--inlineBlock {
300
- display: inline-block !important; } }
301
-
302
- @media only screen and (min-width: 1200px) {
303
- .eui-showFor--xl--flex {
304
- display: -webkit-flex !important;
305
- display: flex !important; } }
306
-
307
132
  /**
308
133
  * IE doesn't properly wrap groups if it is within a flex-item of a flex-group.
309
134
  * Adding the following styles to the flex-item that contains the wrapping group, will fix IE.
@@ -318,140 +143,6 @@ SOFTWARE.
318
143
  -webkit-flex-basis: 0%;
319
144
  flex-basis: 0%; } }
320
145
 
321
- /**
322
- * Scroll bar only
323
- */
324
- .eui-scrollBar {
325
- scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
326
- scrollbar-width: thin; }
327
- .eui-scrollBar::-webkit-scrollbar {
328
- width: 16px;
329
- height: 16px; }
330
- .eui-scrollBar::-webkit-scrollbar-thumb {
331
- background-color: rgba(152, 162, 179, 0.5);
332
- background-clip: content-box;
333
- border-radius: 16px;
334
- border: 6px solid transparent; }
335
- .eui-scrollBar::-webkit-scrollbar-corner, .eui-scrollBar::-webkit-scrollbar-track {
336
- background-color: transparent; }
337
-
338
- /**
339
- * Overflow scrolling
340
- */
341
- .eui-yScroll {
342
- scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
343
- scrollbar-width: thin;
344
- height: 100%;
345
- overflow-y: auto;
346
- overflow-x: hidden; }
347
- .eui-yScroll::-webkit-scrollbar {
348
- width: 16px;
349
- height: 16px; }
350
- .eui-yScroll::-webkit-scrollbar-thumb {
351
- background-color: rgba(152, 162, 179, 0.5);
352
- background-clip: content-box;
353
- border-radius: 16px;
354
- border: 6px solid transparent; }
355
- .eui-yScroll::-webkit-scrollbar-corner, .eui-yScroll::-webkit-scrollbar-track {
356
- background-color: transparent; }
357
- .eui-yScroll:focus {
358
- outline: none;
359
- /* 1 */ }
360
- .eui-yScroll[tabindex='0']:focus:focus-visible {
361
- outline-style: auto;
362
- /* 2 */ }
363
-
364
- .eui-xScroll {
365
- scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
366
- scrollbar-width: thin;
367
- overflow-x: auto; }
368
- .eui-xScroll::-webkit-scrollbar {
369
- width: 16px;
370
- height: 16px; }
371
- .eui-xScroll::-webkit-scrollbar-thumb {
372
- background-color: rgba(152, 162, 179, 0.5);
373
- background-clip: content-box;
374
- border-radius: 16px;
375
- border: 6px solid transparent; }
376
- .eui-xScroll::-webkit-scrollbar-corner, .eui-xScroll::-webkit-scrollbar-track {
377
- background-color: transparent; }
378
- .eui-xScroll:focus {
379
- outline: none;
380
- /* 1 */ }
381
- .eui-xScroll[tabindex='0']:focus:focus-visible {
382
- outline-style: auto;
383
- /* 2 */ }
384
-
385
- /**
386
- * Overflow scrolling with shadows
387
- */
388
- .eui-yScrollWithShadows {
389
- scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
390
- scrollbar-width: thin;
391
- height: 100%;
392
- overflow-y: auto;
393
- overflow-x: hidden;
394
- -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
395
- mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
396
- .eui-yScrollWithShadows::-webkit-scrollbar {
397
- width: 16px;
398
- height: 16px; }
399
- .eui-yScrollWithShadows::-webkit-scrollbar-thumb {
400
- background-color: rgba(152, 162, 179, 0.5);
401
- background-clip: content-box;
402
- border-radius: 16px;
403
- border: 6px solid transparent; }
404
- .eui-yScrollWithShadows::-webkit-scrollbar-corner, .eui-yScrollWithShadows::-webkit-scrollbar-track {
405
- background-color: transparent; }
406
- .eui-yScrollWithShadows:focus {
407
- outline: none;
408
- /* 1 */ }
409
- .eui-yScrollWithShadows[tabindex='0']:focus:focus-visible {
410
- outline-style: auto;
411
- /* 2 */ }
412
-
413
- .eui-xScrollWithShadows {
414
- scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
415
- scrollbar-width: thin;
416
- overflow-x: auto;
417
- -webkit-mask-image: linear-gradient(to right, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
418
- mask-image: linear-gradient(to right, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
419
- .eui-xScrollWithShadows::-webkit-scrollbar {
420
- width: 16px;
421
- height: 16px; }
422
- .eui-xScrollWithShadows::-webkit-scrollbar-thumb {
423
- background-color: rgba(152, 162, 179, 0.5);
424
- background-clip: content-box;
425
- border-radius: 16px;
426
- border: 6px solid transparent; }
427
- .eui-xScrollWithShadows::-webkit-scrollbar-corner, .eui-xScrollWithShadows::-webkit-scrollbar-track {
428
- background-color: transparent; }
429
- .eui-xScrollWithShadows:focus {
430
- outline: none;
431
- /* 1 */ }
432
- .eui-xScrollWithShadows[tabindex='0']:focus:focus-visible {
433
- outline-style: auto;
434
- /* 2 */ }
435
-
436
- /**
437
- * Forcing focus ring on non-EUI elements
438
- */
439
- .eui-isFocusable:focus {
440
- outline: 2px solid currentColor; }
441
- .eui-isFocusable:focus:focus-visible {
442
- outline-style: auto; }
443
- .eui-isFocusable:focus:not(:focus-visible) {
444
- outline: none; }
445
-
446
- /**
447
- * For quickly applying a full-height element whether using flex or not
448
- */
449
- .eui-fullHeight {
450
- height: 100%;
451
- -webkit-flex: 1 1 auto;
452
- flex: 1 1 auto;
453
- overflow: hidden; }
454
-
455
146
  /**
456
147
  * LEGEND
457
148
  * __day-name : Week headers like Su, Mo, etc
@@ -639,7 +330,6 @@ SOFTWARE.
639
330
  line-height: 1.71429rem;
640
331
  font-weight: 500;
641
332
  text-decoration: none;
642
- transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
643
333
  outline-offset: -1px;
644
334
  -webkit-transform: none !important;
645
335
  transform: none !important;
@@ -658,19 +348,19 @@ SOFTWARE.
658
348
  font-size: 12px; }
659
349
  @media screen and (prefers-reduced-motion: no-preference) {
660
350
  .react-datepicker__time-list-item {
661
- transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
662
- transition: transform 250ms ease-in-out, background 250ms ease-in-out;
663
- transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
664
- .react-datepicker__time-list-item:hover:not([class*='isDisabled']) {
351
+ transition: background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
352
+ transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
353
+ transition: transform 250ms ease-in-out, background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
354
+ .react-datepicker__time-list-item:hover:not(:disabled) {
665
355
  -webkit-transform: translateY(-1px);
666
356
  transform: translateY(-1px); }
667
357
  .react-datepicker__time-list-item:focus {
668
358
  -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
669
359
  animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
670
- .react-datepicker__time-list-item:active:not([class*='isDisabled']) {
360
+ .react-datepicker__time-list-item:active:not(:disabled) {
671
361
  -webkit-transform: translateY(1px);
672
362
  transform: translateY(1px); } }
673
- .react-datepicker__time-list-item:hover:not([class*='isDisabled']), .react-datepicker__time-list-item:focus {
363
+ .react-datepicker__time-list-item:hover:not(:disabled), .react-datepicker__time-list-item:focus {
674
364
  text-decoration: underline; }
675
365
  .react-datepicker__time-list-item--disabled, .react-datepicker__time-list-item--disabled:hover {
676
366
  text-decoration: none !important;
@@ -1217,7 +907,9 @@ SOFTWARE.
1217
907
  line-height: 24px;
1218
908
  text-align: center;
1219
909
  white-space: nowrap;
1220
- cursor: default; }
910
+ cursor: default;
911
+ overflow: hidden;
912
+ text-overflow: ellipsis; }
1221
913
  .euiBetaBadge:focus {
1222
914
  outline: 2px solid currentColor;
1223
915
  outline-color: #FFF;
@@ -1258,8 +950,10 @@ SOFTWARE.
1258
950
  .euiBetaBadge--subdued.euiBetaBadge-isClickable {
1259
951
  color: #FFF; }
1260
952
 
1261
- .euiBetaBadge--hollow.euiBetaBadge-isClickable {
1262
- color: #FFF; }
953
+ .euiBetaBadge--hollow {
954
+ background-color: #1D1E24; }
955
+ .euiBetaBadge--hollow.euiBetaBadge-isClickable {
956
+ color: #FFF; }
1263
957
 
1264
958
  .euiBetaBadge--accent {
1265
959
  background: #F68FBE;
@@ -1338,7 +1032,46 @@ SOFTWARE.
1338
1032
  left: 100%;
1339
1033
  width: 0; } }
1340
1034
 
1341
- .euiButton {
1035
+ .euiButtonContent {
1036
+ height: 100%;
1037
+ width: 100%;
1038
+ vertical-align: middle;
1039
+ display: -webkit-flex;
1040
+ display: flex;
1041
+ -webkit-justify-content: center;
1042
+ justify-content: center;
1043
+ -webkit-align-items: center;
1044
+ align-items: center; }
1045
+ .euiButtonContent .euiButtonContent__icon,
1046
+ .euiButtonContent .euiButtonContent__spinner {
1047
+ -webkit-flex-shrink: 0;
1048
+ flex-shrink: 0; }
1049
+ .euiButtonContent > * + * {
1050
+ -webkit-margin-start: 8px;
1051
+ margin-inline-start: 8px; }
1052
+
1053
+ .euiButtonContent--iconRight {
1054
+ height: 100%;
1055
+ width: 100%;
1056
+ vertical-align: middle;
1057
+ -webkit-flex-direction: row-reverse;
1058
+ flex-direction: row-reverse; }
1059
+ .euiButtonContent--iconRight .euiButtonContent__icon,
1060
+ .euiButtonContent--iconRight .euiButtonContent__spinner {
1061
+ -webkit-flex-shrink: 0;
1062
+ flex-shrink: 0; }
1063
+ .euiButtonContent--iconRight > * + * {
1064
+ -webkit-margin-start: 0;
1065
+ margin-inline-start: 0;
1066
+ -webkit-margin-end: 8px;
1067
+ margin-inline-end: 8px; }
1068
+
1069
+ /**
1070
+ * 1. We don't want any of the animations that come inherited from the mixin.
1071
+ * These should act like normal links instead.
1072
+ * 2. Change the easing, quickness to not bounce so lighter backgrounds don't flash
1073
+ */
1074
+ .euiButtonEmpty {
1342
1075
  display: inline-block;
1343
1076
  -webkit-appearance: none;
1344
1077
  -moz-appearance: none;
@@ -1362,298 +1095,53 @@ SOFTWARE.
1362
1095
  line-height: 1.71429rem;
1363
1096
  font-weight: 500;
1364
1097
  text-decoration: none;
1365
- transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
1366
1098
  outline-offset: -1px;
1367
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
1368
1099
  border-radius: 6px;
1369
- min-width: 112px; }
1100
+ -webkit-transform: none !important;
1101
+ transform: none !important;
1102
+ /* 1 */
1103
+ -webkit-animation: none !important;
1104
+ animation: none !important;
1105
+ /* 1 */
1106
+ transition-timing-function: ease-in;
1107
+ /* 2 */
1108
+ transition-duration: 150ms;
1109
+ /* 2 */ }
1370
1110
  @media screen and (prefers-reduced-motion: no-preference) {
1371
- .euiButton {
1372
- transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
1373
- transition: transform 250ms ease-in-out, background 250ms ease-in-out;
1374
- transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
1375
- .euiButton:hover:not([class*='isDisabled']) {
1111
+ .euiButtonEmpty {
1112
+ transition: background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
1113
+ transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
1114
+ transition: transform 250ms ease-in-out, background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
1115
+ .euiButtonEmpty:hover:not(:disabled) {
1376
1116
  -webkit-transform: translateY(-1px);
1377
1117
  transform: translateY(-1px); }
1378
- .euiButton:focus {
1118
+ .euiButtonEmpty:focus {
1379
1119
  -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1380
1120
  animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
1381
- .euiButton:active:not([class*='isDisabled']) {
1121
+ .euiButtonEmpty:active:not(:disabled) {
1382
1122
  -webkit-transform: translateY(1px);
1383
1123
  transform: translateY(1px); } }
1384
- .euiButton:hover:not([class*='isDisabled']), .euiButton:focus {
1124
+ .euiButtonEmpty:hover:not(:disabled), .euiButtonEmpty:focus {
1385
1125
  text-decoration: underline; }
1386
- .euiButton .euiButton__content {
1387
- padding: 0 12px; }
1388
- .euiButton .euiButton__text {
1126
+ .euiButtonEmpty .euiButtonEmpty__content {
1127
+ padding: 0 8px; }
1128
+ .euiButtonEmpty .euiButtonEmpty__text {
1389
1129
  text-overflow: ellipsis;
1390
1130
  overflow: hidden; }
1391
- .euiButton.euiButton--small {
1131
+ .euiButtonEmpty.euiButtonEmpty--small {
1392
1132
  height: 32px;
1393
- line-height: 32px; }
1394
- .euiButton:hover, .euiButton:active {
1395
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
1396
- .euiButton:not([class*='isDisabled']):hover, .euiButton:not([class*='isDisabled']):focus, .euiButton:not([class*='isDisabled']):focus-within {
1397
- background-color: rgba(54, 162, 239, 0.1); }
1398
- .euiButton.euiButton-isDisabled {
1399
- pointer-events: auto;
1400
- cursor: not-allowed;
1401
- color: #515761;
1402
- border-color: #515761; }
1403
- .euiButton.euiButton-isDisabled .euiButtonContent__icon {
1404
- fill: currentColor; }
1405
- .euiButton.euiButton-isDisabled .euiButtonContent__spinner {
1406
- border-color: #36A2EF currentColor currentColor currentColor; }
1407
- .euiButton.euiButton-isDisabled.euiButton--fill {
1408
- color: #858a91;
1409
- background-color: #515761;
1410
- border-color: #515761; }
1411
- .euiButton.euiButton-isDisabled.euiButton--fill:hover, .euiButton.euiButton-isDisabled.euiButton--fill:focus, .euiButton.euiButton-isDisabled.euiButton--fill:focus-within {
1412
- background-color: #515761;
1413
- border-color: #515761; }
1414
- .euiButton.euiButton-isDisabled:hover, .euiButton.euiButton-isDisabled:focus, .euiButton.euiButton-isDisabled:focus-within {
1415
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
1416
- text-decoration: none; }
1417
-
1418
- .euiButton--primary {
1419
- color: #36A2EF;
1420
- border-color: #36A2EF; }
1421
- .euiButton--primary.euiButton--fill {
1422
- background-color: #36A2EF;
1423
- border-color: #36A2EF;
1424
- color: #000; }
1425
- .euiButton--primary.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus-within {
1426
- background-color: #1e97ed;
1427
- border-color: #1e97ed; }
1428
- .euiButton--primary:not([class*='isDisabled']) {
1429
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1430
- .euiButton--primary:not([class*='isDisabled']):hover, .euiButton--primary:not([class*='isDisabled']):focus, .euiButton--primary:not([class*='isDisabled']):focus-within {
1431
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1432
- background-color: rgba(54, 162, 239, 0.1); }
1433
-
1434
- .euiButton--accent {
1435
- color: #F68FBE;
1436
- border-color: #F68FBE; }
1437
- .euiButton--accent.euiButton--fill {
1438
- background-color: #F68FBE;
1439
- border-color: #F68FBE;
1440
- color: #000; }
1441
- .euiButton--accent.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus-within {
1442
- background-color: #f477b0;
1443
- border-color: #f477b0; }
1444
- .euiButton--accent:not([class*='isDisabled']) {
1445
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1446
- .euiButton--accent:not([class*='isDisabled']):hover, .euiButton--accent:not([class*='isDisabled']):focus, .euiButton--accent:not([class*='isDisabled']):focus-within {
1447
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1448
- background-color: rgba(246, 143, 190, 0.1); }
1449
-
1450
- .euiButton--success {
1451
- color: #7DDED8;
1452
- border-color: #7DDED8; }
1453
- .euiButton--success.euiButton--fill {
1454
- background-color: #7DDED8;
1455
- border-color: #7DDED8;
1456
- color: #000; }
1457
- .euiButton--success.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus-within {
1458
- background-color: #69d9d2;
1459
- border-color: #69d9d2; }
1460
- .euiButton--success:not([class*='isDisabled']) {
1461
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1462
- .euiButton--success:not([class*='isDisabled']):hover, .euiButton--success:not([class*='isDisabled']):focus, .euiButton--success:not([class*='isDisabled']):focus-within {
1463
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1464
- background-color: rgba(125, 222, 216, 0.1); }
1465
-
1466
- .euiButton--warning {
1467
- color: #F3D371;
1468
- border-color: #F3D371; }
1469
- .euiButton--warning.euiButton--fill {
1470
- background-color: #F3D371;
1471
- border-color: #F3D371;
1472
- color: #000; }
1473
- .euiButton--warning.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus-within {
1474
- background-color: #f1cc59;
1475
- border-color: #f1cc59; }
1476
- .euiButton--warning:not([class*='isDisabled']) {
1477
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1478
- .euiButton--warning:not([class*='isDisabled']):hover, .euiButton--warning:not([class*='isDisabled']):focus, .euiButton--warning:not([class*='isDisabled']):focus-within {
1479
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1480
- background-color: rgba(243, 211, 113, 0.1); }
1481
-
1482
- .euiButton--danger {
1483
- color: #F86B63;
1484
- border-color: #F86B63; }
1485
- .euiButton--danger.euiButton--fill {
1486
- background-color: #F86B63;
1487
- border-color: #F86B63;
1488
- color: #000; }
1489
- .euiButton--danger.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus-within {
1490
- background-color: #f7544b;
1491
- border-color: #f7544b; }
1492
- .euiButton--danger:not([class*='isDisabled']) {
1493
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1494
- .euiButton--danger:not([class*='isDisabled']):hover, .euiButton--danger:not([class*='isDisabled']):focus, .euiButton--danger:not([class*='isDisabled']):focus-within {
1495
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1496
- background-color: rgba(248, 107, 99, 0.1); }
1497
-
1498
- .euiButton--ghost {
1499
- color: #FFF;
1500
- border-color: #FFF; }
1501
- .euiButton--ghost.euiButton--fill {
1502
- background-color: #FFF;
1503
- border-color: #FFF;
1504
- color: #000; }
1505
- .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus-within {
1506
- background-color: #f2f2f2;
1507
- border-color: #f2f2f2; }
1508
- .euiButton--ghost:not([class*='isDisabled']) {
1509
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1510
- .euiButton--ghost:not([class*='isDisabled']):hover, .euiButton--ghost:not([class*='isDisabled']):focus, .euiButton--ghost:not([class*='isDisabled']):focus-within {
1511
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1512
- background-color: rgba(255, 255, 255, 0.1); }
1513
-
1514
- .euiButton--text {
1515
- color: #DFE5EF;
1516
- border-color: #98A2B3; }
1517
- .euiButton--text.euiButton--fill {
1518
- background-color: #98A2B3;
1519
- border-color: #98A2B3;
1520
- color: #000; }
1521
- .euiButton--text.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus-within {
1522
- background-color: #8995a8;
1523
- border-color: #8995a8; }
1524
- .euiButton--text:not([class*='isDisabled']) {
1525
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1526
- .euiButton--text:not([class*='isDisabled']):hover, .euiButton--text:not([class*='isDisabled']):focus, .euiButton--text:not([class*='isDisabled']):focus-within {
1527
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1528
- background-color: rgba(152, 162, 179, 0.1); }
1529
-
1530
- .euiButton.euiButton-isDisabled.euiButton--ghost, .euiButton.euiButton-isDisabled.euiButton--ghost:hover, .euiButton.euiButton-isDisabled.euiButton--ghost:focus, .euiButton.euiButton-isDisabled.euiButton--ghost:focus-within {
1531
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
1532
- color: #343741;
1533
- border-color: #343741; }
1534
-
1535
- .euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill {
1536
- background-color: #343741;
1537
- color: #62656d; }
1538
-
1539
- .euiButton--fullWidth {
1540
- display: block;
1541
- width: 100%; }
1542
-
1543
- .euiButtonContent {
1544
- height: 100%;
1545
- width: 100%;
1546
- vertical-align: middle;
1547
- display: -webkit-flex;
1548
- display: flex;
1549
- -webkit-justify-content: center;
1550
- justify-content: center;
1551
- -webkit-align-items: center;
1552
- align-items: center; }
1553
- .euiButtonContent .euiButtonContent__icon,
1554
- .euiButtonContent .euiButtonContent__spinner {
1555
- -webkit-flex-shrink: 0;
1556
- flex-shrink: 0; }
1557
- .euiButtonContent > * + * {
1558
- -webkit-margin-start: 8px;
1559
- margin-inline-start: 8px; }
1560
-
1561
- .euiButtonContent--iconRight {
1562
- height: 100%;
1563
- width: 100%;
1564
- vertical-align: middle;
1565
- -webkit-flex-direction: row-reverse;
1566
- flex-direction: row-reverse; }
1567
- .euiButtonContent--iconRight .euiButtonContent__icon,
1568
- .euiButtonContent--iconRight .euiButtonContent__spinner {
1569
- -webkit-flex-shrink: 0;
1570
- flex-shrink: 0; }
1571
- .euiButtonContent--iconRight > * + * {
1572
- -webkit-margin-start: 0;
1573
- margin-inline-start: 0;
1574
- -webkit-margin-end: 8px;
1575
- margin-inline-end: 8px; }
1576
-
1577
- /**
1578
- * 1. We don't want any of the animations that come inherited from the mixin.
1579
- * These should act like normal links instead.
1580
- * 2. Change the easing, quickness to not bounce so lighter backgrounds don't flash
1581
- */
1582
- .euiButtonEmpty {
1583
- display: inline-block;
1584
- -webkit-appearance: none;
1585
- -moz-appearance: none;
1586
- appearance: none;
1587
- cursor: pointer;
1588
- height: 40px;
1589
- line-height: 40px;
1590
- text-align: center;
1591
- white-space: nowrap;
1592
- max-width: 100%;
1593
- vertical-align: middle;
1594
- font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1595
- font-weight: 400;
1596
- letter-spacing: normal;
1597
- -webkit-text-size-adjust: 100%;
1598
- -ms-text-size-adjust: 100%;
1599
- -webkit-font-kerning: normal;
1600
- font-kerning: normal;
1601
- font-size: 14px;
1602
- font-size: 1rem;
1603
- line-height: 1.71429rem;
1604
- font-weight: 500;
1605
- text-decoration: none;
1606
- transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
1607
- outline-offset: -1px;
1608
- border-color: transparent;
1609
- background-color: transparent;
1610
- box-shadow: none;
1611
- -webkit-transform: none !important;
1612
- transform: none !important;
1613
- /* 1 */
1614
- -webkit-animation: none !important;
1615
- animation: none !important;
1616
- /* 1 */
1617
- transition-timing-function: ease-in;
1618
- /* 2 */
1619
- transition-duration: 150ms;
1620
- /* 2 */ }
1621
- @media screen and (prefers-reduced-motion: no-preference) {
1622
- .euiButtonEmpty {
1623
- transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
1624
- transition: transform 250ms ease-in-out, background 250ms ease-in-out;
1625
- transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
1626
- .euiButtonEmpty:hover:not([class*='isDisabled']) {
1627
- -webkit-transform: translateY(-1px);
1628
- transform: translateY(-1px); }
1629
- .euiButtonEmpty:focus {
1630
- -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1631
- animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
1632
- .euiButtonEmpty:active:not([class*='isDisabled']) {
1633
- -webkit-transform: translateY(1px);
1634
- transform: translateY(1px); } }
1635
- .euiButtonEmpty:hover:not([class*='isDisabled']), .euiButtonEmpty:focus {
1636
- text-decoration: underline; }
1637
- .euiButtonEmpty .euiButtonEmpty__content {
1638
- padding: 0 8px; }
1639
- .euiButtonEmpty .euiButtonEmpty__text {
1640
- text-overflow: ellipsis;
1641
- overflow: hidden; }
1642
- .euiButtonEmpty.euiButtonEmpty--small {
1643
- height: 32px; }
1133
+ border-radius: 4.002px; }
1644
1134
  .euiButtonEmpty.euiButtonEmpty--xSmall {
1645
1135
  height: 24px;
1646
- font-size: 14px; }
1136
+ border-radius: 4.002px;
1137
+ font-size: 12px; }
1647
1138
  .euiButtonEmpty:disabled {
1648
1139
  pointer-events: auto;
1649
- cursor: not-allowed;
1650
- color: #515761; }
1651
- .euiButtonEmpty:disabled .euiButtonContent__icon {
1652
- fill: currentColor; }
1140
+ cursor: not-allowed; }
1141
+ .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus, .euiButtonEmpty:disabled:focus-within {
1142
+ text-decoration: none; }
1653
1143
  .euiButtonEmpty:disabled .euiButtonContent__spinner {
1654
1144
  border-color: #36A2EF currentColor currentColor currentColor; }
1655
- .euiButtonEmpty:disabled:focus {
1656
- background-color: transparent; }
1657
1145
  .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus {
1658
1146
  text-decoration: none; }
1659
1147
 
@@ -1669,43 +1157,6 @@ SOFTWARE.
1669
1157
  .euiButtonEmpty--flushRight {
1670
1158
  margin-left: 8px; }
1671
1159
 
1672
- .euiButtonEmpty--primary {
1673
- color: #36A2EF; }
1674
- .euiButtonEmpty--primary:focus {
1675
- background-color: rgba(54, 162, 239, 0.1); }
1676
-
1677
- .euiButtonEmpty--danger {
1678
- color: #F86B63; }
1679
- .euiButtonEmpty--danger:focus {
1680
- background-color: rgba(248, 107, 99, 0.1); }
1681
-
1682
- .euiButtonEmpty--disabled {
1683
- color: #858a91; }
1684
- .euiButtonEmpty--disabled:focus {
1685
- background-color: rgba(81, 87, 97, 0.1); }
1686
- .euiButtonEmpty--disabled:hover {
1687
- cursor: not-allowed; }
1688
-
1689
- .euiButtonEmpty--ghost {
1690
- color: #FFF; }
1691
- .euiButtonEmpty--ghost:focus {
1692
- background-color: rgba(255, 255, 255, 0.1); }
1693
-
1694
- .euiButtonEmpty--text {
1695
- color: #DFE5EF; }
1696
- .euiButtonEmpty--text:focus {
1697
- background-color: rgba(223, 229, 239, 0.1); }
1698
-
1699
- .euiButtonEmpty--success {
1700
- color: #7DDED8; }
1701
- .euiButtonEmpty--success:focus {
1702
- background-color: rgba(125, 222, 216, 0.1); }
1703
-
1704
- .euiButtonEmpty--warning {
1705
- color: #F3D371; }
1706
- .euiButtonEmpty--warning:focus {
1707
- background-color: rgba(243, 211, 113, 0.1); }
1708
-
1709
1160
  .euiButtonIcon {
1710
1161
  display: inline-block;
1711
1162
  -webkit-appearance: none;
@@ -1730,9 +1181,7 @@ SOFTWARE.
1730
1181
  line-height: 1.71429rem;
1731
1182
  font-weight: 500;
1732
1183
  text-decoration: none;
1733
- transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
1734
1184
  outline-offset: -1px;
1735
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
1736
1185
  border-radius: 6px;
1737
1186
  width: 40px;
1738
1187
  display: -webkit-inline-flex;
@@ -1743,173 +1192,39 @@ SOFTWARE.
1743
1192
  justify-content: space-around; }
1744
1193
  @media screen and (prefers-reduced-motion: no-preference) {
1745
1194
  .euiButtonIcon {
1746
- transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
1747
- transition: transform 250ms ease-in-out, background 250ms ease-in-out;
1748
- transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
1749
- .euiButtonIcon:hover:not([class*='isDisabled']) {
1195
+ transition: background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
1196
+ transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
1197
+ transition: transform 250ms ease-in-out, background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
1198
+ .euiButtonIcon:hover:not(:disabled) {
1750
1199
  -webkit-transform: translateY(-1px);
1751
1200
  transform: translateY(-1px); }
1752
1201
  .euiButtonIcon:focus {
1753
1202
  -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1754
1203
  animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
1755
- .euiButtonIcon:active:not([class*='isDisabled']) {
1204
+ .euiButtonIcon:active:not(:disabled) {
1756
1205
  -webkit-transform: translateY(1px);
1757
1206
  transform: translateY(1px); } }
1758
- .euiButtonIcon:hover:not([class*='isDisabled']), .euiButtonIcon:focus {
1207
+ .euiButtonIcon:hover:not(:disabled), .euiButtonIcon:focus {
1759
1208
  text-decoration: underline; }
1760
1209
  .euiButtonIcon > svg {
1761
1210
  pointer-events: none; }
1762
- .euiButtonIcon.euiButtonIcon--empty {
1763
- box-shadow: none !important;
1764
- border: none; }
1765
- .euiButtonIcon.euiButtonIcon-isDisabled {
1211
+ .euiButtonIcon:disabled {
1766
1212
  pointer-events: auto;
1767
- cursor: not-allowed;
1768
- color: #515761;
1769
- border-color: #515761; }
1770
- .euiButtonIcon.euiButtonIcon-isDisabled .euiButtonContent__icon {
1771
- fill: currentColor; }
1772
- .euiButtonIcon.euiButtonIcon-isDisabled .euiButtonContent__spinner {
1773
- border-color: #36A2EF currentColor currentColor currentColor; }
1774
- .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill {
1775
- color: #858a91;
1776
- background-color: #515761;
1777
- border-color: #515761; }
1778
- .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:hover, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:focus, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:focus-within {
1779
- background-color: #515761;
1780
- border-color: #515761; }
1781
- .euiButtonIcon.euiButtonIcon-isDisabled:hover, .euiButtonIcon.euiButtonIcon-isDisabled:focus, .euiButtonIcon.euiButtonIcon-isDisabled:focus-within {
1782
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
1213
+ cursor: not-allowed; }
1214
+ .euiButtonIcon:disabled:hover, .euiButtonIcon:disabled:focus, .euiButtonIcon:disabled:focus-within {
1783
1215
  text-decoration: none; }
1216
+ .euiButtonIcon:disabled .euiButtonContent__spinner {
1217
+ border-color: #36A2EF currentColor currentColor currentColor; }
1784
1218
 
1785
1219
  .euiButtonIcon--xSmall {
1786
1220
  height: 24px;
1787
- width: 24px; }
1221
+ width: 24px;
1222
+ border-radius: 4px; }
1788
1223
 
1789
1224
  .euiButtonIcon--small {
1790
1225
  height: 32px;
1791
- width: 32px; }
1792
-
1793
- .euiButtonIcon--primary {
1794
- color: #36A2EF;
1795
- border-color: #36A2EF; }
1796
- .euiButtonIcon--primary.euiButtonIcon--fill {
1797
- background-color: #36A2EF;
1798
- border-color: #36A2EF;
1799
- color: #000; }
1800
- .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
1801
- background-color: #1e97ed;
1802
- border-color: #1e97ed; }
1803
- .euiButtonIcon--primary:not([class*='isDisabled']) {
1804
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1805
- .euiButtonIcon--primary:not([class*='isDisabled']):hover, .euiButtonIcon--primary:not([class*='isDisabled']):focus, .euiButtonIcon--primary:not([class*='isDisabled']):focus-within {
1806
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1807
- background-color: rgba(54, 162, 239, 0.1); }
1808
-
1809
- .euiButtonIcon--accent {
1810
- color: #F68FBE;
1811
- border-color: #F68FBE; }
1812
- .euiButtonIcon--accent.euiButtonIcon--fill {
1813
- background-color: #F68FBE;
1814
- border-color: #F68FBE;
1815
- color: #000; }
1816
- .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
1817
- background-color: #f477b0;
1818
- border-color: #f477b0; }
1819
- .euiButtonIcon--accent:not([class*='isDisabled']) {
1820
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1821
- .euiButtonIcon--accent:not([class*='isDisabled']):hover, .euiButtonIcon--accent:not([class*='isDisabled']):focus, .euiButtonIcon--accent:not([class*='isDisabled']):focus-within {
1822
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1823
- background-color: rgba(246, 143, 190, 0.1); }
1824
-
1825
- .euiButtonIcon--success {
1826
- color: #7DDED8;
1827
- border-color: #7DDED8; }
1828
- .euiButtonIcon--success.euiButtonIcon--fill {
1829
- background-color: #7DDED8;
1830
- border-color: #7DDED8;
1831
- color: #000; }
1832
- .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
1833
- background-color: #69d9d2;
1834
- border-color: #69d9d2; }
1835
- .euiButtonIcon--success:not([class*='isDisabled']) {
1836
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1837
- .euiButtonIcon--success:not([class*='isDisabled']):hover, .euiButtonIcon--success:not([class*='isDisabled']):focus, .euiButtonIcon--success:not([class*='isDisabled']):focus-within {
1838
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1839
- background-color: rgba(125, 222, 216, 0.1); }
1840
-
1841
- .euiButtonIcon--warning {
1842
- color: #F3D371;
1843
- border-color: #F3D371; }
1844
- .euiButtonIcon--warning.euiButtonIcon--fill {
1845
- background-color: #F3D371;
1846
- border-color: #F3D371;
1847
- color: #000; }
1848
- .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
1849
- background-color: #f1cc59;
1850
- border-color: #f1cc59; }
1851
- .euiButtonIcon--warning:not([class*='isDisabled']) {
1852
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1853
- .euiButtonIcon--warning:not([class*='isDisabled']):hover, .euiButtonIcon--warning:not([class*='isDisabled']):focus, .euiButtonIcon--warning:not([class*='isDisabled']):focus-within {
1854
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1855
- background-color: rgba(243, 211, 113, 0.1); }
1856
-
1857
- .euiButtonIcon--danger {
1858
- color: #F86B63;
1859
- border-color: #F86B63; }
1860
- .euiButtonIcon--danger.euiButtonIcon--fill {
1861
- background-color: #F86B63;
1862
- border-color: #F86B63;
1863
- color: #000; }
1864
- .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
1865
- background-color: #f7544b;
1866
- border-color: #f7544b; }
1867
- .euiButtonIcon--danger:not([class*='isDisabled']) {
1868
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1869
- .euiButtonIcon--danger:not([class*='isDisabled']):hover, .euiButtonIcon--danger:not([class*='isDisabled']):focus, .euiButtonIcon--danger:not([class*='isDisabled']):focus-within {
1870
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1871
- background-color: rgba(248, 107, 99, 0.1); }
1872
-
1873
- .euiButtonIcon--ghost {
1874
- color: #FFF;
1875
- border-color: #FFF; }
1876
- .euiButtonIcon--ghost.euiButtonIcon--fill {
1877
- background-color: #FFF;
1878
- border-color: #FFF;
1879
- color: #000; }
1880
- .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
1881
- background-color: #f2f2f2;
1882
- border-color: #f2f2f2; }
1883
- .euiButtonIcon--ghost:not([class*='isDisabled']) {
1884
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1885
- .euiButtonIcon--ghost:not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not([class*='isDisabled']):focus, .euiButtonIcon--ghost:not([class*='isDisabled']):focus-within {
1886
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1887
- background-color: rgba(255, 255, 255, 0.1); }
1888
-
1889
- .euiButtonIcon--text {
1890
- color: #DFE5EF;
1891
- border-color: #98A2B3; }
1892
- .euiButtonIcon--text.euiButtonIcon--fill {
1893
- background-color: #98A2B3;
1894
- border-color: #98A2B3;
1895
- color: #000; }
1896
- .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
1897
- background-color: #8995a8;
1898
- border-color: #8995a8; }
1899
- .euiButtonIcon--text:not([class*='isDisabled']) {
1900
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
1901
- .euiButtonIcon--text:not([class*='isDisabled']):hover, .euiButtonIcon--text:not([class*='isDisabled']):focus, .euiButtonIcon--text:not([class*='isDisabled']):focus-within {
1902
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
1903
- background-color: rgba(152, 162, 179, 0.1); }
1904
-
1905
- .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:hover, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus-within {
1906
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
1907
- color: #343741;
1908
- border-color: #343741; }
1909
-
1910
- .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButton--fill {
1911
- background-color: #343741;
1912
- color: #62656d; }
1226
+ width: 32px;
1227
+ border-radius: 4px; }
1913
1228
 
1914
1229
  .euiButtonGroup {
1915
1230
  display: inline-block;
@@ -1925,7 +1240,6 @@ SOFTWARE.
1925
1240
  flex: 1; }
1926
1241
 
1927
1242
  .euiButtonGroup__buttons {
1928
- box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
1929
1243
  border-radius: 7px;
1930
1244
  max-width: 100%;
1931
1245
  display: -webkit-flex;
@@ -1965,7 +1279,7 @@ SOFTWARE.
1965
1279
  font-size: 14px;
1966
1280
  font-size: 1rem;
1967
1281
  line-height: 1.71429rem;
1968
- transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, color 250ms ease-in-out;
1282
+ transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
1969
1283
  min-width: 0;
1970
1284
  -webkit-flex-shrink: 1;
1971
1285
  flex-shrink: 1;
@@ -1975,107 +1289,22 @@ SOFTWARE.
1975
1289
  padding: 0 12px; }
1976
1290
  .euiButtonGroupButton-isIconOnly .euiButton__content {
1977
1291
  padding: 0 8px; }
1978
- .euiButtonGroupButton .euiButton__text {
1979
- text-overflow: ellipsis;
1980
- overflow: hidden; }
1981
1292
  .euiButtonGroupButton.euiButtonGroupButton--small {
1982
1293
  height: 32px;
1983
1294
  line-height: 32px; }
1984
- .euiButtonGroupButton:not([class*='isDisabled']):hover, .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
1985
- background-color: rgba(54, 162, 239, 0.1);
1295
+ .euiButtonGroupButton:not(:disabled):hover, .euiButtonGroupButton:not(:disabled):focus, .euiButtonGroupButton:not(:disabled):focus-within {
1986
1296
  text-decoration: underline; }
1987
- .euiButtonGroupButton.euiButtonGroupButton-isDisabled {
1297
+ .euiButtonGroupButton:disabled {
1988
1298
  pointer-events: auto;
1989
- cursor: not-allowed;
1990
- color: #515761; }
1991
- .euiButtonGroupButton.euiButtonGroupButton-isDisabled .euiButtonContent__icon {
1992
- fill: currentColor; }
1993
- .euiButtonGroupButton.euiButtonGroupButton-isDisabled .euiButtonContent__spinner {
1299
+ cursor: not-allowed; }
1300
+ .euiButtonGroupButton:disabled:hover, .euiButtonGroupButton:disabled:focus, .euiButtonGroupButton:disabled:focus-within {
1301
+ text-decoration: none; }
1302
+ .euiButtonGroupButton:disabled .euiButtonContent__spinner {
1994
1303
  border-color: #36A2EF currentColor currentColor currentColor; }
1995
- .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected {
1304
+ .euiButtonGroupButton:disabled.euiButtonGroupButton-isSelected {
1996
1305
  color: #858a91;
1997
1306
  background-color: #515761;
1998
1307
  border-color: #515761; }
1999
- .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:focus-within {
2000
- background-color: #515761;
2001
- border-color: #515761; }
2002
- .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']) {
2003
- color: #36A2EF; }
2004
- .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
2005
- background-color: #36A2EF;
2006
- border-color: #36A2EF;
2007
- color: #000; }
2008
- .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
2009
- background-color: #1e97ed;
2010
- border-color: #1e97ed; }
2011
- .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within {
2012
- background-color: rgba(54, 162, 239, 0.1); }
2013
- .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']) {
2014
- color: #F68FBE; }
2015
- .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
2016
- background-color: #F68FBE;
2017
- border-color: #F68FBE;
2018
- color: #000; }
2019
- .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
2020
- background-color: #f477b0;
2021
- border-color: #f477b0; }
2022
- .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within {
2023
- background-color: rgba(246, 143, 190, 0.1); }
2024
- .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']) {
2025
- color: #7DDED8; }
2026
- .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
2027
- background-color: #7DDED8;
2028
- border-color: #7DDED8;
2029
- color: #000; }
2030
- .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
2031
- background-color: #69d9d2;
2032
- border-color: #69d9d2; }
2033
- .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):focus-within {
2034
- background-color: rgba(125, 222, 216, 0.1); }
2035
- .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']) {
2036
- color: #F3D371; }
2037
- .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
2038
- background-color: #F3D371;
2039
- border-color: #F3D371;
2040
- color: #000; }
2041
- .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
2042
- background-color: #f1cc59;
2043
- border-color: #f1cc59; }
2044
- .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within {
2045
- background-color: rgba(243, 211, 113, 0.1); }
2046
- .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']) {
2047
- color: #F86B63; }
2048
- .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
2049
- background-color: #F86B63;
2050
- border-color: #F86B63;
2051
- color: #000; }
2052
- .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
2053
- background-color: #f7544b;
2054
- border-color: #f7544b; }
2055
- .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within {
2056
- background-color: rgba(248, 107, 99, 0.1); }
2057
- .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']) {
2058
- color: #FFF; }
2059
- .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
2060
- background-color: #FFF;
2061
- border-color: #FFF;
2062
- color: #000; }
2063
- .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
2064
- background-color: #f2f2f2;
2065
- border-color: #f2f2f2; }
2066
- .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within {
2067
- background-color: rgba(255, 255, 255, 0.1); }
2068
- .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']) {
2069
- color: #DFE5EF; }
2070
- .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
2071
- background-color: #98A2B3;
2072
- border-color: #98A2B3;
2073
- color: #000; }
2074
- .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
2075
- background-color: #8995a8;
2076
- border-color: #8995a8; }
2077
- .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):focus-within {
2078
- background-color: rgba(152, 162, 179, 0.1); }
2079
1308
 
2080
1309
  .euiButtonGroupButton__textShift::after {
2081
1310
  display: block;
@@ -2090,329 +1319,101 @@ SOFTWARE.
2090
1319
  */
2091
1320
  .euiButtonGroup--medium .euiButtonGroupButton,
2092
1321
  .euiButtonGroup--small .euiButtonGroupButton {
2093
- border: 1px solid #343741; }
2094
- .euiButtonGroup--medium .euiButtonGroupButton:not(:first-child),
2095
- .euiButtonGroup--small .euiButtonGroupButton:not(:first-child) {
2096
- margin-left: -1px; }
1322
+ border-radius: 0 !important;
1323
+ font-weight: 500; }
1324
+ .euiButtonGroup--medium .euiButtonGroupButton:focus, .euiButtonGroup--medium .euiButtonGroupButton:focus-within,
1325
+ .euiButtonGroup--small .euiButtonGroupButton:focus,
1326
+ .euiButtonGroup--small .euiButtonGroupButton:focus-within {
1327
+ outline-style: solid;
1328
+ outline-color: #FFF;
1329
+ outline-offset: -2px; }
1330
+ .euiButtonGroup--medium .euiButtonGroupButton:focus:focus-visible, .euiButtonGroup--medium .euiButtonGroupButton:focus-within:focus-visible,
1331
+ .euiButtonGroup--small .euiButtonGroupButton:focus:focus-visible,
1332
+ .euiButtonGroup--small .euiButtonGroupButton:focus-within:focus-visible {
1333
+ outline-style: auto; }
1334
+ .euiButtonGroup--medium .euiButtonGroupButton:focus:not(:focus-visible),
1335
+ .euiButtonGroup--small .euiButtonGroupButton:focus:not(:focus-visible) {
1336
+ outline: none; }
1337
+ .euiButtonGroup--medium .euiButtonGroupButton:not(:first-child):not(.euiButtonGroupButton-isSelected):not(:disabled),
1338
+ .euiButtonGroup--small .euiButtonGroupButton:not(:first-child):not(.euiButtonGroupButton-isSelected):not(:disabled) {
1339
+ box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.05); }
2097
1340
  .euiButtonGroup--medium .euiButtonGroupButton:first-child,
2098
1341
  .euiButtonGroup--small .euiButtonGroupButton:first-child {
2099
1342
  border-radius: 6px 0 0 6px; }
2100
- .euiButtonGroup--medium .euiButtonGroupButton:last-child,
2101
- .euiButtonGroup--small .euiButtonGroupButton:last-child {
2102
- border-radius: 0 6px 6px 0; }
2103
-
2104
- .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:hover, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus-within,
2105
- .euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost,
2106
- .euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:hover,
2107
- .euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus,
2108
- .euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus-within {
2109
- color: #343741; }
2110
-
2111
- .euiButtonGroup--isDisabled .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost, .euiButtonGroup--isDisabled
2112
- .euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost {
2113
- border-color: #343741; }
2114
-
2115
- .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost.euiButtonGroupButton-isSelected,
2116
- .euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost.euiButtonGroupButton-isSelected {
2117
- background-color: #343741;
2118
- color: #62656d; }
2119
-
2120
- .euiButtonGroup--medium .euiButtonGroupButton-isSelected,
2121
- .euiButtonGroup--small .euiButtonGroupButton-isSelected {
2122
- z-index: 0; }
2123
-
2124
- .euiButtonGroup--medium .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected,
2125
- .euiButtonGroup--small .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected {
2126
- box-shadow: -1px 0 0 rgba(29, 30, 36, 0.1); }
2127
-
2128
- /**
2129
- * Compressed (form style)
2130
- */
2131
- .euiButtonGroup--compressed .euiButtonGroupButton {
2132
- height: 30px;
2133
- line-height: 30px;
2134
- font-size: 14px;
2135
- border-radius: 6px;
2136
- padding: 2px;
2137
- background-clip: content-box; }
2138
- .euiButtonGroup--compressed .euiButtonGroupButton .euiButton__content {
2139
- padding-left: 8px;
2140
- padding-right: 8px; }
2141
- .euiButtonGroup--compressed .euiButtonGroupButton.euiButtonGroupButton-isSelected {
2142
- font-weight: 600; }
2143
- .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
2144
- outline: 2px solid #36A2EF; }
2145
-
2146
- /**
2147
- * 1. Footer is always at the bottom.
2148
- * 2. Fix for IE where the image correctly resizes in width but doesn't collapse its height
2149
- (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
2150
- * 3. Horizontal layouts should always top left align no matter the textAlign prop
2151
- */
2152
- .euiCard {
2153
- display: -webkit-flex;
2154
- display: flex;
2155
- -webkit-flex-direction: column;
2156
- flex-direction: column;
2157
- min-height: 1px;
2158
- /* 2 */ }
2159
- .euiCard.euiCard-isDisabled {
2160
- cursor: not-allowed !important;
2161
- -webkit-transform: none !important;
2162
- transform: none !important;
2163
- box-shadow: none !important;
2164
- text-decoration: none !important;
2165
- background-color: rgba(81, 87, 97, 0.1) !important;
2166
- color: #515761; }
2167
- .euiCard.euiCard-isDisabled .euiCard__top {
2168
- -webkit-filter: grayscale(100%);
2169
- filter: grayscale(100%); }
2170
- .euiCard.euiCard-isDisabled .euiCard__titleAnchor,
2171
- .euiCard.euiCard-isDisabled .euiCard__titleButton {
2172
- color: #515761;
2173
- cursor: inherit; }
2174
- .euiCard.euiCard-isDisabled .euiCard__betaBadge:not(.euiBetaBadge-isClickable):not(.euiBetaBadge--hollow) {
2175
- box-shadow: inset 0 0 0 1px #343741;
2176
- background: transparent;
2177
- color: inherit; }
2178
- .euiCard.euiCard-isDisabled .euiCard__betaBadge:not(.euiBetaBadge-isClickable).euiBetaBadge--hollow {
2179
- background-color: #1D1E24; }
2180
- .euiCard.euiCard--isClickable {
2181
- display: -webkit-flex;
2182
- display: flex;
2183
- width: 100%; }
2184
- .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within {
2185
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
2186
- outline: 2px solid currentColor; }
2187
- .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within:focus-visible {
2188
- outline-style: auto; }
2189
- .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within:not(:focus-visible) {
2190
- outline: none; }
2191
- .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__title,
2192
- .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__titleAnchor,
2193
- .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__titleButton, .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__title,
2194
- .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__titleAnchor,
2195
- .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__titleButton {
2196
- text-decoration: underline; }
2197
- .euiCard .euiCard__top,
2198
- .euiCard .euiCard__content,
2199
- .euiCard .euiCard__footer {
2200
- width: 100%; }
2201
- .euiCard.euiCard--leftAligned {
2202
- text-align: left;
2203
- -webkit-align-items: flex-start;
2204
- align-items: flex-start; }
2205
- .euiCard.euiCard--leftAligned .euiCard__titleButton {
2206
- text-align: left; }
2207
- .euiCard.euiCard--centerAligned {
2208
- text-align: center;
2209
- -webkit-align-items: center;
2210
- align-items: center; }
2211
- .euiCard.euiCard--rightAligned {
2212
- text-align: right;
2213
- -webkit-align-items: flex-end;
2214
- align-items: flex-end; }
2215
- .euiCard.euiCard--rightAligned .euiCard__titleButton {
2216
- text-align: right; }
2217
- .euiCard.euiCard-isSelected {
2218
- transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
2219
-
2220
- .euiCard--hasBetaBadge {
2221
- position: relative;
2222
- overflow: visible; }
2223
- .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper {
2224
- position: absolute;
2225
- top: -12px;
2226
- left: 50%;
2227
- -webkit-transform: translateX(-50%);
2228
- transform: translateX(-50%);
2229
- z-index: 3;
2230
- min-width: 30%;
2231
- max-width: calc(100% - 32px); }
2232
- .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiToolTipAnchor,
2233
- .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
2234
- width: 100%; }
2235
- .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
2236
- overflow: hidden;
2237
- text-overflow: ellipsis; }
2238
-
2239
- .euiCard__betaBadge.euiBetaBadge--hollow {
2240
- background-color: #1D1E24; }
2241
-
2242
- .euiCard--isSelectable {
2243
- position: relative; }
2244
-
2245
- .euiCard[class*='paddingSmall'] {
2246
- padding: 8px; }
2247
- .euiCard[class*='paddingSmall'].euiCard--isSelectable {
2248
- padding-bottom: 48px; }
2249
- .euiCard[class*='paddingSmall'] .euiCard__top .euiCard__image {
2250
- width: calc(100% + (8px * 2));
2251
- left: -8px;
2252
- top: -8px;
2253
- margin-bottom: -8px; }
2254
- .euiCard[class*='paddingSmall'] .euiCard__top .euiCard__image + .euiCard__icon {
2255
- -webkit-transform: translate(-50%, -75%);
2256
- transform: translate(-50%, -75%);
2257
- -webkit-transform: translate(-50%, calc(-50% + -8px));
2258
- transform: translate(-50%, calc(-50% + -8px)); }
2259
-
2260
- .euiCard[class*='paddingMedium'] {
2261
- padding: 16px; }
2262
- .euiCard[class*='paddingMedium'].euiCard--isSelectable {
2263
- padding-bottom: 56px; }
2264
- .euiCard[class*='paddingMedium'] .euiCard__top .euiCard__image {
2265
- width: calc(100% + (16px * 2));
2266
- left: -16px;
2267
- top: -16px;
2268
- margin-bottom: -16px; }
2269
- .euiCard[class*='paddingMedium'] .euiCard__top .euiCard__image + .euiCard__icon {
2270
- -webkit-transform: translate(-50%, -75%);
2271
- transform: translate(-50%, -75%);
2272
- -webkit-transform: translate(-50%, calc(-50% + -16px));
2273
- transform: translate(-50%, calc(-50% + -16px)); }
2274
-
2275
- .euiCard[class*='paddingLarge'] {
2276
- padding: 24px; }
2277
- .euiCard[class*='paddingLarge'].euiCard--isSelectable {
2278
- padding-bottom: 64px; }
2279
- .euiCard[class*='paddingLarge'] .euiCard__top .euiCard__image {
2280
- width: calc(100% + (24px * 2));
2281
- left: -24px;
2282
- top: -24px;
2283
- margin-bottom: -24px; }
2284
- .euiCard[class*='paddingLarge'] .euiCard__top .euiCard__image + .euiCard__icon {
2285
- -webkit-transform: translate(-50%, -75%);
2286
- transform: translate(-50%, -75%);
2287
- -webkit-transform: translate(-50%, calc(-50% + -24px));
2288
- transform: translate(-50%, calc(-50% + -24px)); }
2289
-
2290
- .euiCard__top {
2291
- -webkit-flex-grow: 0;
2292
- flex-grow: 0;
2293
- /* 1 */
2294
- position: relative;
2295
- min-height: 1px;
2296
- /* 2 */
2297
- font-size: 0; }
2298
- .euiCard__top .euiCard__image {
2299
- position: relative;
2300
- border-top-left-radius: 5px;
2301
- border-top-right-radius: 5px;
2302
- overflow: hidden; }
2303
- .euiCard__top .euiCard__image img {
2304
- width: 100%; }
2305
- .euiCard__top .euiCard__image + .euiCard__icon {
2306
- position: absolute;
2307
- top: 50%;
2308
- left: 50%; }
2309
- .euiCard__top .euiCard__icon {
2310
- margin-top: 8px; }
2311
-
2312
- .euiCard__footer:not(:empty) {
2313
- -webkit-flex-grow: 0;
2314
- flex-grow: 0;
2315
- /* 1 */
2316
- margin-top: 16px; }
2317
-
2318
- .euiCard[class*='transparent'] .euiCard__image {
2319
- border-radius: 6px; }
2320
-
2321
- .euiCard--isSelectable--text.euiCard-isSelected:not(.euiCard-isDisabled) {
2322
- border-color: #7DDED8 !important; }
2323
-
2324
- .euiCard--isSelectable--primary.euiCard-isSelected:not(.euiCard-isDisabled) {
2325
- border-color: #36A2EF !important; }
2326
-
2327
- .euiCard--isSelectable--success.euiCard-isSelected:not(.euiCard-isDisabled) {
2328
- border-color: #7DDED8 !important; }
2329
-
2330
- .euiCard--isSelectable--danger.euiCard-isSelected:not(.euiCard-isDisabled) {
2331
- border-color: #F86B63 !important; }
2332
-
2333
- .euiCard--isSelectable--ghost.euiCard-isSelected:not(.euiCard-isDisabled) {
2334
- border-color: #98A2B3 !important; }
2335
-
2336
- .euiCard__top + .euiCard__content {
2337
- margin-top: 16px; }
2338
-
2339
- .euiCard__content {
2340
- -webkit-flex-grow: 1;
2341
- flex-grow: 1;
2342
- /* 1 */ }
2343
- .euiCard__content .euiCard__description,
2344
- .euiCard__content .euiCard__children {
2345
- margin-top: 8px; }
2346
- .euiCard__content .euiCard__titleAnchor,
2347
- .euiCard__content .euiCard__titleButton {
2348
- font: inherit;
2349
- color: inherit;
2350
- letter-spacing: inherit; }
2351
- .euiCard__content .euiCard__titleAnchor:focus,
2352
- .euiCard__content .euiCard__titleButton:focus {
2353
- text-decoration: underline; }
2354
-
2355
- .euiCard.euiCard--horizontal .euiCard__content,
2356
- .euiCard.euiCard--horizontal .euiCard__titleButton {
2357
- text-align: left;
2358
- /* 3 */ }
2359
-
2360
- .euiCard.euiCard--horizontal.euiCard--hasIcon {
2361
- -webkit-flex-direction: row;
2362
- flex-direction: row;
2363
- -webkit-align-items: flex-start !important;
2364
- align-items: flex-start !important;
2365
- /* 3 */ }
2366
- .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top,
2367
- .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__content {
2368
- width: auto;
2369
- margin-top: 0; }
2370
- .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top .euiCard__icon {
2371
- margin-top: 0;
2372
- margin-right: 16px; }
2373
-
2374
- .euiCardSelect {
2375
- position: absolute;
2376
- bottom: 0;
2377
- left: 0;
2378
- height: 40px !important;
2379
- width: 100%;
2380
- overflow: hidden;
2381
- border-bottom-left-radius: 5px;
2382
- border-bottom-right-radius: 5px;
2383
- font-weight: 700; }
2384
- .euiCardSelect--text:enabled {
2385
- background-color: #25262E !important; }
2386
- .euiCardSelect--primary:enabled {
2387
- background-color: #103148 !important; }
2388
- .euiCardSelect--success:enabled {
2389
- background-color: #264341 !important;
2390
- color: #7DDED8; }
2391
- .euiCardSelect--danger:enabled {
2392
- background-color: #4a201e !important; }
2393
- .euiCardSelect--ghost:enabled {
2394
- background-color: #98A2B3 !important; }
2395
- .euiCardSelect:disabled {
2396
- background-color: #141519; }
1343
+ .euiButtonGroup--medium .euiButtonGroupButton:last-child,
1344
+ .euiButtonGroup--small .euiButtonGroupButton:last-child {
1345
+ border-radius: 0 6px 6px 0; }
2397
1346
 
2398
- .euiCheckableCard {
2399
- transition: border-color 250ms ease-in; }
2400
- .euiCheckableCard:not(.euiCheckableCard-isDisabled).euiCheckableCard-isChecked {
2401
- border-color: #36A2EF; }
1347
+ .euiButtonGroup--medium .euiButtonGroupButton-isSelected,
1348
+ .euiButtonGroup--small .euiButtonGroupButton-isSelected {
1349
+ z-index: 0; }
2402
1350
 
2403
- .euiCheckableCard__label {
2404
- cursor: pointer;
2405
- display: block;
2406
- width: calc(100% + 32px);
2407
- padding: 16px;
2408
- margin: -16px; }
1351
+ .euiButtonGroup--medium .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected,
1352
+ .euiButtonGroup--small .euiButtonGroupButton-isSelected + .euiButtonGroupButton-isSelected {
1353
+ box-shadow: -1px 0 0 rgba(29, 30, 36, 0.1); }
2409
1354
 
2410
- .euiCheckableCard__label-isDisabled {
2411
- color: #535966;
2412
- cursor: not-allowed; }
1355
+ .euiButtonGroup--small .euiButtonGroup__buttons {
1356
+ border-radius: 4px; }
2413
1357
 
2414
- .euiCheckableCard__children {
2415
- margin-top: 16px; }
1358
+ /**
1359
+ * Compressed (form style)
1360
+ */
1361
+ .euiButtonGroup--compressed .euiButtonGroupButton {
1362
+ height: 30px;
1363
+ line-height: 30px;
1364
+ font-size: 14px;
1365
+ border-radius: 5px;
1366
+ padding: 2px;
1367
+ background-clip: content-box; }
1368
+ .euiButtonGroup--compressed .euiButtonGroupButton .euiButton__content {
1369
+ padding-left: 8px;
1370
+ padding-right: 8px; }
1371
+ .euiButtonGroup--compressed .euiButtonGroupButton.euiButtonGroupButton-isSelected {
1372
+ font-weight: 600; }
1373
+ .euiButtonGroup--compressed .euiButtonGroupButton:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not(:disabled):focus-within {
1374
+ outline: 2px solid currentColor; }
1375
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus-within {
1376
+ outline-color: #36A2EF; }
1377
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus-within:focus-visible {
1378
+ outline-style: auto; }
1379
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-primary']:not(:disabled):focus:not(:focus-visible) {
1380
+ outline: none; }
1381
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus-within {
1382
+ outline-color: #F68FBE; }
1383
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus-within:focus-visible {
1384
+ outline-style: auto; }
1385
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-accent']:not(:disabled):focus:not(:focus-visible) {
1386
+ outline: none; }
1387
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus-within {
1388
+ outline-color: #7DDED8; }
1389
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus-within:focus-visible {
1390
+ outline-style: auto; }
1391
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-success']:not(:disabled):focus:not(:focus-visible) {
1392
+ outline: none; }
1393
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus-within {
1394
+ outline-color: #F3D371; }
1395
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus-within:focus-visible {
1396
+ outline-style: auto; }
1397
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-warning']:not(:disabled):focus:not(:focus-visible) {
1398
+ outline: none; }
1399
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus-within {
1400
+ outline-color: #F86B63; }
1401
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus-within:focus-visible {
1402
+ outline-style: auto; }
1403
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-danger']:not(:disabled):focus:not(:focus-visible) {
1404
+ outline: none; }
1405
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus-within {
1406
+ outline-color: #FFF; }
1407
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus-within:focus-visible {
1408
+ outline-style: auto; }
1409
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-ghost']:not(:disabled):focus:not(:focus-visible) {
1410
+ outline: none; }
1411
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus-within {
1412
+ outline-color: #98A2B3; }
1413
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus-within:focus-visible {
1414
+ outline-style: auto; }
1415
+ .euiButtonGroup--compressed .euiButtonGroupButton[class*='-fill-text']:not(:disabled):focus:not(:focus-visible) {
1416
+ outline: none; }
2416
1417
 
2417
1418
  .euiCodeBlock {
2418
1419
  max-width: 100%;
@@ -3853,14 +2854,11 @@ SOFTWARE.
3853
2854
  .euiControlBar__controls .euiLink.euiLink--text {
3854
2855
  color: #FFF; }
3855
2856
 
3856
- .euiControlBar__controls .euiControlBar__button.euiButton--primary:enabled {
3857
- box-shadow: none; }
3858
-
3859
- .euiControlBar__controls .euiControlBar__button.euiButton--primary:enabled:not(.euiButton--fill) {
2857
+ .euiControlBar__controls .euiControlBar__button.euiButton[class*='primary']:enabled:not(.euiButton--fill) {
3860
2858
  color: #36A2EF;
3861
2859
  border-color: #36A2EF; }
3862
2860
 
3863
- .euiControlBar__controls .euiButtonIcon--primary {
2861
+ .euiControlBar__controls .euiButtonIcon[class*='primary'] {
3864
2862
  color: #36A2EF; }
3865
2863
 
3866
2864
  .euiControlBar__controls .euiLink.euiLink--accent {
@@ -3871,14 +2869,11 @@ SOFTWARE.
3871
2869
  .euiControlBar__controls .euiLink.euiLink--text {
3872
2870
  color: #FFF; }
3873
2871
 
3874
- .euiControlBar__controls .euiControlBar__button.euiButton--accent:enabled {
3875
- box-shadow: none; }
3876
-
3877
- .euiControlBar__controls .euiControlBar__button.euiButton--accent:enabled:not(.euiButton--fill) {
2872
+ .euiControlBar__controls .euiControlBar__button.euiButton[class*='accent']:enabled:not(.euiButton--fill) {
3878
2873
  color: #F68FBE;
3879
2874
  border-color: #F68FBE; }
3880
2875
 
3881
- .euiControlBar__controls .euiButtonIcon--accent {
2876
+ .euiControlBar__controls .euiButtonIcon[class*='accent'] {
3882
2877
  color: #F68FBE; }
3883
2878
 
3884
2879
  .euiControlBar__controls .euiLink.euiLink--success {
@@ -3889,14 +2884,11 @@ SOFTWARE.
3889
2884
  .euiControlBar__controls .euiLink.euiLink--text {
3890
2885
  color: #FFF; }
3891
2886
 
3892
- .euiControlBar__controls .euiControlBar__button.euiButton--success:enabled {
3893
- box-shadow: none; }
3894
-
3895
- .euiControlBar__controls .euiControlBar__button.euiButton--success:enabled:not(.euiButton--fill) {
2887
+ .euiControlBar__controls .euiControlBar__button.euiButton[class*='success']:enabled:not(.euiButton--fill) {
3896
2888
  color: #7DDED8;
3897
2889
  border-color: #7DDED8; }
3898
2890
 
3899
- .euiControlBar__controls .euiButtonIcon--success {
2891
+ .euiControlBar__controls .euiButtonIcon[class*='success'] {
3900
2892
  color: #7DDED8; }
3901
2893
 
3902
2894
  .euiControlBar__controls .euiLink.euiLink--warning {
@@ -3907,14 +2899,11 @@ SOFTWARE.
3907
2899
  .euiControlBar__controls .euiLink.euiLink--text {
3908
2900
  color: #FFF; }
3909
2901
 
3910
- .euiControlBar__controls .euiControlBar__button.euiButton--warning:enabled {
3911
- box-shadow: none; }
3912
-
3913
- .euiControlBar__controls .euiControlBar__button.euiButton--warning:enabled:not(.euiButton--fill) {
2902
+ .euiControlBar__controls .euiControlBar__button.euiButton[class*='warning']:enabled:not(.euiButton--fill) {
3914
2903
  color: #F3D371;
3915
2904
  border-color: #F3D371; }
3916
2905
 
3917
- .euiControlBar__controls .euiButtonIcon--warning {
2906
+ .euiControlBar__controls .euiButtonIcon[class*='warning'] {
3918
2907
  color: #F3D371; }
3919
2908
 
3920
2909
  .euiControlBar__controls .euiLink.euiLink--danger {
@@ -3925,14 +2914,11 @@ SOFTWARE.
3925
2914
  .euiControlBar__controls .euiLink.euiLink--text {
3926
2915
  color: #FFF; }
3927
2916
 
3928
- .euiControlBar__controls .euiControlBar__button.euiButton--danger:enabled {
3929
- box-shadow: none; }
3930
-
3931
- .euiControlBar__controls .euiControlBar__button.euiButton--danger:enabled:not(.euiButton--fill) {
2917
+ .euiControlBar__controls .euiControlBar__button.euiButton[class*='danger']:enabled:not(.euiButton--fill) {
3932
2918
  color: #F86B63;
3933
2919
  border-color: #F86B63; }
3934
2920
 
3935
- .euiControlBar__controls .euiButtonIcon--danger {
2921
+ .euiControlBar__controls .euiButtonIcon[class*='danger'] {
3936
2922
  color: #F86B63; }
3937
2923
 
3938
2924
  .euiControlBar__controls .euiLink.euiLink--ghost {
@@ -3943,14 +2929,11 @@ SOFTWARE.
3943
2929
  .euiControlBar__controls .euiLink.euiLink--text {
3944
2930
  color: #FFF; }
3945
2931
 
3946
- .euiControlBar__controls .euiControlBar__button.euiButton--ghost:enabled {
3947
- box-shadow: none; }
3948
-
3949
- .euiControlBar__controls .euiControlBar__button.euiButton--ghost:enabled:not(.euiButton--fill) {
2932
+ .euiControlBar__controls .euiControlBar__button.euiButton[class*='ghost']:enabled:not(.euiButton--fill) {
3950
2933
  color: #FFF;
3951
2934
  border-color: #FFF; }
3952
2935
 
3953
- .euiControlBar__controls .euiButtonIcon--ghost {
2936
+ .euiControlBar__controls .euiButtonIcon[class*='ghost'] {
3954
2937
  color: #FFF; }
3955
2938
 
3956
2939
  .euiControlBar__controls .euiLink.euiLink--text {
@@ -3961,14 +2944,11 @@ SOFTWARE.
3961
2944
  .euiControlBar__controls .euiLink.euiLink--text {
3962
2945
  color: #FFF; }
3963
2946
 
3964
- .euiControlBar__controls .euiControlBar__button.euiButton--text:enabled {
3965
- box-shadow: none; }
3966
-
3967
- .euiControlBar__controls .euiControlBar__button.euiButton--text:enabled:not(.euiButton--fill) {
2947
+ .euiControlBar__controls .euiControlBar__button.euiButton[class*='text']:enabled:not(.euiButton--fill) {
3968
2948
  color: #98A2B3;
3969
2949
  border-color: #98A2B3; }
3970
2950
 
3971
- .euiControlBar__controls .euiButtonIcon--text {
2951
+ .euiControlBar__controls .euiButtonIcon[class*='text'] {
3972
2952
  color: #98A2B3; }
3973
2953
 
3974
2954
  @media only screen and (max-width: 574px) {
@@ -5962,11 +4942,12 @@ SOFTWARE.
5962
4942
  outline: none; }
5963
4943
 
5964
4944
  .euiFlyout__closeButton {
5965
- background-color: rgba(29, 30, 36, 0.9);
5966
4945
  position: absolute;
5967
4946
  right: 8px;
5968
4947
  top: 8px;
5969
4948
  z-index: 3; }
4949
+ .euiFlyout__closeButton:not(.euiFlyout__closeButton--outside) {
4950
+ background-color: rgba(29, 30, 36, 0.9); }
5970
4951
  .euiFlyout__closeButton--outside {
5971
4952
  box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.325), 0 9.4px 24px rgba(0, 0, 0, 0.225), 0 21.8px 43px rgba(0, 0, 0, 0.2);
5972
4953
  right: auto;
@@ -12648,422 +11629,6 @@ button.euiSuggestItem {
12648
11629
  -webkit-transform: translateY(0);
12649
11630
  transform: translateY(0); } }
12650
11631
 
12651
- .euiTourHeader {
12652
- border-bottom: none;
12653
- margin-bottom: 8px !important; }
12654
- .euiTourHeader .euiTourHeader__title {
12655
- margin-top: 0; }
12656
-
12657
- .euiTourHeader__subtitle {
12658
- color: #7a7f89; }
12659
-
12660
- .euiTourFooter {
12661
- background-color: #141519;
12662
- border-radius: 0 0 6px 6px; }
12663
-
12664
- .euiTour .euiTour__beacon {
12665
- pointer-events: none;
12666
- position: absolute;
12667
- opacity: 0;
12668
- transition: opacity 0s 350ms; }
12669
-
12670
- .euiTour[data-popover-open='true'] .euiTour__beacon {
12671
- opacity: 1; }
12672
-
12673
- .euiTour [data-popover-arrow='right'] .euiTour__beacon {
12674
- top: 6px;
12675
- left: -24px; }
12676
-
12677
- .euiTour [data-popover-arrow='left'] .euiTour__beacon {
12678
- top: 6px;
12679
- left: 12px; }
12680
-
12681
- .euiTour [data-popover-arrow='top']:before {
12682
- border-top-color: #141519; }
12683
-
12684
- .euiTour [data-popover-arrow='top'] .euiTour__beacon {
12685
- top: 12px;
12686
- left: 6px; }
12687
-
12688
- .euiTour [data-popover-arrow='bottom'] .euiTour__beacon {
12689
- top: -24px;
12690
- left: 6px; }
12691
-
12692
- .euiTourStepIndicator {
12693
- display: inline-block; }
12694
-
12695
- .euiButton,
12696
- .euiButtonIcon {
12697
- box-shadow: none !important; }
12698
-
12699
- .euiButton.euiButton-isDisabled:not(.euiButton--ghost), .euiButton.euiButton-isDisabled:not(.euiButton--ghost):hover,
12700
- .euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost),
12701
- .euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost):hover {
12702
- background-color: rgba(81, 87, 97, 0.1);
12703
- color: #515761; }
12704
-
12705
- .euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost), .euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost):hover {
12706
- background-color: transparent;
12707
- color: #515761; }
12708
-
12709
- .euiButton--small,
12710
- .euiButtonIcon--small,
12711
- .euiButtonIcon--xSmall {
12712
- border-radius: 4px; }
12713
-
12714
- .euiButton--primary {
12715
- color: #36A2EF;
12716
- background-color: rgba(54, 162, 239, 0.2); }
12717
- .euiButton--primary:not([class*='isDisabled']):hover, .euiButton--primary:not([class*='isDisabled']):focus {
12718
- background-color: rgba(54, 162, 239, 0.2); }
12719
- .euiButton--primary.euiButton--fill:focus {
12720
- outline-color: #FFF; }
12721
- .euiButton--primary.euiButton--fill:not([class*='isDisabled']) {
12722
- color: #000; }
12723
- .euiButton--primary.euiButton--fill:not([class*='isDisabled']), .euiButton--primary.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus {
12724
- background-color: #36A2EF; }
12725
-
12726
- .euiButton--accent {
12727
- color: #F68FBE;
12728
- background-color: rgba(246, 143, 190, 0.2); }
12729
- .euiButton--accent:not([class*='isDisabled']):hover, .euiButton--accent:not([class*='isDisabled']):focus {
12730
- background-color: rgba(246, 143, 190, 0.2); }
12731
- .euiButton--accent.euiButton--fill:focus {
12732
- outline-color: #FFF; }
12733
- .euiButton--accent.euiButton--fill:not([class*='isDisabled']) {
12734
- color: #000; }
12735
- .euiButton--accent.euiButton--fill:not([class*='isDisabled']), .euiButton--accent.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus {
12736
- background-color: #F68FBE; }
12737
-
12738
- .euiButton--success {
12739
- color: #7DDED8;
12740
- background-color: rgba(125, 222, 216, 0.2); }
12741
- .euiButton--success:not([class*='isDisabled']):hover, .euiButton--success:not([class*='isDisabled']):focus {
12742
- background-color: rgba(125, 222, 216, 0.2); }
12743
- .euiButton--success.euiButton--fill:focus {
12744
- outline-color: #FFF; }
12745
- .euiButton--success.euiButton--fill:not([class*='isDisabled']) {
12746
- color: #000; }
12747
- .euiButton--success.euiButton--fill:not([class*='isDisabled']), .euiButton--success.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus {
12748
- background-color: #7DDED8; }
12749
-
12750
- .euiButton--warning {
12751
- color: #F3D371;
12752
- background-color: rgba(243, 211, 113, 0.2); }
12753
- .euiButton--warning:not([class*='isDisabled']):hover, .euiButton--warning:not([class*='isDisabled']):focus {
12754
- background-color: rgba(243, 211, 113, 0.2); }
12755
- .euiButton--warning.euiButton--fill:focus {
12756
- outline-color: #FFF; }
12757
- .euiButton--warning.euiButton--fill:not([class*='isDisabled']) {
12758
- color: #000; }
12759
- .euiButton--warning.euiButton--fill:not([class*='isDisabled']), .euiButton--warning.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus {
12760
- background-color: #F3D371; }
12761
-
12762
- .euiButton--danger {
12763
- color: #F86B63;
12764
- background-color: rgba(248, 107, 99, 0.2); }
12765
- .euiButton--danger:not([class*='isDisabled']):hover, .euiButton--danger:not([class*='isDisabled']):focus {
12766
- background-color: rgba(248, 107, 99, 0.2); }
12767
- .euiButton--danger.euiButton--fill:focus {
12768
- outline-color: #FFF; }
12769
- .euiButton--danger.euiButton--fill:not([class*='isDisabled']) {
12770
- color: #000; }
12771
- .euiButton--danger.euiButton--fill:not([class*='isDisabled']), .euiButton--danger.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus {
12772
- background-color: #F86B63; }
12773
-
12774
- .euiButton--ghost {
12775
- color: #FFF;
12776
- background-color: rgba(255, 255, 255, 0.2);
12777
- color: #FFF; }
12778
- .euiButton--ghost:not([class*='isDisabled']):hover, .euiButton--ghost:not([class*='isDisabled']):focus {
12779
- background-color: rgba(255, 255, 255, 0.2); }
12780
- .euiButton--ghost.euiButton--fill:not([class*='isDisabled']) {
12781
- color: #000; }
12782
- .euiButton--ghost.euiButton--fill:not([class*='isDisabled']), .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus {
12783
- background-color: #FFF; }
12784
-
12785
- .euiButton--text {
12786
- color: #98A2B3;
12787
- background-color: rgba(152, 162, 179, 0.2);
12788
- color: #DFE5EF; }
12789
- .euiButton--text:not([class*='isDisabled']):hover, .euiButton--text:not([class*='isDisabled']):focus {
12790
- background-color: rgba(152, 162, 179, 0.2); }
12791
- .euiButton--text.euiButton--fill:not([class*='isDisabled']) {
12792
- color: #000; }
12793
- .euiButton--text.euiButton--fill:not([class*='isDisabled']), .euiButton--text.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus {
12794
- background-color: #98A2B3; }
12795
-
12796
- .euiButton.euiButton-isDisabled.euiButton--ghost, .euiButton.euiButton-isDisabled.euiButton--ghost:focus,
12797
- .euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill,
12798
- .euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill:focus {
12799
- color: #343741;
12800
- background-color: rgba(52, 55, 65, 0.1); }
12801
-
12802
- .euiButtonIcon--primary:not(.euiButtonIcon--empty) {
12803
- color: #36A2EF;
12804
- background-color: rgba(54, 162, 239, 0.2); }
12805
- .euiButtonIcon--primary:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--primary:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
12806
- background-color: rgba(54, 162, 239, 0.2); }
12807
- .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
12808
- outline-color: #FFF; }
12809
- .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
12810
- color: #000; }
12811
- .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
12812
- background-color: #36A2EF; }
12813
-
12814
- .euiButtonIcon--accent:not(.euiButtonIcon--empty) {
12815
- color: #F68FBE;
12816
- background-color: rgba(246, 143, 190, 0.2); }
12817
- .euiButtonIcon--accent:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--accent:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
12818
- background-color: rgba(246, 143, 190, 0.2); }
12819
- .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
12820
- outline-color: #FFF; }
12821
- .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
12822
- color: #000; }
12823
- .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
12824
- background-color: #F68FBE; }
12825
-
12826
- .euiButtonIcon--success:not(.euiButtonIcon--empty) {
12827
- color: #7DDED8;
12828
- background-color: rgba(125, 222, 216, 0.2); }
12829
- .euiButtonIcon--success:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--success:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
12830
- background-color: rgba(125, 222, 216, 0.2); }
12831
- .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
12832
- outline-color: #FFF; }
12833
- .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
12834
- color: #000; }
12835
- .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
12836
- background-color: #7DDED8; }
12837
-
12838
- .euiButtonIcon--warning:not(.euiButtonIcon--empty) {
12839
- color: #F3D371;
12840
- background-color: rgba(243, 211, 113, 0.2); }
12841
- .euiButtonIcon--warning:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--warning:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
12842
- background-color: rgba(243, 211, 113, 0.2); }
12843
- .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
12844
- outline-color: #FFF; }
12845
- .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
12846
- color: #000; }
12847
- .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
12848
- background-color: #F3D371; }
12849
-
12850
- .euiButtonIcon--danger:not(.euiButtonIcon--empty) {
12851
- color: #F86B63;
12852
- background-color: rgba(248, 107, 99, 0.2); }
12853
- .euiButtonIcon--danger:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--danger:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
12854
- background-color: rgba(248, 107, 99, 0.2); }
12855
- .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
12856
- outline-color: #FFF; }
12857
- .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
12858
- color: #000; }
12859
- .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
12860
- background-color: #F86B63; }
12861
-
12862
- .euiButtonIcon--ghost:not(.euiButtonIcon--empty) {
12863
- color: #FFF;
12864
- background-color: rgba(255, 255, 255, 0.2);
12865
- color: #FFF; }
12866
- .euiButtonIcon--ghost:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
12867
- background-color: rgba(255, 255, 255, 0.2); }
12868
- .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
12869
- color: #000; }
12870
- .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
12871
- background-color: #FFF; }
12872
-
12873
- .euiButtonIcon--text:not(.euiButtonIcon--empty) {
12874
- color: #98A2B3;
12875
- background-color: rgba(152, 162, 179, 0.2);
12876
- color: #DFE5EF; }
12877
- .euiButtonIcon--text:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--text:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
12878
- background-color: rgba(152, 162, 179, 0.2); }
12879
- .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
12880
- color: #000; }
12881
- .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
12882
- background-color: #98A2B3; }
12883
-
12884
- .euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost, .euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus,
12885
- .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill,
12886
- .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill:focus {
12887
- color: #343741;
12888
- background-color: rgba(52, 55, 65, 0.1); }
12889
-
12890
- .euiButtonEmpty {
12891
- border-radius: 6px; }
12892
- .euiButtonEmpty.euiButtonEmpty--small, .euiButtonEmpty.euiButtonEmpty--xSmall {
12893
- border-radius: 4.002px; }
12894
- .euiButtonEmpty.euiButtonEmpty--xSmall {
12895
- font-size: 12px; }
12896
-
12897
- .euiButtonEmpty--primary:enabled:focus {
12898
- background-color: rgba(54, 162, 239, 0.2); }
12899
-
12900
- .euiButtonEmpty--accent:enabled:focus {
12901
- background-color: rgba(246, 143, 190, 0.2); }
12902
-
12903
- .euiButtonEmpty--success:enabled:focus {
12904
- background-color: rgba(125, 222, 216, 0.2); }
12905
-
12906
- .euiButtonEmpty--warning:enabled:focus {
12907
- background-color: rgba(243, 211, 113, 0.2); }
12908
-
12909
- .euiButtonEmpty--danger:enabled:focus {
12910
- background-color: rgba(248, 107, 99, 0.2); }
12911
-
12912
- .euiButtonEmpty--ghost:enabled:focus {
12913
- background-color: rgba(255, 255, 255, 0.2); }
12914
-
12915
- .euiButtonEmpty--text:enabled:focus {
12916
- background-color: rgba(152, 162, 179, 0.2); }
12917
-
12918
- .euiButtonGroup__buttons {
12919
- box-shadow: none !important; }
12920
-
12921
- .euiButtonGroup--medium .euiButtonGroupButton,
12922
- .euiButtonGroup--small .euiButtonGroupButton {
12923
- border: none !important;
12924
- border-radius: 0 !important;
12925
- font-weight: 500; }
12926
- .euiButtonGroup--medium .euiButtonGroupButton:focus, .euiButtonGroup--medium .euiButtonGroupButton:focus-within,
12927
- .euiButtonGroup--small .euiButtonGroupButton:focus,
12928
- .euiButtonGroup--small .euiButtonGroupButton:focus-within {
12929
- outline-style: solid;
12930
- outline-color: #FFF;
12931
- outline-offset: -2px; }
12932
- .euiButtonGroup--medium .euiButtonGroupButton:focus:focus-visible, .euiButtonGroup--medium .euiButtonGroupButton:focus-within:focus-visible,
12933
- .euiButtonGroup--small .euiButtonGroupButton:focus:focus-visible,
12934
- .euiButtonGroup--small .euiButtonGroupButton:focus-within:focus-visible {
12935
- outline-style: auto; }
12936
- .euiButtonGroup--medium .euiButtonGroupButton:focus:not(:focus-visible),
12937
- .euiButtonGroup--small .euiButtonGroupButton:focus:not(:focus-visible) {
12938
- outline: none; }
12939
-
12940
- .euiButtonGroup--medium .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected),
12941
- .euiButtonGroup--small .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected) {
12942
- background-color: rgba(81, 87, 97, 0.3);
12943
- color: #515761; }
12944
-
12945
- .euiButtonGroup--medium .euiButtonGroupButton--primary,
12946
- .euiButtonGroup--small .euiButtonGroupButton--primary {
12947
- color: #36A2EF;
12948
- background-color: rgba(54, 162, 239, 0.2); }
12949
- .euiButtonGroup--medium .euiButtonGroupButton--primary:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--primary:not([class*='isDisabled']):focus,
12950
- .euiButtonGroup--small .euiButtonGroupButton--primary:not([class*='isDisabled']):hover,
12951
- .euiButtonGroup--small .euiButtonGroupButton--primary:not([class*='isDisabled']):focus {
12952
- background-color: rgba(54, 162, 239, 0.2); }
12953
-
12954
- .euiButtonGroup--medium .euiButtonGroupButton--accent,
12955
- .euiButtonGroup--small .euiButtonGroupButton--accent {
12956
- color: #F68FBE;
12957
- background-color: rgba(246, 143, 190, 0.2); }
12958
- .euiButtonGroup--medium .euiButtonGroupButton--accent:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--accent:not([class*='isDisabled']):focus,
12959
- .euiButtonGroup--small .euiButtonGroupButton--accent:not([class*='isDisabled']):hover,
12960
- .euiButtonGroup--small .euiButtonGroupButton--accent:not([class*='isDisabled']):focus {
12961
- background-color: rgba(246, 143, 190, 0.2); }
12962
-
12963
- .euiButtonGroup--medium .euiButtonGroupButton--success,
12964
- .euiButtonGroup--small .euiButtonGroupButton--success {
12965
- color: #7DDED8;
12966
- background-color: rgba(125, 222, 216, 0.2); }
12967
- .euiButtonGroup--medium .euiButtonGroupButton--success:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--success:not([class*='isDisabled']):focus,
12968
- .euiButtonGroup--small .euiButtonGroupButton--success:not([class*='isDisabled']):hover,
12969
- .euiButtonGroup--small .euiButtonGroupButton--success:not([class*='isDisabled']):focus {
12970
- background-color: rgba(125, 222, 216, 0.2); }
12971
-
12972
- .euiButtonGroup--medium .euiButtonGroupButton--warning,
12973
- .euiButtonGroup--small .euiButtonGroupButton--warning {
12974
- color: #F3D371;
12975
- background-color: rgba(243, 211, 113, 0.2); }
12976
- .euiButtonGroup--medium .euiButtonGroupButton--warning:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--warning:not([class*='isDisabled']):focus,
12977
- .euiButtonGroup--small .euiButtonGroupButton--warning:not([class*='isDisabled']):hover,
12978
- .euiButtonGroup--small .euiButtonGroupButton--warning:not([class*='isDisabled']):focus {
12979
- background-color: rgba(243, 211, 113, 0.2); }
12980
-
12981
- .euiButtonGroup--medium .euiButtonGroupButton--danger,
12982
- .euiButtonGroup--small .euiButtonGroupButton--danger {
12983
- color: #F86B63;
12984
- background-color: rgba(248, 107, 99, 0.2); }
12985
- .euiButtonGroup--medium .euiButtonGroupButton--danger:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--danger:not([class*='isDisabled']):focus,
12986
- .euiButtonGroup--small .euiButtonGroupButton--danger:not([class*='isDisabled']):hover,
12987
- .euiButtonGroup--small .euiButtonGroupButton--danger:not([class*='isDisabled']):focus {
12988
- background-color: rgba(248, 107, 99, 0.2); }
12989
-
12990
- .euiButtonGroup--medium .euiButtonGroupButton--ghost,
12991
- .euiButtonGroup--small .euiButtonGroupButton--ghost {
12992
- color: #FFF;
12993
- background-color: rgba(255, 255, 255, 0.2);
12994
- color: #FFF; }
12995
- .euiButtonGroup--medium .euiButtonGroupButton--ghost:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus,
12996
- .euiButtonGroup--small .euiButtonGroupButton--ghost:not([class*='isDisabled']):hover,
12997
- .euiButtonGroup--small .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus {
12998
- background-color: rgba(255, 255, 255, 0.2); }
12999
-
13000
- .euiButtonGroup--medium .euiButtonGroupButton--text,
13001
- .euiButtonGroup--small .euiButtonGroupButton--text {
13002
- color: #98A2B3;
13003
- background-color: rgba(152, 162, 179, 0.2); }
13004
- .euiButtonGroup--medium .euiButtonGroupButton--text:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--text:not([class*='isDisabled']):focus,
13005
- .euiButtonGroup--small .euiButtonGroupButton--text:not([class*='isDisabled']):hover,
13006
- .euiButtonGroup--small .euiButtonGroupButton--text:not([class*='isDisabled']):focus {
13007
- background-color: rgba(152, 162, 179, 0.2); }
13008
-
13009
- .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected), .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):hover, .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):focus,
13010
- .euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected),
13011
- .euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):hover,
13012
- .euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):focus {
13013
- background-color: rgba(52, 55, 65, 0.3); }
13014
-
13015
- .euiButtonGroup--small .euiButtonGroup__buttons {
13016
- border-radius: 4px; }
13017
-
13018
- .euiButtonGroup--compressed .euiButtonGroupButton {
13019
- border-radius: 5px; }
13020
- .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within {
13021
- outline-color: #36A2EF; }
13022
- .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within:focus-visible {
13023
- outline-style: auto; }
13024
- .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus:not(:focus-visible) {
13025
- outline: none; }
13026
- .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within {
13027
- outline-color: #F68FBE; }
13028
- .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within:focus-visible {
13029
- outline-style: auto; }
13030
- .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus:not(:focus-visible) {
13031
- outline: none; }
13032
- .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus-within {
13033
- outline-color: #7DDED8; }
13034
- .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus-within:focus-visible {
13035
- outline-style: auto; }
13036
- .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus:not(:focus-visible) {
13037
- outline: none; }
13038
- .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within {
13039
- outline-color: #F3D371; }
13040
- .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within:focus-visible {
13041
- outline-style: auto; }
13042
- .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus:not(:focus-visible) {
13043
- outline: none; }
13044
- .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within {
13045
- outline-color: #F86B63; }
13046
- .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within:focus-visible {
13047
- outline-style: auto; }
13048
- .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus:not(:focus-visible) {
13049
- outline: none; }
13050
- .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within {
13051
- outline-color: #FFF; }
13052
- .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within:focus-visible {
13053
- outline-style: auto; }
13054
- .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus:not(:focus-visible) {
13055
- outline: none; }
13056
- .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus-within {
13057
- outline-color: #98A2B3; }
13058
- .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus-within:focus-visible {
13059
- outline-style: auto; }
13060
- .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus:not(:focus-visible) {
13061
- outline: none; }
13062
-
13063
- .euiCard .euiCardSelect {
13064
- border-top-left-radius: 0;
13065
- border-top-right-radius: 0; }
13066
-
13067
11632
  .euiCode {
13068
11633
  border-radius: 4px;
13069
11634
  font-weight: 700;
@@ -13303,12 +11868,6 @@ button.euiSuggestItem {
13303
11868
  .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
13304
11869
  outline: none; }
13305
11870
 
13306
- /*
13307
- * Creates the Amsterdam style of button with a transparent background
13308
- */
13309
- /*
13310
- * Creates the Amsterdam style of fill button
13311
- */
13312
11871
  .euiHeader {
13313
11872
  height: 48px;
13314
11873
  padding-left: 8px;