@elastic/eui 62.0.3 → 63.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.
- package/dist/eui_charts_theme.js +330 -330
- package/dist/eui_charts_theme.js.map +1 -1
- package/dist/eui_theme_dark.css +4 -1053
- package/dist/eui_theme_dark.json +0 -57
- package/dist/eui_theme_dark.json.d.ts +0 -57
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +4 -1053
- package/dist/eui_theme_light.json +0 -57
- package/dist/eui_theme_light.json.d.ts +0 -57
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/bottom_bar/bottom_bar.js +20 -3
- package/es/components/breadcrumbs/breadcrumb.js +199 -0
- package/es/components/breadcrumbs/breadcrumb.styles.js +61 -0
- package/es/components/breadcrumbs/breadcrumbs.js +115 -187
- package/es/components/breadcrumbs/breadcrumbs.styles.js +30 -0
- package/es/components/code/code_block.js +119 -107
- package/es/components/collapsible_nav/collapsible_nav.js +2 -2
- package/es/components/control_bar/control_bar.js +13 -0
- package/es/components/datagrid/body/data_grid_body.js +12 -2
- package/es/components/datagrid/body/data_grid_cell.js +31 -3
- package/es/components/datagrid/body/header/data_grid_header_row.js +1 -1
- package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/es/components/datagrid/data_grid.js +10 -2
- package/es/components/datagrid/utils/row_heights.js +33 -4
- package/es/components/date_picker/super_date_picker/super_date_picker.js +2 -2
- package/es/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/es/components/description_list/description_list.js +22 -26
- package/es/components/description_list/description_list.styles.js +25 -0
- package/es/components/description_list/description_list_context.js +14 -0
- package/es/components/description_list/description_list_description.js +43 -2
- package/es/components/description_list/description_list_description.styles.js +47 -0
- package/es/components/description_list/description_list_title.js +43 -2
- package/es/components/description_list/description_list_title.styles.js +37 -0
- package/es/components/description_list/description_list_types.js +10 -0
- package/es/components/header/header.js +3 -27
- package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +22 -2
- package/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +15 -0
- package/es/components/header/header_links/header_links.js +11 -10
- package/es/components/icon/assets/tokenStruct.js +1 -1
- package/es/components/index.js +1 -0
- package/es/components/page/_bottom_border.js +1 -0
- package/es/components/page/_restrict_width.js +34 -7
- package/es/components/page/index.js +5 -3
- package/es/components/page/page.js +19 -30
- package/es/components/page/page.styles.js +43 -0
- package/es/components/page/page_body/page_body.js +18 -26
- package/es/components/page/page_body/page_body.styles.js +16 -0
- package/es/components/page/page_content/index.js +4 -4
- package/es/components/page/page_content/page_content.js +7 -2
- package/es/components/page/page_content/page_content_body.js +12 -7
- package/es/components/page/page_content/page_content_header.js +7 -2
- package/es/components/page/page_content/page_content_header_section.js +7 -2
- package/es/components/page/page_header/page_header.js +29 -171
- package/es/components/page/page_header/page_header.styles.js +16 -0
- package/es/components/page/page_header/page_header_content.js +85 -16
- package/es/components/page/page_header/page_header_content.styles.js +84 -0
- package/es/components/page/page_section/index.js +8 -0
- package/es/components/page/page_section/page_section.js +102 -0
- package/es/components/page/page_section/page_section.styles.js +43 -0
- package/es/components/page/page_side_bar/index.js +1 -1
- package/es/components/page/page_side_bar/page_side_bar.js +8 -3
- package/es/components/page/page_sidebar/index.js +8 -0
- package/es/components/page/page_sidebar/page_sidebar.js +110 -0
- package/es/components/page/page_sidebar/page_sidebar.styles.js +29 -0
- package/es/components/page/page_template.js +54 -153
- package/es/components/page_template/bottom_bar/page_bottom_bar.js +102 -0
- package/es/components/page_template/empty_prompt/page_empty_prompt.js +107 -0
- package/es/components/page_template/index.js +8 -0
- package/es/components/page_template/inner/index.js +8 -0
- package/es/components/page_template/inner/page_inner.js +51 -0
- package/es/components/page_template/inner/page_inner.styles.js +22 -0
- package/es/components/page_template/outer/index.js +8 -0
- package/es/components/page_template/outer/page_outer.js +59 -0
- package/es/components/page_template/outer/page_outer.styles.js +49 -0
- package/es/components/page_template/page_template.js +376 -0
- package/es/components/pagination/pagination.js +1 -1
- package/es/components/panel/split_panel/split_panel.js +2 -2
- package/es/components/provider/provider.js +2 -2
- package/es/components/responsive/hide_for.js +6 -38
- package/es/components/responsive/show_for.js +6 -38
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +17 -36
- package/es/components/side_nav/side_nav.js +1 -1
- package/es/components/table/table_row_cell.js +1 -2
- package/es/components/toast/global_toast_list.js +208 -241
- package/es/components/toast/global_toast_list.styles.js +38 -0
- package/es/components/toast/global_toast_list_item.js +12 -7
- package/es/components/toast/toast.js +25 -25
- package/es/components/toast/toast.styles.js +55 -0
- package/es/components/token/index.js +2 -1
- package/es/components/token/token.js +48 -112
- package/es/components/token/token.styles.js +93 -0
- package/es/components/token/token_map.js +6 -9
- package/es/components/token/token_types.js +11 -0
- package/es/global_styling/functions/logicals.js +1 -1
- package/es/global_styling/mixins/_helpers.js +27 -9
- package/es/global_styling/reset/global_styles.js +1 -1
- package/es/services/{breakpoint.js → breakpoint/breakpoint.js} +4 -9
- package/es/services/{hooks/useIsWithinBreakpoints.js → breakpoint/currentEuiBreakpoint.js} +36 -28
- package/es/services/breakpoint/index.js +10 -0
- package/es/services/breakpoint/useIsWithinBreakpoints.js +24 -0
- package/es/services/hooks/index.js +0 -1
- package/es/services/index.js +1 -1
- package/es/test/rtl/component_helpers.js +60 -1
- package/eui.d.ts +2100 -1504
- package/i18ntokens.json +36 -36
- package/lib/components/bottom_bar/bottom_bar.js +20 -3
- package/lib/components/breadcrumbs/breadcrumb.js +225 -0
- package/lib/components/breadcrumbs/breadcrumb.styles.js +68 -0
- package/lib/components/breadcrumbs/breadcrumbs.js +125 -188
- package/lib/components/breadcrumbs/breadcrumbs.styles.js +33 -0
- package/lib/components/code/code_block.js +118 -106
- package/lib/components/collapsible_nav/collapsible_nav.js +2 -2
- package/lib/components/control_bar/control_bar.js +13 -0
- package/lib/components/datagrid/body/data_grid_body.js +12 -2
- package/lib/components/datagrid/body/data_grid_cell.js +31 -3
- package/lib/components/datagrid/body/header/data_grid_header_row.js +1 -1
- package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/lib/components/datagrid/data_grid.js +10 -2
- package/lib/components/datagrid/utils/row_heights.js +33 -4
- package/lib/components/date_picker/super_date_picker/super_date_picker.js +2 -2
- package/lib/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/lib/components/description_list/description_list.js +25 -31
- package/lib/components/description_list/description_list.styles.js +36 -0
- package/lib/components/description_list/description_list_context.js +24 -0
- package/lib/components/description_list/description_list_description.js +52 -2
- package/lib/components/description_list/description_list_description.styles.js +51 -0
- package/lib/components/description_list/description_list_title.js +52 -2
- package/lib/components/description_list/description_list_title.styles.js +50 -0
- package/lib/components/description_list/description_list_types.js +20 -0
- package/lib/components/header/header.js +3 -27
- package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +24 -2
- package/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
- package/lib/components/header/header_links/header_links.js +10 -9
- package/lib/components/icon/assets/tokenStruct.js +1 -1
- package/lib/components/icon/svgs/tokens/tokenStruct.svg +1 -1
- package/lib/components/index.js +13 -0
- package/lib/components/page/_bottom_border.js +5 -0
- package/lib/components/page/_restrict_width.js +38 -7
- package/lib/components/page/index.js +28 -12
- package/lib/components/page/page.js +22 -34
- package/lib/components/page/page.styles.js +46 -0
- package/lib/components/page/page_body/page_body.js +20 -29
- package/lib/components/page/page_body/page_body.styles.js +27 -0
- package/lib/components/page/page_content/index.js +8 -8
- package/lib/components/page/page_content/page_content.js +8 -4
- package/lib/components/page/page_content/page_content_body.js +13 -9
- package/lib/components/page/page_content/page_content_header.js +8 -4
- package/lib/components/page/page_content/page_content_header_section.js +8 -4
- package/lib/components/page/page_header/page_header.js +31 -174
- package/lib/components/page/page_header/page_header.styles.js +27 -0
- package/lib/components/page/page_header/page_header_content.js +111 -18
- package/lib/components/page/page_header/page_header_content.styles.js +87 -0
- package/lib/components/page/page_section/index.js +13 -0
- package/lib/components/page/page_section/page_section.js +113 -0
- package/lib/components/page/page_section/page_section.styles.js +51 -0
- package/lib/components/page/page_side_bar/index.js +2 -2
- package/lib/components/page/page_side_bar/page_side_bar.js +9 -5
- package/lib/components/page/page_sidebar/index.js +13 -0
- package/lib/components/page/page_sidebar/page_sidebar.js +124 -0
- package/lib/components/page/page_sidebar/page_sidebar.styles.js +32 -0
- package/lib/components/page/page_template.js +76 -176
- package/lib/components/page_template/bottom_bar/page_bottom_bar.js +114 -0
- package/lib/components/page_template/empty_prompt/page_empty_prompt.js +116 -0
- package/lib/components/page_template/index.js +13 -0
- package/lib/components/page_template/inner/index.js +13 -0
- package/lib/components/page_template/inner/page_inner.js +60 -0
- package/lib/components/page_template/inner/page_inner.styles.js +35 -0
- package/lib/components/page_template/outer/index.js +13 -0
- package/lib/components/page_template/outer/page_outer.js +68 -0
- package/lib/components/page_template/outer/page_outer.styles.js +51 -0
- package/lib/components/page_template/page_template.js +399 -0
- package/lib/components/pagination/pagination.js +1 -1
- package/lib/components/panel/split_panel/split_panel.js +3 -3
- package/lib/components/provider/provider.js +1 -1
- package/lib/components/responsive/hide_for.js +12 -44
- package/lib/components/responsive/show_for.js +12 -44
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +15 -35
- package/lib/components/side_nav/side_nav.js +1 -1
- package/lib/components/table/table_row_cell.js +1 -3
- package/lib/components/toast/global_toast_list.js +209 -238
- package/lib/components/toast/global_toast_list.styles.js +45 -0
- package/lib/components/toast/global_toast_list_item.js +14 -7
- package/lib/components/toast/toast.js +27 -25
- package/lib/components/toast/toast.styles.js +66 -0
- package/lib/components/token/index.js +5 -3
- package/lib/components/token/token.js +50 -120
- package/lib/components/token/token.styles.js +101 -0
- package/lib/components/token/token_map.js +6 -9
- package/lib/components/token/token_types.js +22 -0
- package/lib/global_styling/functions/logicals.js +1 -1
- package/lib/global_styling/mixins/_helpers.js +27 -9
- package/lib/global_styling/reset/global_styles.js +1 -1
- package/{test-env/services → lib/services/breakpoint}/breakpoint.js +5 -9
- package/lib/services/breakpoint/currentEuiBreakpoint.js +80 -0
- package/lib/services/breakpoint/index.js +44 -0
- package/lib/services/breakpoint/useIsWithinBreakpoints.js +34 -0
- package/lib/services/hooks/index.js +0 -13
- package/lib/services/index.js +28 -0
- package/lib/test/rtl/component_helpers.js +69 -3
- package/optimize/es/components/bottom_bar/bottom_bar.js +1 -1
- package/optimize/es/components/breadcrumbs/breadcrumb.js +136 -0
- package/optimize/es/components/breadcrumbs/breadcrumb.styles.js +61 -0
- package/optimize/es/components/breadcrumbs/breadcrumbs.js +92 -165
- package/optimize/es/components/breadcrumbs/breadcrumbs.styles.js +30 -0
- package/optimize/es/components/code/code_block.js +106 -107
- package/optimize/es/components/datagrid/body/data_grid_body.js +2 -0
- package/optimize/es/components/datagrid/body/data_grid_cell.js +13 -1
- package/optimize/es/components/datagrid/utils/row_heights.js +33 -4
- package/optimize/es/components/description_list/description_list.js +20 -24
- package/optimize/es/components/description_list/description_list.styles.js +25 -0
- package/optimize/es/components/description_list/description_list_context.js +14 -0
- package/optimize/es/components/description_list/description_list_description.js +32 -2
- package/optimize/es/components/description_list/description_list_description.styles.js +47 -0
- package/optimize/es/components/description_list/description_list_title.js +32 -2
- package/optimize/es/components/description_list/description_list_title.styles.js +37 -0
- package/optimize/es/components/description_list/description_list_types.js +10 -0
- package/optimize/es/components/header/header.js +2 -0
- package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.js +8 -1
- package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +15 -0
- package/optimize/es/components/header/header_links/header_links.js +10 -9
- package/optimize/es/components/icon/assets/tokenStruct.js +1 -1
- package/optimize/es/components/index.js +1 -0
- package/optimize/es/components/page/_bottom_border.js +1 -0
- package/optimize/es/components/page/_restrict_width.js +34 -7
- package/optimize/es/components/page/index.js +5 -3
- package/optimize/es/components/page/page.js +18 -28
- package/optimize/es/components/page/page.styles.js +43 -0
- package/optimize/es/components/page/page_body/page_body.js +18 -25
- package/optimize/es/components/page/page_body/page_body.styles.js +16 -0
- package/optimize/es/components/page/page_content/index.js +4 -4
- package/optimize/es/components/page/page_content/page_content.js +6 -1
- package/optimize/es/components/page/page_content/page_content_body.js +10 -5
- package/optimize/es/components/page/page_content/page_content_header.js +6 -1
- package/optimize/es/components/page/page_content/page_content_header_section.js +6 -1
- package/optimize/es/components/page/page_header/page_header.js +20 -32
- package/optimize/es/components/page/page_header/page_header.styles.js +16 -0
- package/optimize/es/components/page/page_header/page_header_content.js +62 -14
- package/optimize/es/components/page/page_header/page_header_content.styles.js +84 -0
- package/optimize/es/components/page/page_section/index.js +8 -0
- package/optimize/es/components/page/page_section/page_section.js +51 -0
- package/optimize/es/components/page/page_section/page_section.styles.js +43 -0
- package/optimize/es/components/page/page_side_bar/index.js +1 -1
- package/optimize/es/components/page/page_side_bar/page_side_bar.js +6 -1
- package/optimize/es/components/page/page_sidebar/index.js +8 -0
- package/optimize/es/components/page/page_sidebar/page_sidebar.js +60 -0
- package/optimize/es/components/page/page_sidebar/page_sidebar.styles.js +29 -0
- package/optimize/es/components/page/page_template.js +29 -9
- package/optimize/es/components/page_template/bottom_bar/page_bottom_bar.js +70 -0
- package/optimize/es/components/page_template/empty_prompt/page_empty_prompt.js +61 -0
- package/optimize/es/components/page_template/index.js +8 -0
- package/optimize/es/components/page_template/inner/index.js +8 -0
- package/optimize/es/components/page_template/inner/page_inner.js +47 -0
- package/optimize/es/components/page_template/inner/page_inner.styles.js +22 -0
- package/optimize/es/components/page_template/outer/index.js +8 -0
- package/optimize/es/components/page_template/outer/page_outer.js +33 -0
- package/optimize/es/components/page_template/outer/page_outer.styles.js +49 -0
- package/optimize/es/components/page_template/page_template.js +202 -0
- package/optimize/es/components/panel/split_panel/split_panel.js +1 -1
- package/optimize/es/components/provider/provider.js +2 -2
- package/optimize/es/components/responsive/hide_for.js +5 -27
- package/optimize/es/components/responsive/show_for.js +5 -27
- package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.js +16 -35
- package/optimize/es/components/table/table_row_cell.js +1 -2
- package/optimize/es/components/toast/global_toast_list.js +199 -230
- package/optimize/es/components/toast/global_toast_list.styles.js +38 -0
- package/optimize/es/components/toast/global_toast_list_item.js +11 -6
- package/optimize/es/components/toast/toast.js +24 -24
- package/optimize/es/components/toast/toast.styles.js +55 -0
- package/optimize/es/components/token/index.js +2 -1
- package/optimize/es/components/token/token.js +46 -69
- package/optimize/es/components/token/token.styles.js +83 -0
- package/optimize/es/components/token/token_map.js +6 -9
- package/optimize/es/components/token/token_types.js +11 -0
- package/optimize/es/global_styling/functions/logicals.js +1 -1
- package/optimize/es/global_styling/mixins/_helpers.js +27 -9
- package/optimize/es/global_styling/reset/global_styles.js +1 -1
- package/optimize/es/services/{breakpoint.js → breakpoint/breakpoint.js} +4 -9
- package/optimize/es/services/breakpoint/currentEuiBreakpoint.js +53 -0
- package/optimize/es/services/breakpoint/index.js +10 -0
- package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +24 -0
- package/optimize/es/services/hooks/index.js +0 -1
- package/optimize/es/services/index.js +1 -1
- package/optimize/es/test/rtl/component_helpers.js +60 -1
- package/optimize/lib/components/bottom_bar/bottom_bar.js +1 -1
- package/optimize/lib/components/breadcrumbs/breadcrumb.js +162 -0
- package/optimize/lib/components/breadcrumbs/breadcrumb.styles.js +68 -0
- package/optimize/lib/components/breadcrumbs/breadcrumbs.js +99 -164
- package/optimize/lib/components/breadcrumbs/breadcrumbs.styles.js +33 -0
- package/optimize/lib/components/code/code_block.js +105 -106
- package/optimize/lib/components/datagrid/body/data_grid_body.js +2 -0
- package/optimize/lib/components/datagrid/body/data_grid_cell.js +13 -1
- package/optimize/lib/components/datagrid/utils/row_heights.js +33 -4
- package/optimize/lib/components/description_list/description_list.js +23 -28
- package/optimize/lib/components/description_list/description_list.styles.js +36 -0
- package/optimize/lib/components/description_list/description_list_context.js +24 -0
- package/optimize/lib/components/description_list/description_list_description.js +43 -2
- package/optimize/lib/components/description_list/description_list_description.styles.js +51 -0
- package/optimize/lib/components/description_list/description_list_title.js +43 -2
- package/optimize/lib/components/description_list/description_list_title.styles.js +50 -0
- package/optimize/lib/components/description_list/description_list_types.js +20 -0
- package/optimize/lib/components/header/header.js +2 -0
- package/optimize/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +10 -1
- package/optimize/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
- package/optimize/lib/components/header/header_links/header_links.js +9 -8
- package/optimize/lib/components/icon/assets/tokenStruct.js +1 -1
- package/optimize/lib/components/icon/svgs/tokens/tokenStruct.svg +1 -1
- package/optimize/lib/components/index.js +13 -0
- package/optimize/lib/components/page/_bottom_border.js +5 -0
- package/optimize/lib/components/page/_restrict_width.js +38 -7
- package/optimize/lib/components/page/index.js +28 -12
- package/optimize/lib/components/page/page.js +21 -33
- package/optimize/lib/components/page/page.styles.js +46 -0
- package/optimize/lib/components/page/page_body/page_body.js +20 -29
- package/optimize/lib/components/page/page_body/page_body.styles.js +27 -0
- package/optimize/lib/components/page/page_content/index.js +8 -8
- package/optimize/lib/components/page/page_content/page_content.js +7 -3
- package/optimize/lib/components/page/page_content/page_content_body.js +11 -7
- package/optimize/lib/components/page/page_content/page_content_header.js +7 -3
- package/optimize/lib/components/page/page_content/page_content_header_section.js +7 -3
- package/optimize/lib/components/page/page_header/page_header.js +22 -36
- package/optimize/lib/components/page/page_header/page_header.styles.js +27 -0
- package/optimize/lib/components/page/page_header/page_header_content.js +68 -15
- package/optimize/lib/components/page/page_header/page_header_content.styles.js +87 -0
- package/optimize/lib/components/page/page_section/index.js +13 -0
- package/optimize/lib/components/page/page_section/page_section.js +62 -0
- package/optimize/lib/components/page/page_section/page_section.styles.js +51 -0
- package/optimize/lib/components/page/page_side_bar/index.js +2 -2
- package/optimize/lib/components/page/page_side_bar/page_side_bar.js +7 -3
- package/optimize/lib/components/page/page_sidebar/index.js +13 -0
- package/optimize/lib/components/page/page_sidebar/page_sidebar.js +79 -0
- package/optimize/lib/components/page/page_sidebar/page_sidebar.styles.js +32 -0
- package/optimize/lib/components/page/page_template.js +51 -33
- package/optimize/lib/components/page_template/bottom_bar/page_bottom_bar.js +85 -0
- package/optimize/lib/components/page_template/empty_prompt/page_empty_prompt.js +71 -0
- package/optimize/lib/components/page_template/index.js +13 -0
- package/optimize/lib/components/page_template/inner/index.js +13 -0
- package/optimize/lib/components/page_template/inner/page_inner.js +57 -0
- package/optimize/lib/components/page_template/inner/page_inner.styles.js +35 -0
- package/optimize/lib/components/page_template/outer/index.js +13 -0
- package/optimize/lib/components/page_template/outer/page_outer.js +42 -0
- package/optimize/lib/components/page_template/outer/page_outer.styles.js +51 -0
- package/optimize/lib/components/page_template/page_template.js +228 -0
- package/optimize/lib/components/panel/split_panel/split_panel.js +2 -2
- package/optimize/lib/components/provider/provider.js +1 -1
- package/optimize/lib/components/responsive/hide_for.js +4 -33
- package/optimize/lib/components/responsive/show_for.js +4 -33
- package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +14 -34
- package/optimize/lib/components/table/table_row_cell.js +1 -3
- package/optimize/lib/components/toast/global_toast_list.js +206 -220
- package/optimize/lib/components/toast/global_toast_list.styles.js +47 -0
- package/optimize/lib/components/toast/global_toast_list_item.js +14 -7
- package/optimize/lib/components/toast/toast.js +26 -24
- package/optimize/lib/components/toast/toast.styles.js +66 -0
- package/optimize/lib/components/token/index.js +5 -3
- package/optimize/lib/components/token/token.js +50 -76
- package/optimize/lib/components/token/token.styles.js +91 -0
- package/optimize/lib/components/token/token_map.js +6 -9
- package/optimize/lib/components/token/token_types.js +22 -0
- package/optimize/lib/global_styling/functions/logicals.js +1 -1
- package/optimize/lib/global_styling/mixins/_helpers.js +27 -9
- package/optimize/lib/global_styling/reset/global_styles.js +1 -1
- package/optimize/lib/services/{breakpoint.js → breakpoint/breakpoint.js} +5 -9
- package/optimize/lib/services/breakpoint/currentEuiBreakpoint.js +81 -0
- package/optimize/lib/services/breakpoint/index.js +44 -0
- package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +34 -0
- package/optimize/lib/services/hooks/index.js +0 -13
- package/optimize/lib/services/index.js +28 -0
- package/optimize/lib/test/rtl/component_helpers.js +69 -3
- package/package.json +2 -2
- package/src/components/control_bar/_control_bar.scss +1 -1
- package/src/components/header/_index.scss +0 -1
- package/src/components/index.scss +0 -5
- package/src/components/page/_index.scss +0 -5
- package/src/components/page/page_content/_page_content_body.scss +10 -1
- package/src/components/tabs/_tabs.scss +2 -0
- package/src/themes/amsterdam/overrides/_breadcrumbs.scss +0 -12
- package/src/themes/amsterdam/overrides/_index.scss +0 -4
- package/test-env/components/bottom_bar/bottom_bar.js +20 -3
- package/test-env/components/breadcrumbs/breadcrumb.js +211 -0
- package/test-env/components/breadcrumbs/breadcrumb.styles.js +68 -0
- package/test-env/components/breadcrumbs/breadcrumbs.js +122 -174
- package/test-env/components/breadcrumbs/breadcrumbs.styles.js +33 -0
- package/test-env/components/collapsible_nav/collapsible_nav.js +2 -2
- package/test-env/components/control_bar/control_bar.js +13 -0
- package/test-env/components/datagrid/body/data_grid_body.js +12 -2
- package/test-env/components/datagrid/body/data_grid_cell.js +31 -3
- package/test-env/components/datagrid/body/header/data_grid_header_row.js +1 -1
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/test-env/components/datagrid/data_grid.js +10 -2
- package/test-env/components/datagrid/utils/row_heights.js +33 -4
- package/test-env/components/date_picker/super_date_picker/super_date_picker.js +2 -2
- package/test-env/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/test-env/components/description_list/description_list.js +25 -30
- package/test-env/components/description_list/description_list.styles.js +36 -0
- package/test-env/components/description_list/description_list_context.js +24 -0
- package/test-env/components/description_list/description_list_description.js +43 -2
- package/test-env/components/description_list/description_list_description.styles.js +51 -0
- package/test-env/components/description_list/description_list_title.js +43 -2
- package/test-env/components/description_list/description_list_title.styles.js +50 -0
- package/test-env/components/description_list/description_list_types.js +20 -0
- package/test-env/components/header/header.js +3 -27
- package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +24 -2
- package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
- package/test-env/components/header/header_links/header_links.js +10 -9
- package/test-env/components/icon/assets/tokenStruct.js +1 -1
- package/test-env/components/index.js +13 -0
- package/test-env/components/observer/resize_observer/resize_observer.js +43 -126
- package/test-env/components/page/_bottom_border.js +5 -0
- package/test-env/components/page/_restrict_width.js +38 -7
- package/test-env/components/page/index.js +28 -12
- package/test-env/components/page/page.js +22 -34
- package/test-env/components/page/page.styles.js +46 -0
- package/test-env/components/page/page_body/page_body.js +20 -29
- package/test-env/components/page/page_body/page_body.styles.js +27 -0
- package/test-env/components/page/page_content/index.js +8 -8
- package/test-env/components/page/page_content/page_content.js +8 -4
- package/test-env/components/page/page_content/page_content_body.js +13 -9
- package/test-env/components/page/page_content/page_content_header.js +8 -4
- package/test-env/components/page/page_content/page_content_header_section.js +8 -4
- package/test-env/components/page/page_header/page_header.js +31 -174
- package/test-env/components/page/page_header/page_header.styles.js +27 -0
- package/test-env/components/page/page_header/page_header_content.js +112 -18
- package/test-env/components/page/page_header/page_header_content.styles.js +87 -0
- package/test-env/components/page/page_section/index.js +13 -0
- package/test-env/components/page/page_section/page_section.js +110 -0
- package/test-env/components/page/page_section/page_section.styles.js +51 -0
- package/test-env/components/page/page_side_bar/index.js +2 -2
- package/test-env/components/page/page_side_bar/page_side_bar.js +9 -5
- package/test-env/components/page/page_sidebar/index.js +13 -0
- package/test-env/components/page/page_sidebar/page_sidebar.js +113 -0
- package/test-env/components/page/page_sidebar/page_sidebar.styles.js +32 -0
- package/test-env/components/page/page_template.js +76 -177
- package/test-env/components/page_template/bottom_bar/page_bottom_bar.js +102 -0
- package/test-env/components/page_template/empty_prompt/page_empty_prompt.js +114 -0
- package/test-env/components/page_template/index.js +13 -0
- package/test-env/components/page_template/inner/index.js +13 -0
- package/test-env/components/page_template/inner/page_inner.js +57 -0
- package/test-env/components/page_template/inner/page_inner.styles.js +35 -0
- package/test-env/components/page_template/outer/index.js +13 -0
- package/test-env/components/page_template/outer/page_outer.js +65 -0
- package/test-env/components/page_template/outer/page_outer.styles.js +51 -0
- package/test-env/components/page_template/page_template.js +387 -0
- package/test-env/components/pagination/pagination.js +1 -1
- package/test-env/components/panel/split_panel/split_panel.js +3 -3
- package/test-env/components/provider/provider.js +1 -1
- package/test-env/components/responsive/hide_for.js +5 -34
- package/test-env/components/responsive/show_for.js +5 -34
- package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +15 -35
- package/test-env/components/side_nav/side_nav.js +1 -1
- package/test-env/components/table/table_row_cell.js +1 -3
- package/test-env/components/toast/global_toast_list.js +206 -220
- package/test-env/components/toast/global_toast_list.styles.js +47 -0
- package/test-env/components/toast/global_toast_list_item.js +14 -7
- package/test-env/components/toast/toast.js +27 -25
- package/test-env/components/toast/toast.styles.js +66 -0
- package/test-env/components/token/index.js +5 -3
- package/test-env/components/token/token.js +51 -120
- package/test-env/components/token/token.styles.js +91 -0
- package/test-env/components/token/token_map.js +6 -9
- package/test-env/components/token/token_types.js +22 -0
- package/test-env/global_styling/functions/logicals.js +1 -1
- package/test-env/global_styling/mixins/_helpers.js +27 -9
- package/test-env/global_styling/reset/global_styles.js +1 -1
- package/{lib/services → test-env/services/breakpoint}/breakpoint.js +5 -9
- package/test-env/services/breakpoint/currentEuiBreakpoint.js +37 -0
- package/test-env/services/breakpoint/index.js +44 -0
- package/test-env/services/breakpoint/useIsWithinBreakpoints.js +34 -0
- package/test-env/services/hooks/index.js +0 -13
- package/test-env/services/index.js +28 -0
- package/test-env/test/rtl/component_helpers.js +69 -3
- package/lib/services/hooks/useIsWithinBreakpoints.js +0 -57
- package/optimize/es/services/hooks/useIsWithinBreakpoints.js +0 -46
- package/optimize/lib/services/hooks/useIsWithinBreakpoints.js +0 -57
- package/src/components/breadcrumbs/_breadcrumbs.scss +0 -79
- package/src/components/breadcrumbs/_index.scss +0 -2
- package/src/components/breadcrumbs/_variables.scss +0 -2
- package/src/components/description_list/_description_list.scss +0 -211
- package/src/components/description_list/_index.scss +0 -1
- package/src/components/header/header_breadcrumbs/_header_breadcrumbs.scss +0 -8
- package/src/components/header/header_breadcrumbs/_index.scss +0 -1
- package/src/components/page/_mixins.scss +0 -12
- package/src/components/page/_page.scss +0 -41
- package/src/components/page/page_body/_index.scss +0 -1
- package/src/components/page/page_body/_page_body.scss +0 -45
- package/src/components/page/page_header/_index.scss +0 -3
- package/src/components/page/page_header/_page_header.scss +0 -78
- package/src/components/page/page_header/_page_header_content.scss +0 -15
- package/src/components/page/page_header/_page_header_section.scss +0 -26
- package/src/components/portal/_index.scss +0 -1
- package/src/components/portal/_portal.scss +0 -6
- package/src/components/toast/_global_toast_list.scss +0 -90
- package/src/components/toast/_index.scss +0 -4
- package/src/components/toast/_toast.scss +0 -103
- package/src/components/token/_index.scss +0 -2
- package/src/components/token/_token.scss +0 -85
- package/src/components/token/_variables.scss +0 -13
- package/src/themes/amsterdam/overrides/_header_breadcrumbs.scss +0 -71
- package/src/themes/amsterdam/overrides/_toast.scss +0 -21
- package/src/themes/amsterdam/overrides/_token.scss +0 -4
- package/test-env/services/hooks/useIsWithinBreakpoints.js +0 -57
package/dist/eui_theme_dark.css
CHANGED
|
@@ -2143,82 +2143,6 @@ SOFTWARE.
|
|
|
2143
2143
|
.euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
|
|
2144
2144
|
outline: 2px solid #36A2EF; }
|
|
2145
2145
|
|
|
2146
|
-
/**
|
|
2147
|
-
* 1. Add vertical space between breadcrumbs,
|
|
2148
|
-
* but make sure the whole breadcrumb set doesn't add space below itself
|
|
2149
|
-
*/
|
|
2150
|
-
.euiBreadcrumbs__list {
|
|
2151
|
-
font-size: 14px;
|
|
2152
|
-
font-size: 1rem;
|
|
2153
|
-
line-height: 1.71429rem;
|
|
2154
|
-
display: -webkit-flex;
|
|
2155
|
-
display: flex;
|
|
2156
|
-
-webkit-align-items: center;
|
|
2157
|
-
align-items: center;
|
|
2158
|
-
-webkit-flex-wrap: wrap;
|
|
2159
|
-
flex-wrap: wrap;
|
|
2160
|
-
min-width: 0;
|
|
2161
|
-
margin-bottom: -4px;
|
|
2162
|
-
/* 1 */ }
|
|
2163
|
-
|
|
2164
|
-
.euiBreadcrumb {
|
|
2165
|
-
margin-bottom: 4px;
|
|
2166
|
-
/* 1 */
|
|
2167
|
-
display: -webkit-flex;
|
|
2168
|
-
display: flex;
|
|
2169
|
-
-webkit-align-items: center;
|
|
2170
|
-
align-items: center; }
|
|
2171
|
-
.euiBreadcrumb:not(.euiBreadcrumb--last) {
|
|
2172
|
-
color: #7a7f89; }
|
|
2173
|
-
.euiBreadcrumb:not(.euiBreadcrumb--last)::after {
|
|
2174
|
-
content: '';
|
|
2175
|
-
margin: 4px 8px 0;
|
|
2176
|
-
width: 1px;
|
|
2177
|
-
height: 16px;
|
|
2178
|
-
-webkit-transform: translateY(-1px) rotate(15deg);
|
|
2179
|
-
transform: translateY(-1px) rotate(15deg);
|
|
2180
|
-
background: #343741;
|
|
2181
|
-
-webkit-flex-shrink: 0;
|
|
2182
|
-
flex-shrink: 0; }
|
|
2183
|
-
|
|
2184
|
-
.euiBreadcrumb--collapsed {
|
|
2185
|
-
-webkit-flex-shrink: 0;
|
|
2186
|
-
flex-shrink: 0; }
|
|
2187
|
-
|
|
2188
|
-
.euiBreadcrumb--last {
|
|
2189
|
-
font-weight: 500; }
|
|
2190
|
-
|
|
2191
|
-
.euiBreadcrumbs__inPopover .euiBreadcrumb--last .euiBreadcrumb__content {
|
|
2192
|
-
font-weight: 400;
|
|
2193
|
-
color: #7a7f89; }
|
|
2194
|
-
|
|
2195
|
-
.euiBreadcrumbs--truncate .euiBreadcrumbs__list {
|
|
2196
|
-
white-space: nowrap;
|
|
2197
|
-
-webkit-flex-wrap: nowrap;
|
|
2198
|
-
flex-wrap: nowrap; }
|
|
2199
|
-
|
|
2200
|
-
.euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed) .euiBreadcrumb__content {
|
|
2201
|
-
max-width: 160px;
|
|
2202
|
-
overflow: hidden;
|
|
2203
|
-
text-overflow: ellipsis; }
|
|
2204
|
-
|
|
2205
|
-
.euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed).euiBreadcrumb--last .euiBreadcrumb__content {
|
|
2206
|
-
max-width: none; }
|
|
2207
|
-
|
|
2208
|
-
.euiBreadcrumbs--truncate .euiBreadcrumb {
|
|
2209
|
-
overflow: hidden; }
|
|
2210
|
-
|
|
2211
|
-
.euiBreadcrumbs--truncate .euiBreadcrumb__content,
|
|
2212
|
-
.euiBreadcrumb--truncate .euiBreadcrumb__content {
|
|
2213
|
-
max-width: 100%;
|
|
2214
|
-
overflow: hidden !important;
|
|
2215
|
-
text-overflow: ellipsis !important;
|
|
2216
|
-
white-space: nowrap !important;
|
|
2217
|
-
word-wrap: normal !important;
|
|
2218
|
-
max-width: 160px;
|
|
2219
|
-
text-align: center;
|
|
2220
|
-
vertical-align: baseline; }
|
|
2221
|
-
|
|
2222
2146
|
/**
|
|
2223
2147
|
* 1. Footer is always at the bottom.
|
|
2224
2148
|
* 2. Fix for IE where the image correctly resizes in width but doesn't collapse its height
|
|
@@ -3868,7 +3792,7 @@ SOFTWARE.
|
|
|
3868
3792
|
.euiControlBar__button:last-child {
|
|
3869
3793
|
margin-right: 4px; }
|
|
3870
3794
|
|
|
3871
|
-
.euiControlBar__breadcrumbs .euiBreadcrumb:not(
|
|
3795
|
+
.euiControlBar__breadcrumbs .euiBreadcrumb:not(:last-of-type) .euiBreadcrumb__content {
|
|
3872
3796
|
color: #7a7f89; }
|
|
3873
3797
|
|
|
3874
3798
|
.euiControlBar__breadcrumbs .euiBreadcrumb::after {
|
|
@@ -5061,250 +4985,6 @@ SOFTWARE.
|
|
|
5061
4985
|
.euiDataGrid__displayPopoverPanel {
|
|
5062
4986
|
width: 416px; }
|
|
5063
4987
|
|
|
5064
|
-
.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title {
|
|
5065
|
-
overflow-wrap: break-word !important;
|
|
5066
|
-
word-wrap: break-word !important;
|
|
5067
|
-
word-break: break-word;
|
|
5068
|
-
color: #DFE5EF;
|
|
5069
|
-
font-size: 16px;
|
|
5070
|
-
font-size: 1.14286rem;
|
|
5071
|
-
line-height: 1.71429rem;
|
|
5072
|
-
font-weight: 700;
|
|
5073
|
-
line-height: 1.5;
|
|
5074
|
-
margin-top: 16px; }
|
|
5075
|
-
.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title:first-of-type {
|
|
5076
|
-
margin-top: 0; }
|
|
5077
|
-
|
|
5078
|
-
.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__description {
|
|
5079
|
-
font-size: 14px;
|
|
5080
|
-
font-size: 1rem;
|
|
5081
|
-
line-height: 1.71429rem; }
|
|
5082
|
-
|
|
5083
|
-
.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--center {
|
|
5084
|
-
text-align: center; }
|
|
5085
|
-
|
|
5086
|
-
.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__title {
|
|
5087
|
-
color: #DFE5EF;
|
|
5088
|
-
font-weight: 400;
|
|
5089
|
-
font-size: 14px;
|
|
5090
|
-
font-size: 1rem;
|
|
5091
|
-
line-height: 1.71429rem; }
|
|
5092
|
-
|
|
5093
|
-
.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__description {
|
|
5094
|
-
overflow-wrap: break-word !important;
|
|
5095
|
-
word-wrap: break-word !important;
|
|
5096
|
-
word-break: break-word;
|
|
5097
|
-
color: #DFE5EF;
|
|
5098
|
-
font-size: 16px;
|
|
5099
|
-
font-size: 1.14286rem;
|
|
5100
|
-
line-height: 1.71429rem;
|
|
5101
|
-
font-weight: 700; }
|
|
5102
|
-
|
|
5103
|
-
.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__title {
|
|
5104
|
-
overflow-wrap: break-word !important;
|
|
5105
|
-
word-wrap: break-word !important;
|
|
5106
|
-
word-break: break-word;
|
|
5107
|
-
color: #DFE5EF;
|
|
5108
|
-
font-size: 14px;
|
|
5109
|
-
font-size: 1rem;
|
|
5110
|
-
line-height: 1.71429rem;
|
|
5111
|
-
font-weight: 700;
|
|
5112
|
-
line-height: 1.5; }
|
|
5113
|
-
|
|
5114
|
-
.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__description {
|
|
5115
|
-
font-size: 14px;
|
|
5116
|
-
font-size: 1rem;
|
|
5117
|
-
line-height: 1.71429rem; }
|
|
5118
|
-
|
|
5119
|
-
.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
|
|
5120
|
-
color: #DFE5EF;
|
|
5121
|
-
font-weight: 400;
|
|
5122
|
-
font-size: 14px;
|
|
5123
|
-
font-size: 1rem;
|
|
5124
|
-
line-height: 1.71429rem; }
|
|
5125
|
-
|
|
5126
|
-
.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
|
|
5127
|
-
overflow-wrap: break-word !important;
|
|
5128
|
-
word-wrap: break-word !important;
|
|
5129
|
-
word-break: break-word;
|
|
5130
|
-
color: #DFE5EF;
|
|
5131
|
-
font-size: 14px;
|
|
5132
|
-
font-size: 1rem;
|
|
5133
|
-
line-height: 1.71429rem;
|
|
5134
|
-
font-weight: 700;
|
|
5135
|
-
line-height: 1.5; }
|
|
5136
|
-
|
|
5137
|
-
.euiDescriptionList.euiDescriptionList--column, .euiDescriptionList.euiDescriptionList--responsiveColumn {
|
|
5138
|
-
display: -webkit-flex;
|
|
5139
|
-
display: flex;
|
|
5140
|
-
-webkit-align-items: stretch;
|
|
5141
|
-
align-items: stretch;
|
|
5142
|
-
-webkit-flex-wrap: wrap;
|
|
5143
|
-
flex-wrap: wrap; }
|
|
5144
|
-
.euiDescriptionList.euiDescriptionList--column > *, .euiDescriptionList.euiDescriptionList--responsiveColumn > * {
|
|
5145
|
-
margin-top: 16px; }
|
|
5146
|
-
.euiDescriptionList.euiDescriptionList--column > *:first-child,
|
|
5147
|
-
.euiDescriptionList.euiDescriptionList--column > :nth-child(2), .euiDescriptionList.euiDescriptionList--responsiveColumn > *:first-child,
|
|
5148
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn > :nth-child(2) {
|
|
5149
|
-
margin-top: 0; }
|
|
5150
|
-
.euiDescriptionList.euiDescriptionList--column .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title {
|
|
5151
|
-
overflow-wrap: break-word !important;
|
|
5152
|
-
word-wrap: break-word !important;
|
|
5153
|
-
word-break: break-word;
|
|
5154
|
-
color: #DFE5EF;
|
|
5155
|
-
font-size: 16px;
|
|
5156
|
-
font-size: 1.14286rem;
|
|
5157
|
-
line-height: 1.71429rem;
|
|
5158
|
-
font-weight: 700;
|
|
5159
|
-
line-height: 1.5;
|
|
5160
|
-
width: 50%;
|
|
5161
|
-
padding-right: 8px; }
|
|
5162
|
-
.euiDescriptionList.euiDescriptionList--column .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
|
|
5163
|
-
font-size: 14px;
|
|
5164
|
-
font-size: 1rem;
|
|
5165
|
-
line-height: 1.71429rem;
|
|
5166
|
-
width: 50%;
|
|
5167
|
-
padding-left: 8px; }
|
|
5168
|
-
.euiDescriptionList.euiDescriptionList--column.euiDescriptionList--center .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title {
|
|
5169
|
-
text-align: right; }
|
|
5170
|
-
.euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
|
|
5171
|
-
color: #DFE5EF;
|
|
5172
|
-
font-weight: 400;
|
|
5173
|
-
font-size: 14px;
|
|
5174
|
-
font-size: 1rem;
|
|
5175
|
-
line-height: 1.71429rem; }
|
|
5176
|
-
.euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
|
|
5177
|
-
overflow-wrap: break-word !important;
|
|
5178
|
-
word-wrap: break-word !important;
|
|
5179
|
-
word-break: break-word;
|
|
5180
|
-
color: #DFE5EF;
|
|
5181
|
-
font-size: 16px;
|
|
5182
|
-
font-size: 1.14286rem;
|
|
5183
|
-
line-height: 1.71429rem;
|
|
5184
|
-
font-weight: 700;
|
|
5185
|
-
line-height: 1.5; }
|
|
5186
|
-
.euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed .euiDescriptionList__title {
|
|
5187
|
-
overflow-wrap: break-word !important;
|
|
5188
|
-
word-wrap: break-word !important;
|
|
5189
|
-
word-break: break-word;
|
|
5190
|
-
color: #DFE5EF;
|
|
5191
|
-
font-size: 14px;
|
|
5192
|
-
font-size: 1rem;
|
|
5193
|
-
line-height: 1.71429rem;
|
|
5194
|
-
font-weight: 700;
|
|
5195
|
-
line-height: 1.5; }
|
|
5196
|
-
.euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed .euiDescriptionList__description {
|
|
5197
|
-
font-size: 14px;
|
|
5198
|
-
font-size: 1rem;
|
|
5199
|
-
line-height: 1.71429rem; }
|
|
5200
|
-
.euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
|
|
5201
|
-
color: #DFE5EF;
|
|
5202
|
-
font-weight: 400;
|
|
5203
|
-
font-size: 14px;
|
|
5204
|
-
font-size: 1rem;
|
|
5205
|
-
line-height: 1.71429rem; }
|
|
5206
|
-
.euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
|
|
5207
|
-
overflow-wrap: break-word !important;
|
|
5208
|
-
word-wrap: break-word !important;
|
|
5209
|
-
word-break: break-word;
|
|
5210
|
-
color: #DFE5EF;
|
|
5211
|
-
font-size: 14px;
|
|
5212
|
-
font-size: 1rem;
|
|
5213
|
-
line-height: 1.71429rem;
|
|
5214
|
-
font-weight: 700;
|
|
5215
|
-
line-height: 1.5; }
|
|
5216
|
-
|
|
5217
|
-
@media only screen and (max-width: 574px) {
|
|
5218
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn {
|
|
5219
|
-
display: block; }
|
|
5220
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title,
|
|
5221
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
|
|
5222
|
-
width: 100%;
|
|
5223
|
-
padding: 0; }
|
|
5224
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
|
|
5225
|
-
font-size: 14px;
|
|
5226
|
-
font-size: 1rem;
|
|
5227
|
-
line-height: 1.71429rem;
|
|
5228
|
-
margin-top: 0; }
|
|
5229
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title,
|
|
5230
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__description {
|
|
5231
|
-
text-align: center; }
|
|
5232
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
|
|
5233
|
-
font-size: 14px;
|
|
5234
|
-
font-size: 1rem;
|
|
5235
|
-
line-height: 1.71429rem; }
|
|
5236
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
|
|
5237
|
-
overflow-wrap: break-word !important;
|
|
5238
|
-
word-wrap: break-word !important;
|
|
5239
|
-
word-break: break-word;
|
|
5240
|
-
color: #DFE5EF;
|
|
5241
|
-
font-size: 16px;
|
|
5242
|
-
font-size: 1.14286rem;
|
|
5243
|
-
line-height: 1.71429rem;
|
|
5244
|
-
font-weight: 700; } }
|
|
5245
|
-
|
|
5246
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
5247
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn {
|
|
5248
|
-
display: block; }
|
|
5249
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title,
|
|
5250
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
|
|
5251
|
-
width: 100%;
|
|
5252
|
-
padding: 0; }
|
|
5253
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
|
|
5254
|
-
font-size: 14px;
|
|
5255
|
-
font-size: 1rem;
|
|
5256
|
-
line-height: 1.71429rem;
|
|
5257
|
-
margin-top: 0; }
|
|
5258
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title,
|
|
5259
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__description {
|
|
5260
|
-
text-align: center; }
|
|
5261
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
|
|
5262
|
-
font-size: 14px;
|
|
5263
|
-
font-size: 1rem;
|
|
5264
|
-
line-height: 1.71429rem; }
|
|
5265
|
-
.euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
|
|
5266
|
-
overflow-wrap: break-word !important;
|
|
5267
|
-
word-wrap: break-word !important;
|
|
5268
|
-
word-break: break-word;
|
|
5269
|
-
color: #DFE5EF;
|
|
5270
|
-
font-size: 16px;
|
|
5271
|
-
font-size: 1.14286rem;
|
|
5272
|
-
line-height: 1.71429rem;
|
|
5273
|
-
font-weight: 700; } }
|
|
5274
|
-
|
|
5275
|
-
.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title {
|
|
5276
|
-
font-size: 14px;
|
|
5277
|
-
font-size: 1rem;
|
|
5278
|
-
line-height: 1.71429rem;
|
|
5279
|
-
display: inline;
|
|
5280
|
-
border-radius: 4px;
|
|
5281
|
-
font-weight: 500;
|
|
5282
|
-
background-color: #343741;
|
|
5283
|
-
padding: 1px 4px;
|
|
5284
|
-
margin: 0 4px; }
|
|
5285
|
-
.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title:first-of-type {
|
|
5286
|
-
margin-left: 0; }
|
|
5287
|
-
|
|
5288
|
-
.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__description {
|
|
5289
|
-
font-size: 14px;
|
|
5290
|
-
font-size: 1rem;
|
|
5291
|
-
line-height: 1.71429rem;
|
|
5292
|
-
display: inline; }
|
|
5293
|
-
|
|
5294
|
-
.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
|
|
5295
|
-
font-size: 12px;
|
|
5296
|
-
font-size: 0.85714rem;
|
|
5297
|
-
line-height: 1.14286rem;
|
|
5298
|
-
padding: 0 4px; }
|
|
5299
|
-
|
|
5300
|
-
.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__description {
|
|
5301
|
-
font-size: 12px;
|
|
5302
|
-
font-size: 0.85714rem;
|
|
5303
|
-
line-height: 1.14286rem; }
|
|
5304
|
-
|
|
5305
|
-
.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--center {
|
|
5306
|
-
text-align: center; }
|
|
5307
|
-
|
|
5308
4988
|
.euiDraggable.euiDraggable--isDragging {
|
|
5309
4989
|
z-index: 9000 !important; }
|
|
5310
4990
|
|
|
@@ -9273,21 +8953,6 @@ SOFTWARE.
|
|
|
9273
8953
|
line-height: 1.14286rem;
|
|
9274
8954
|
color: #98A2B3; }
|
|
9275
8955
|
|
|
9276
|
-
.euiHeaderBreadcrumbs {
|
|
9277
|
-
max-width: 100%;
|
|
9278
|
-
overflow: hidden !important;
|
|
9279
|
-
text-overflow: ellipsis !important;
|
|
9280
|
-
white-space: nowrap !important;
|
|
9281
|
-
word-wrap: normal !important;
|
|
9282
|
-
margin-left: 12px;
|
|
9283
|
-
margin-right: 12px;
|
|
9284
|
-
display: -webkit-flex;
|
|
9285
|
-
display: flex;
|
|
9286
|
-
-webkit-align-items: center;
|
|
9287
|
-
align-items: center;
|
|
9288
|
-
-webkit-flex-grow: 1;
|
|
9289
|
-
flex-grow: 1; }
|
|
9290
|
-
|
|
9291
8956
|
.euiHeaderSection {
|
|
9292
8957
|
display: -webkit-flex;
|
|
9293
8958
|
display: flex;
|
|
@@ -10498,134 +10163,6 @@ SOFTWARE.
|
|
|
10498
10163
|
-webkit-flex-direction: column;
|
|
10499
10164
|
flex-direction: column; }
|
|
10500
10165
|
|
|
10501
|
-
.euiPage {
|
|
10502
|
-
display: -webkit-flex;
|
|
10503
|
-
display: flex;
|
|
10504
|
-
background-color: #141519;
|
|
10505
|
-
-webkit-flex-shrink: 0;
|
|
10506
|
-
flex-shrink: 0;
|
|
10507
|
-
max-width: 100%; }
|
|
10508
|
-
.euiPage--restrictWidth-default, .euiPage--restrictWidth-custom {
|
|
10509
|
-
margin-left: auto;
|
|
10510
|
-
margin-right: auto;
|
|
10511
|
-
width: 100%; }
|
|
10512
|
-
.euiPage--restrictWidth-default {
|
|
10513
|
-
max-width: 1200px; }
|
|
10514
|
-
.euiPage--grow {
|
|
10515
|
-
-webkit-flex-grow: 1;
|
|
10516
|
-
flex-grow: 1; }
|
|
10517
|
-
.euiPage--column {
|
|
10518
|
-
-webkit-flex-direction: column;
|
|
10519
|
-
flex-direction: column; }
|
|
10520
|
-
@media only screen and (max-width: 574px) {
|
|
10521
|
-
.euiPage {
|
|
10522
|
-
-webkit-flex-direction: column;
|
|
10523
|
-
flex-direction: column; } }
|
|
10524
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
10525
|
-
.euiPage {
|
|
10526
|
-
-webkit-flex-direction: column;
|
|
10527
|
-
flex-direction: column; } }
|
|
10528
|
-
|
|
10529
|
-
.euiPage--paddingSmall {
|
|
10530
|
-
padding: 8px; }
|
|
10531
|
-
.euiPage--paddingSmall .euiPageSideBar {
|
|
10532
|
-
min-width: 192px;
|
|
10533
|
-
margin-right: 8px; }
|
|
10534
|
-
@media only screen and (max-width: 574px) {
|
|
10535
|
-
.euiPage--paddingSmall .euiPageSideBar {
|
|
10536
|
-
margin-right: 0;
|
|
10537
|
-
margin-bottom: 8px; } }
|
|
10538
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
10539
|
-
.euiPage--paddingSmall .euiPageSideBar {
|
|
10540
|
-
margin-right: 0;
|
|
10541
|
-
margin-bottom: 8px; } }
|
|
10542
|
-
.euiPage--paddingSmall .euiPageBody > .euiPageHeader {
|
|
10543
|
-
margin-bottom: 8px; }
|
|
10544
|
-
|
|
10545
|
-
.euiPage--paddingMedium {
|
|
10546
|
-
padding: 16px; }
|
|
10547
|
-
.euiPage--paddingMedium .euiPageSideBar {
|
|
10548
|
-
min-width: 192px;
|
|
10549
|
-
margin-right: 16px; }
|
|
10550
|
-
@media only screen and (max-width: 574px) {
|
|
10551
|
-
.euiPage--paddingMedium .euiPageSideBar {
|
|
10552
|
-
margin-right: 0;
|
|
10553
|
-
margin-bottom: 16px; } }
|
|
10554
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
10555
|
-
.euiPage--paddingMedium .euiPageSideBar {
|
|
10556
|
-
margin-right: 0;
|
|
10557
|
-
margin-bottom: 16px; } }
|
|
10558
|
-
.euiPage--paddingMedium .euiPageBody > .euiPageHeader {
|
|
10559
|
-
margin-bottom: 16px; }
|
|
10560
|
-
|
|
10561
|
-
.euiPage--paddingLarge {
|
|
10562
|
-
padding: 24px; }
|
|
10563
|
-
.euiPage--paddingLarge .euiPageSideBar {
|
|
10564
|
-
min-width: 192px;
|
|
10565
|
-
margin-right: 24px; }
|
|
10566
|
-
@media only screen and (max-width: 574px) {
|
|
10567
|
-
.euiPage--paddingLarge .euiPageSideBar {
|
|
10568
|
-
margin-right: 0;
|
|
10569
|
-
margin-bottom: 24px; } }
|
|
10570
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
10571
|
-
.euiPage--paddingLarge .euiPageSideBar {
|
|
10572
|
-
margin-right: 0;
|
|
10573
|
-
margin-bottom: 24px; } }
|
|
10574
|
-
.euiPage--paddingLarge .euiPageBody > .euiPageHeader {
|
|
10575
|
-
margin-bottom: 24px; }
|
|
10576
|
-
|
|
10577
|
-
.euiPageBody {
|
|
10578
|
-
display: -webkit-flex;
|
|
10579
|
-
display: flex;
|
|
10580
|
-
-webkit-flex-direction: column;
|
|
10581
|
-
flex-direction: column;
|
|
10582
|
-
-webkit-align-items: stretch;
|
|
10583
|
-
align-items: stretch;
|
|
10584
|
-
-webkit-flex: 1 1 100%;
|
|
10585
|
-
flex: 1 1 100%;
|
|
10586
|
-
max-width: 100%;
|
|
10587
|
-
min-width: 0; }
|
|
10588
|
-
.euiPageBody--restrictWidth-default, .euiPageBody--restrictWidth-custom {
|
|
10589
|
-
margin-left: auto;
|
|
10590
|
-
margin-right: auto;
|
|
10591
|
-
width: 100%; }
|
|
10592
|
-
.euiPageBody--restrictWidth-default {
|
|
10593
|
-
max-width: 1200px; }
|
|
10594
|
-
.euiPageBody.euiPageBody--borderRadiusNone {
|
|
10595
|
-
border-top-width: 0;
|
|
10596
|
-
border-right-width: 0;
|
|
10597
|
-
border-bottom-width: 0; }
|
|
10598
|
-
|
|
10599
|
-
.euiPageBody--paddingSmall {
|
|
10600
|
-
padding: 8px; }
|
|
10601
|
-
.euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']) {
|
|
10602
|
-
margin-bottom: 8px;
|
|
10603
|
-
border-bottom: 1px solid #343741; }
|
|
10604
|
-
.euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
|
|
10605
|
-
padding-bottom: 8px; }
|
|
10606
|
-
.euiPageBody--paddingSmall > .euiPageHeader.euiPageHeader--onlyTabs {
|
|
10607
|
-
padding-top: 0; }
|
|
10608
|
-
|
|
10609
|
-
.euiPageBody--paddingMedium {
|
|
10610
|
-
padding: 16px; }
|
|
10611
|
-
.euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']) {
|
|
10612
|
-
margin-bottom: 16px;
|
|
10613
|
-
border-bottom: 1px solid #343741; }
|
|
10614
|
-
.euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
|
|
10615
|
-
padding-bottom: 16px; }
|
|
10616
|
-
.euiPageBody--paddingMedium > .euiPageHeader.euiPageHeader--onlyTabs {
|
|
10617
|
-
padding-top: 0; }
|
|
10618
|
-
|
|
10619
|
-
.euiPageBody--paddingLarge {
|
|
10620
|
-
padding: 24px; }
|
|
10621
|
-
.euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']) {
|
|
10622
|
-
margin-bottom: 24px;
|
|
10623
|
-
border-bottom: 1px solid #343741; }
|
|
10624
|
-
.euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
|
|
10625
|
-
padding-bottom: 24px; }
|
|
10626
|
-
.euiPageBody--paddingLarge > .euiPageHeader.euiPageHeader--onlyTabs {
|
|
10627
|
-
padding-top: 0; }
|
|
10628
|
-
|
|
10629
10166
|
.euiPageContent {
|
|
10630
10167
|
width: 100%;
|
|
10631
10168
|
min-width: 0; }
|
|
@@ -10813,154 +10350,6 @@ SOFTWARE.
|
|
|
10813
10350
|
.euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
|
|
10814
10351
|
background-color: transparent; } }
|
|
10815
10352
|
|
|
10816
|
-
/**
|
|
10817
|
-
* Note: Bottom margin is added in _page.scss when EuiPage has `paddingSize`
|
|
10818
|
-
* Or it's added in _page_body.scss when EuiPageBody has `paddingSize`
|
|
10819
|
-
*/
|
|
10820
|
-
.euiPageHeader {
|
|
10821
|
-
width: 100%;
|
|
10822
|
-
display: -webkit-flex;
|
|
10823
|
-
display: flex;
|
|
10824
|
-
-webkit-flex-direction: row;
|
|
10825
|
-
flex-direction: row;
|
|
10826
|
-
-webkit-justify-content: space-between;
|
|
10827
|
-
justify-content: space-between;
|
|
10828
|
-
-webkit-align-items: center;
|
|
10829
|
-
align-items: center;
|
|
10830
|
-
-webkit-flex-shrink: 0;
|
|
10831
|
-
flex-shrink: 0; }
|
|
10832
|
-
.euiPageHeader--restrictWidth-default, .euiPageHeader--restrictWidth-custom {
|
|
10833
|
-
margin-left: auto;
|
|
10834
|
-
margin-right: auto;
|
|
10835
|
-
width: 100%; }
|
|
10836
|
-
.euiPageHeader--restrictWidth-default {
|
|
10837
|
-
max-width: 1200px; }
|
|
10838
|
-
|
|
10839
|
-
.euiPageHeader--bottomBorder {
|
|
10840
|
-
border-bottom: 1px solid #343741; }
|
|
10841
|
-
.euiPageHeader--bottomBorder:not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
|
|
10842
|
-
padding-bottom: 24px; }
|
|
10843
|
-
|
|
10844
|
-
.euiPageHeader--onlyTabs {
|
|
10845
|
-
padding-top: 8px; }
|
|
10846
|
-
.euiPageHeader--onlyTabs .euiTabs--xlarge .euiTab {
|
|
10847
|
-
line-height: 72px;
|
|
10848
|
-
height: 72px; }
|
|
10849
|
-
|
|
10850
|
-
.euiPageHeader--paddingSmall {
|
|
10851
|
-
padding: 8px; }
|
|
10852
|
-
.euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
|
|
10853
|
-
padding-bottom: 0; }
|
|
10854
|
-
.euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
|
|
10855
|
-
padding-top: 8px; }
|
|
10856
|
-
.euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
|
|
10857
|
-
margin-bottom: 8px; }
|
|
10858
|
-
|
|
10859
|
-
.euiPageHeader--paddingMedium {
|
|
10860
|
-
padding: 16px; }
|
|
10861
|
-
.euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
|
|
10862
|
-
padding-bottom: 0; }
|
|
10863
|
-
.euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
|
|
10864
|
-
padding-top: 8px; }
|
|
10865
|
-
.euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
|
|
10866
|
-
margin-bottom: 16px; }
|
|
10867
|
-
|
|
10868
|
-
.euiPageHeader--paddingLarge {
|
|
10869
|
-
padding: 24px; }
|
|
10870
|
-
.euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
|
|
10871
|
-
padding-bottom: 0; }
|
|
10872
|
-
.euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
|
|
10873
|
-
padding-top: 8px; }
|
|
10874
|
-
.euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
|
|
10875
|
-
margin-bottom: 24px; }
|
|
10876
|
-
|
|
10877
|
-
.euiPageHeader--top {
|
|
10878
|
-
-webkit-align-items: flex-start;
|
|
10879
|
-
align-items: flex-start; }
|
|
10880
|
-
|
|
10881
|
-
.euiPageHeader--bottom {
|
|
10882
|
-
-webkit-align-items: flex-end;
|
|
10883
|
-
align-items: flex-end; }
|
|
10884
|
-
|
|
10885
|
-
.euiPageHeader--stretch {
|
|
10886
|
-
-webkit-align-items: stretch;
|
|
10887
|
-
align-items: stretch; }
|
|
10888
|
-
|
|
10889
|
-
@media only screen and (max-width: 574px) {
|
|
10890
|
-
.euiPageHeader--responsive {
|
|
10891
|
-
-webkit-flex-direction: column;
|
|
10892
|
-
flex-direction: column; }
|
|
10893
|
-
.euiPageHeader--responsiveReverse {
|
|
10894
|
-
-webkit-flex-direction: column-reverse;
|
|
10895
|
-
flex-direction: column-reverse; } }
|
|
10896
|
-
|
|
10897
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
10898
|
-
.euiPageHeader--responsive {
|
|
10899
|
-
-webkit-flex-direction: column;
|
|
10900
|
-
flex-direction: column; }
|
|
10901
|
-
.euiPageHeader--responsiveReverse {
|
|
10902
|
-
-webkit-flex-direction: column-reverse;
|
|
10903
|
-
flex-direction: column-reverse; } }
|
|
10904
|
-
|
|
10905
|
-
.euiPageHeader .euiPageHeaderContent {
|
|
10906
|
-
width: 100%; }
|
|
10907
|
-
|
|
10908
|
-
.euiPageHeaderContent__titleIcon {
|
|
10909
|
-
top: -4px;
|
|
10910
|
-
position: relative;
|
|
10911
|
-
margin-right: 16px; }
|
|
10912
|
-
|
|
10913
|
-
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
|
10914
|
-
.euiPageHeaderContent__rightSideItems {
|
|
10915
|
-
-webkit-flex-direction: row-reverse;
|
|
10916
|
-
flex-direction: row-reverse; } }
|
|
10917
|
-
|
|
10918
|
-
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
|
10919
|
-
.euiPageHeaderContent__rightSideItems {
|
|
10920
|
-
-webkit-flex-direction: row-reverse;
|
|
10921
|
-
flex-direction: row-reverse; } }
|
|
10922
|
-
|
|
10923
|
-
@media only screen and (min-width: 1200px) {
|
|
10924
|
-
.euiPageHeaderContent__rightSideItems {
|
|
10925
|
-
-webkit-flex-direction: row-reverse;
|
|
10926
|
-
flex-direction: row-reverse; } }
|
|
10927
|
-
|
|
10928
|
-
.euiPageHeaderSection:not(:first-of-type) {
|
|
10929
|
-
margin-left: 32px; }
|
|
10930
|
-
|
|
10931
|
-
@media only screen and (max-width: 574px) {
|
|
10932
|
-
.euiPageHeader--responsive .euiPageHeaderSection {
|
|
10933
|
-
width: 100%; }
|
|
10934
|
-
.euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
|
|
10935
|
-
margin-left: 0;
|
|
10936
|
-
margin-top: 16px; }
|
|
10937
|
-
.euiPageHeader--responsiveReverse .euiPageHeaderSection {
|
|
10938
|
-
width: 100%; }
|
|
10939
|
-
.euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
|
|
10940
|
-
margin-left: 0; }
|
|
10941
|
-
.euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
|
|
10942
|
-
margin-top: 16px; } }
|
|
10943
|
-
|
|
10944
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
10945
|
-
.euiPageHeader--responsive .euiPageHeaderSection {
|
|
10946
|
-
width: 100%; }
|
|
10947
|
-
.euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
|
|
10948
|
-
margin-left: 0;
|
|
10949
|
-
margin-top: 16px; }
|
|
10950
|
-
.euiPageHeader--responsiveReverse .euiPageHeaderSection {
|
|
10951
|
-
width: 100%; }
|
|
10952
|
-
.euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
|
|
10953
|
-
margin-left: 0; }
|
|
10954
|
-
.euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
|
|
10955
|
-
margin-top: 16px; } }
|
|
10956
|
-
|
|
10957
|
-
/**
|
|
10958
|
-
* 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
|
|
10959
|
-
*/
|
|
10960
|
-
.euiBody-hasPortalContent {
|
|
10961
|
-
position: relative;
|
|
10962
|
-
/* 1 */ }
|
|
10963
|
-
|
|
10964
10353
|
.euiTreeView__wrapper .euiTreeView {
|
|
10965
10354
|
margin: 0;
|
|
10966
10355
|
list-style-type: none; }
|
|
@@ -13091,7 +12480,9 @@ button.euiSuggestItem {
|
|
|
13091
12480
|
.euiTabs--large .euiTab {
|
|
13092
12481
|
padding: 12px 16px; }
|
|
13093
12482
|
.euiTabs--xlarge .euiTab {
|
|
13094
|
-
padding: 8px 24px;
|
|
12483
|
+
padding: 8px 24px;
|
|
12484
|
+
line-height: 72px;
|
|
12485
|
+
height: 72px; }
|
|
13095
12486
|
.euiTabs--xlarge .euiTab .euiTab__content {
|
|
13096
12487
|
font-size: 22px;
|
|
13097
12488
|
font-size: 1.57143rem;
|
|
@@ -13110,364 +12501,6 @@ button.euiSuggestItem {
|
|
|
13110
12501
|
.euiTab__append {
|
|
13111
12502
|
margin-left: 8px; }
|
|
13112
12503
|
|
|
13113
|
-
/**
|
|
13114
|
-
* 1. Allow list to expand as items are added, but cap it at the screen height.
|
|
13115
|
-
* 2. Allow some padding for shadow
|
|
13116
|
-
*/
|
|
13117
|
-
.euiGlobalToastList {
|
|
13118
|
-
scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
|
|
13119
|
-
scrollbar-width: thin;
|
|
13120
|
-
display: -webkit-flex;
|
|
13121
|
-
display: flex;
|
|
13122
|
-
-webkit-flex-direction: column;
|
|
13123
|
-
flex-direction: column;
|
|
13124
|
-
-webkit-align-items: stretch;
|
|
13125
|
-
align-items: stretch;
|
|
13126
|
-
position: fixed;
|
|
13127
|
-
z-index: 9000;
|
|
13128
|
-
bottom: 0;
|
|
13129
|
-
width: 400px;
|
|
13130
|
-
/* 2 */
|
|
13131
|
-
max-height: 100vh;
|
|
13132
|
-
/* 1 */
|
|
13133
|
-
overflow-y: auto;
|
|
13134
|
-
scrollbar-width: none; }
|
|
13135
|
-
.euiGlobalToastList::-webkit-scrollbar {
|
|
13136
|
-
width: 16px;
|
|
13137
|
-
height: 16px; }
|
|
13138
|
-
.euiGlobalToastList::-webkit-scrollbar-thumb {
|
|
13139
|
-
background-color: rgba(152, 162, 179, 0.5);
|
|
13140
|
-
background-clip: content-box;
|
|
13141
|
-
border-radius: 16px;
|
|
13142
|
-
border: 6px solid transparent; }
|
|
13143
|
-
.euiGlobalToastList::-webkit-scrollbar-corner, .euiGlobalToastList::-webkit-scrollbar-track {
|
|
13144
|
-
background-color: transparent; }
|
|
13145
|
-
.euiGlobalToastList::-webkit-scrollbar {
|
|
13146
|
-
width: 0;
|
|
13147
|
-
height: 0; }
|
|
13148
|
-
.euiGlobalToastList:not(:empty) {
|
|
13149
|
-
padding: 16px; }
|
|
13150
|
-
|
|
13151
|
-
.euiGlobalToastList--right:not(:empty) {
|
|
13152
|
-
right: 0;
|
|
13153
|
-
padding-left: 64px;
|
|
13154
|
-
/* 2 */ }
|
|
13155
|
-
|
|
13156
|
-
.euiGlobalToastList--left:not(:empty) {
|
|
13157
|
-
left: 0;
|
|
13158
|
-
padding-right: 64px;
|
|
13159
|
-
/* 2 */ }
|
|
13160
|
-
|
|
13161
|
-
.euiGlobalToastListItem {
|
|
13162
|
-
margin-bottom: 16px;
|
|
13163
|
-
-webkit-animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
13164
|
-
animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
|
|
13165
|
-
opacity: 1;
|
|
13166
|
-
/**
|
|
13167
|
-
* 1. justify-content: flex-end interferes with overflowing content, so we'll use this to push
|
|
13168
|
-
* items to the bottom instead.
|
|
13169
|
-
*/ }
|
|
13170
|
-
.euiGlobalToastListItem:first-child {
|
|
13171
|
-
margin-top: auto;
|
|
13172
|
-
/* 1 */ }
|
|
13173
|
-
.euiGlobalToastListItem:last-child {
|
|
13174
|
-
margin-bottom: 0; }
|
|
13175
|
-
.euiGlobalToastListItem.euiGlobalToastListItem-isDismissed {
|
|
13176
|
-
transition: opacity 250ms;
|
|
13177
|
-
opacity: 0; }
|
|
13178
|
-
|
|
13179
|
-
@-webkit-keyframes euiShowToast {
|
|
13180
|
-
from {
|
|
13181
|
-
-webkit-transform: translateY(24px) scale(0.9);
|
|
13182
|
-
transform: translateY(24px) scale(0.9);
|
|
13183
|
-
opacity: 0; }
|
|
13184
|
-
to {
|
|
13185
|
-
-webkit-transform: translateY(0) scale(1);
|
|
13186
|
-
transform: translateY(0) scale(1);
|
|
13187
|
-
opacity: 1; } }
|
|
13188
|
-
|
|
13189
|
-
@keyframes euiShowToast {
|
|
13190
|
-
from {
|
|
13191
|
-
-webkit-transform: translateY(24px) scale(0.9);
|
|
13192
|
-
transform: translateY(24px) scale(0.9);
|
|
13193
|
-
opacity: 0; }
|
|
13194
|
-
to {
|
|
13195
|
-
-webkit-transform: translateY(0) scale(1);
|
|
13196
|
-
transform: translateY(0) scale(1);
|
|
13197
|
-
opacity: 1; } }
|
|
13198
|
-
|
|
13199
|
-
@media only screen and (max-width: 574px) {
|
|
13200
|
-
/**
|
|
13201
|
-
* 1. Mobile we make these 100%. Matching change happens on the item as well.
|
|
13202
|
-
*/
|
|
13203
|
-
.euiGlobalToastList:not(:empty) {
|
|
13204
|
-
left: 0;
|
|
13205
|
-
padding-left: 16px;
|
|
13206
|
-
padding-right: 16px;
|
|
13207
|
-
width: 100%;
|
|
13208
|
-
/* 1 */ } }
|
|
13209
|
-
|
|
13210
|
-
@media only screen and (min-width: 575px) and (max-width: 767px) {
|
|
13211
|
-
/**
|
|
13212
|
-
* 1. Mobile we make these 100%. Matching change happens on the item as well.
|
|
13213
|
-
*/
|
|
13214
|
-
.euiGlobalToastList:not(:empty) {
|
|
13215
|
-
left: 0;
|
|
13216
|
-
padding-left: 16px;
|
|
13217
|
-
padding-right: 16px;
|
|
13218
|
-
width: 100%;
|
|
13219
|
-
/* 1 */ } }
|
|
13220
|
-
|
|
13221
|
-
.euiToast {
|
|
13222
|
-
border: 1px solid #343741;
|
|
13223
|
-
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);
|
|
13224
|
-
position: relative;
|
|
13225
|
-
padding: 16px;
|
|
13226
|
-
background-color: #1D1E24;
|
|
13227
|
-
width: 100%; }
|
|
13228
|
-
.euiToast:hover .euiToast__closeButton,
|
|
13229
|
-
.euiToast:focus .euiToast__closeButton {
|
|
13230
|
-
opacity: 1; }
|
|
13231
|
-
|
|
13232
|
-
/**
|
|
13233
|
-
* 1. Fit button to icon.
|
|
13234
|
-
*/
|
|
13235
|
-
.euiToast__closeButton {
|
|
13236
|
-
position: absolute;
|
|
13237
|
-
top: 16px;
|
|
13238
|
-
right: 16px;
|
|
13239
|
-
line-height: 0;
|
|
13240
|
-
/* 1 */
|
|
13241
|
-
-webkit-appearance: none;
|
|
13242
|
-
-moz-appearance: none;
|
|
13243
|
-
appearance: none;
|
|
13244
|
-
opacity: 0;
|
|
13245
|
-
transition: opacity 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
|
|
13246
|
-
.euiToast__closeButton svg {
|
|
13247
|
-
fill: #434548; }
|
|
13248
|
-
.euiToast__closeButton:hover svg {
|
|
13249
|
-
fill: #DFE5EF; }
|
|
13250
|
-
.euiToast__closeButton:focus {
|
|
13251
|
-
background-color: rgba(54, 162, 239, 0.2);
|
|
13252
|
-
opacity: 1; }
|
|
13253
|
-
.euiToast__closeButton:focus svg {
|
|
13254
|
-
fill: #36A2EF; }
|
|
13255
|
-
|
|
13256
|
-
.euiToast--primary {
|
|
13257
|
-
border-top: 2px solid #36A2EF; }
|
|
13258
|
-
|
|
13259
|
-
.euiToast--success {
|
|
13260
|
-
border-top: 2px solid #7DDED8; }
|
|
13261
|
-
|
|
13262
|
-
.euiToast--warning {
|
|
13263
|
-
border-top: 2px solid #F3D371; }
|
|
13264
|
-
|
|
13265
|
-
.euiToast--danger {
|
|
13266
|
-
border-top: 2px solid #F86B63; }
|
|
13267
|
-
|
|
13268
|
-
/**
|
|
13269
|
-
* 1. Align icon with first line of title text if it wraps.
|
|
13270
|
-
* 2. Apply margin to all but last item in the flex.
|
|
13271
|
-
* 3. Account for close button.
|
|
13272
|
-
*/
|
|
13273
|
-
.euiToastHeader {
|
|
13274
|
-
padding-right: 24px;
|
|
13275
|
-
/* 3 */
|
|
13276
|
-
display: -webkit-flex;
|
|
13277
|
-
display: flex;
|
|
13278
|
-
-webkit-align-items: baseline;
|
|
13279
|
-
align-items: baseline;
|
|
13280
|
-
/* 1 */ }
|
|
13281
|
-
.euiToastHeader > * + * {
|
|
13282
|
-
margin-left: 8px;
|
|
13283
|
-
/* 2 */ }
|
|
13284
|
-
|
|
13285
|
-
/**
|
|
13286
|
-
* 1. Vertically center icon with first line of title.
|
|
13287
|
-
*/
|
|
13288
|
-
.euiToastHeader__icon {
|
|
13289
|
-
-webkit-flex: 0 0 auto;
|
|
13290
|
-
flex: 0 0 auto;
|
|
13291
|
-
fill: #DFE5EF;
|
|
13292
|
-
-webkit-transform: translateY(2px);
|
|
13293
|
-
transform: translateY(2px);
|
|
13294
|
-
/* 1 */ }
|
|
13295
|
-
|
|
13296
|
-
.euiToastHeader__title {
|
|
13297
|
-
overflow-wrap: break-word !important;
|
|
13298
|
-
word-wrap: break-word !important;
|
|
13299
|
-
word-break: break-word;
|
|
13300
|
-
color: #DFE5EF;
|
|
13301
|
-
font-size: 16px;
|
|
13302
|
-
font-size: 1.14286rem;
|
|
13303
|
-
line-height: 1.71429rem;
|
|
13304
|
-
font-weight: 700;
|
|
13305
|
-
font-weight: 300; }
|
|
13306
|
-
|
|
13307
|
-
.euiToastHeader--withBody {
|
|
13308
|
-
margin-bottom: 8px; }
|
|
13309
|
-
|
|
13310
|
-
/**
|
|
13311
|
-
* 1. Prevent long lines from overflowing.
|
|
13312
|
-
*/
|
|
13313
|
-
.euiToastBody {
|
|
13314
|
-
word-wrap: break-word;
|
|
13315
|
-
/* 1 */ }
|
|
13316
|
-
|
|
13317
|
-
.euiToken {
|
|
13318
|
-
display: -webkit-inline-flex;
|
|
13319
|
-
display: inline-flex;
|
|
13320
|
-
-webkit-align-items: center;
|
|
13321
|
-
align-items: center;
|
|
13322
|
-
-webkit-justify-content: center;
|
|
13323
|
-
justify-content: center; }
|
|
13324
|
-
.euiToken svg {
|
|
13325
|
-
height: 100%;
|
|
13326
|
-
margin: auto; }
|
|
13327
|
-
|
|
13328
|
-
.euiToken--circle {
|
|
13329
|
-
border-radius: 50%; }
|
|
13330
|
-
|
|
13331
|
-
.euiToken--square {
|
|
13332
|
-
border-radius: 5px; }
|
|
13333
|
-
|
|
13334
|
-
.euiToken--xsmall {
|
|
13335
|
-
width: 12px;
|
|
13336
|
-
height: 12px; }
|
|
13337
|
-
.euiToken--xsmall.euiToken--rectangle {
|
|
13338
|
-
padding: 0 4px; }
|
|
13339
|
-
|
|
13340
|
-
.euiToken--small {
|
|
13341
|
-
width: 16px;
|
|
13342
|
-
height: 16px; }
|
|
13343
|
-
.euiToken--small.euiToken--rectangle {
|
|
13344
|
-
padding: 0 4px; }
|
|
13345
|
-
|
|
13346
|
-
.euiToken--medium {
|
|
13347
|
-
width: 24px;
|
|
13348
|
-
height: 24px; }
|
|
13349
|
-
.euiToken--medium.euiToken--rectangle {
|
|
13350
|
-
padding: 0 8px; }
|
|
13351
|
-
|
|
13352
|
-
.euiToken--large {
|
|
13353
|
-
width: 32px;
|
|
13354
|
-
height: 32px; }
|
|
13355
|
-
.euiToken--large.euiToken--rectangle {
|
|
13356
|
-
padding: 0 8px; }
|
|
13357
|
-
|
|
13358
|
-
.euiToken--rectangle {
|
|
13359
|
-
box-sizing: content-box; }
|
|
13360
|
-
|
|
13361
|
-
.euiToken--euiColorVis0 {
|
|
13362
|
-
color: #54B399; }
|
|
13363
|
-
.euiToken--euiColorVis0.euiToken--light {
|
|
13364
|
-
color: #54B399;
|
|
13365
|
-
background-color: #19362e;
|
|
13366
|
-
box-shadow: inset 0 0 0 1px #22483d; }
|
|
13367
|
-
.euiToken--euiColorVis0.euiToken--dark {
|
|
13368
|
-
background-color: #6DCCB1;
|
|
13369
|
-
color: #000; }
|
|
13370
|
-
|
|
13371
|
-
.euiToken--euiColorVis1 {
|
|
13372
|
-
color: #6092C0; }
|
|
13373
|
-
.euiToken--euiColorVis1.euiToken--light {
|
|
13374
|
-
color: #6897c3;
|
|
13375
|
-
background-color: #1d2c3a;
|
|
13376
|
-
box-shadow: inset 0 0 0 1px #263a4d; }
|
|
13377
|
-
.euiToken--euiColorVis1.euiToken--dark {
|
|
13378
|
-
background-color: #79AAD9;
|
|
13379
|
-
color: #000; }
|
|
13380
|
-
|
|
13381
|
-
.euiToken--euiColorVis2 {
|
|
13382
|
-
color: #D36086; }
|
|
13383
|
-
.euiToken--euiColorVis2.euiToken--light {
|
|
13384
|
-
color: #d77092;
|
|
13385
|
-
background-color: #3f1d28;
|
|
13386
|
-
box-shadow: inset 0 0 0 1px #542636; }
|
|
13387
|
-
.euiToken--euiColorVis2.euiToken--dark {
|
|
13388
|
-
background-color: #EE789D;
|
|
13389
|
-
color: #000; }
|
|
13390
|
-
|
|
13391
|
-
.euiToken--euiColorVis3 {
|
|
13392
|
-
color: #9170B8; }
|
|
13393
|
-
.euiToken--euiColorVis3.euiToken--light {
|
|
13394
|
-
color: #a184c2;
|
|
13395
|
-
background-color: #2c2237;
|
|
13396
|
-
box-shadow: inset 0 0 0 1px #3a2d4a; }
|
|
13397
|
-
.euiToken--euiColorVis3.euiToken--dark {
|
|
13398
|
-
background-color: #A987D1;
|
|
13399
|
-
color: #000; }
|
|
13400
|
-
|
|
13401
|
-
.euiToken--euiColorVis4 {
|
|
13402
|
-
color: #CA8EAE; }
|
|
13403
|
-
.euiToken--euiColorVis4.euiToken--light {
|
|
13404
|
-
color: #CA8EAE;
|
|
13405
|
-
background-color: #3d2b34;
|
|
13406
|
-
box-shadow: inset 0 0 0 1px #513946; }
|
|
13407
|
-
.euiToken--euiColorVis4.euiToken--dark {
|
|
13408
|
-
background-color: #E4A6C7;
|
|
13409
|
-
color: #000; }
|
|
13410
|
-
|
|
13411
|
-
.euiToken--euiColorVis5 {
|
|
13412
|
-
color: #D6BF57; }
|
|
13413
|
-
.euiToken--euiColorVis5.euiToken--light {
|
|
13414
|
-
color: #D6BF57;
|
|
13415
|
-
background-color: #40391a;
|
|
13416
|
-
box-shadow: inset 0 0 0 1px #564c23; }
|
|
13417
|
-
.euiToken--euiColorVis5.euiToken--dark {
|
|
13418
|
-
background-color: #F1D86F;
|
|
13419
|
-
color: #000; }
|
|
13420
|
-
|
|
13421
|
-
.euiToken--euiColorVis6 {
|
|
13422
|
-
color: #B9A888; }
|
|
13423
|
-
.euiToken--euiColorVis6.euiToken--light {
|
|
13424
|
-
color: #B9A888;
|
|
13425
|
-
background-color: #383229;
|
|
13426
|
-
box-shadow: inset 0 0 0 1px #4a4336; }
|
|
13427
|
-
.euiToken--euiColorVis6.euiToken--dark {
|
|
13428
|
-
background-color: #D2C0A0;
|
|
13429
|
-
color: #000; }
|
|
13430
|
-
|
|
13431
|
-
.euiToken--euiColorVis7 {
|
|
13432
|
-
color: #DA8B45; }
|
|
13433
|
-
.euiToken--euiColorVis7.euiToken--light {
|
|
13434
|
-
color: #DA8B45;
|
|
13435
|
-
background-color: #412a15;
|
|
13436
|
-
box-shadow: inset 0 0 0 1px #57381c; }
|
|
13437
|
-
.euiToken--euiColorVis7.euiToken--dark {
|
|
13438
|
-
background-color: #F5A35C;
|
|
13439
|
-
color: #000; }
|
|
13440
|
-
|
|
13441
|
-
.euiToken--euiColorVis8 {
|
|
13442
|
-
color: #AA6556; }
|
|
13443
|
-
.euiToken--euiColorVis8.euiToken--light {
|
|
13444
|
-
color: #b67b6e;
|
|
13445
|
-
background-color: #331e1a;
|
|
13446
|
-
box-shadow: inset 0 0 0 1px #442822; }
|
|
13447
|
-
.euiToken--euiColorVis8.euiToken--dark {
|
|
13448
|
-
background-color: #C47C6C;
|
|
13449
|
-
color: #000; }
|
|
13450
|
-
|
|
13451
|
-
.euiToken--euiColorVis9 {
|
|
13452
|
-
color: #E7664C; }
|
|
13453
|
-
.euiToken--euiColorVis9.euiToken--light {
|
|
13454
|
-
color: #e86e55;
|
|
13455
|
-
background-color: #451f17;
|
|
13456
|
-
box-shadow: inset 0 0 0 1px #5c291e; }
|
|
13457
|
-
.euiToken--euiColorVis9.euiToken--dark {
|
|
13458
|
-
background-color: #FF7E62;
|
|
13459
|
-
color: #000; }
|
|
13460
|
-
|
|
13461
|
-
.euiToken--gray {
|
|
13462
|
-
color: #535966; }
|
|
13463
|
-
.euiToken--gray.euiToken--light {
|
|
13464
|
-
color: #81858f;
|
|
13465
|
-
background-color: #191b1f;
|
|
13466
|
-
box-shadow: inset 0 0 0 1px #212429; }
|
|
13467
|
-
.euiToken--gray.euiToken--dark {
|
|
13468
|
-
background-color: #535966;
|
|
13469
|
-
color: #FFF; }
|
|
13470
|
-
|
|
13471
12504
|
/*
|
|
13472
12505
|
* 1. Shift arrow 1px more than half its size to account for border radius
|
|
13473
12506
|
*/
|
|
@@ -13659,14 +12692,6 @@ button.euiSuggestItem {
|
|
|
13659
12692
|
.euiTourStepIndicator {
|
|
13660
12693
|
display: inline-block; }
|
|
13661
12694
|
|
|
13662
|
-
.euiBreadcrumb__content.euiLink:focus {
|
|
13663
|
-
outline-offset: -1px; }
|
|
13664
|
-
|
|
13665
|
-
.euiBreadcrumb--last,
|
|
13666
|
-
.euiBreadcrumb__content,
|
|
13667
|
-
.euiBreadcrumbs__inPopover .euiBreadcrumb--last .euiBreadcrumb__content {
|
|
13668
|
-
font-weight: 500; }
|
|
13669
|
-
|
|
13670
12695
|
.euiButton,
|
|
13671
12696
|
.euiButtonIcon {
|
|
13672
12697
|
box-shadow: none !important; }
|
|
@@ -14278,58 +13303,6 @@ button.euiSuggestItem {
|
|
|
14278
13303
|
.euiSwitch .euiSwitch__button:focus .euiSwitch__track {
|
|
14279
13304
|
outline: none; }
|
|
14280
13305
|
|
|
14281
|
-
.euiHeaderBreadcrumbs {
|
|
14282
|
-
line-height: 16px;
|
|
14283
|
-
margin-left: 8px;
|
|
14284
|
-
margin-right: 8px; }
|
|
14285
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb__content {
|
|
14286
|
-
color: #DFE5EF;
|
|
14287
|
-
background-color: rgba(223, 229, 239, 0.2);
|
|
14288
|
-
font-size: 12px;
|
|
14289
|
-
line-height: 16px;
|
|
14290
|
-
font-weight: 500;
|
|
14291
|
-
padding: 4px 16px;
|
|
14292
|
-
-webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);
|
|
14293
|
-
clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%); }
|
|
14294
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb__content:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content:not([class*='isDisabled']):focus {
|
|
14295
|
-
background-color: rgba(223, 229, 239, 0.2); }
|
|
14296
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink {
|
|
14297
|
-
color: #36A2EF;
|
|
14298
|
-
background-color: rgba(54, 162, 239, 0.2); }
|
|
14299
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):focus {
|
|
14300
|
-
background-color: rgba(54, 162, 239, 0.2); }
|
|
14301
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus {
|
|
14302
|
-
outline: 2px solid currentColor;
|
|
14303
|
-
outline-offset: -2px; }
|
|
14304
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:focus-visible {
|
|
14305
|
-
outline-style: auto; }
|
|
14306
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:not(:focus-visible) {
|
|
14307
|
-
outline: none; }
|
|
14308
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:focus-visible {
|
|
14309
|
-
border-radius: 6px;
|
|
14310
|
-
-webkit-clip-path: none;
|
|
14311
|
-
clip-path: none; }
|
|
14312
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb::after {
|
|
14313
|
-
display: none; }
|
|
14314
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb:not(.euiBreadcrumb--last) {
|
|
14315
|
-
margin-right: -4px; }
|
|
14316
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb:first-child .euiBreadcrumb__content {
|
|
14317
|
-
padding-left: 12px;
|
|
14318
|
-
border-radius: 6px 0 0 6px;
|
|
14319
|
-
-webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
|
|
14320
|
-
clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%); }
|
|
14321
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb:only-child .euiBreadcrumb__content {
|
|
14322
|
-
-webkit-clip-path: none;
|
|
14323
|
-
clip-path: none;
|
|
14324
|
-
padding-left: 12px;
|
|
14325
|
-
padding-right: 12px;
|
|
14326
|
-
border-radius: 6px; }
|
|
14327
|
-
.euiHeaderBreadcrumbs .euiBreadcrumb--last .euiBreadcrumb__content {
|
|
14328
|
-
border-radius: 0 6px 6px 0;
|
|
14329
|
-
padding-right: 12px;
|
|
14330
|
-
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%);
|
|
14331
|
-
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%); }
|
|
14332
|
-
|
|
14333
13306
|
/*
|
|
14334
13307
|
* Creates the Amsterdam style of button with a transparent background
|
|
14335
13308
|
*/
|
|
@@ -14854,28 +13827,6 @@ button.euiSuggestItem {
|
|
|
14854
13827
|
.euiTabs--condensed.euiTabs .euiTab-isSelected:focus-visible {
|
|
14855
13828
|
box-shadow: none; }
|
|
14856
13829
|
|
|
14857
|
-
.euiToast {
|
|
14858
|
-
border: none;
|
|
14859
|
-
border-radius: 6px; }
|
|
14860
|
-
|
|
14861
|
-
.euiToast--primary {
|
|
14862
|
-
border-top: 2px solid #36A2EF; }
|
|
14863
|
-
|
|
14864
|
-
.euiToast--success {
|
|
14865
|
-
border-top: 2px solid #7DDED8; }
|
|
14866
|
-
|
|
14867
|
-
.euiToast--warning {
|
|
14868
|
-
border-top: 2px solid #F3D371; }
|
|
14869
|
-
|
|
14870
|
-
.euiToast--danger {
|
|
14871
|
-
border-top: 2px solid #F86B63; }
|
|
14872
|
-
|
|
14873
|
-
.euiToastHeader__title {
|
|
14874
|
-
font-weight: 700; }
|
|
14875
|
-
|
|
14876
|
-
.euiToken--square {
|
|
14877
|
-
border-radius: 3px; }
|
|
14878
|
-
|
|
14879
13830
|
.euiToolTip {
|
|
14880
13831
|
padding: 8px; }
|
|
14881
13832
|
.euiToolTip .euiHorizontalRule {
|