@elastic/eui 98.2.1-borealis.2 → 99.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_theme_amsterdam_dark.json.d.ts → eui_theme_dark.json.d.ts} +1 -1
- package/dist/{eui_theme_amsterdam_light.json.d.ts → eui_theme_light.json.d.ts} +1 -1
- package/es/components/avatar/avatar.js +5 -11
- package/es/components/badge/badge.js +1 -1
- package/es/components/badge/badge.styles.js +2 -1
- package/es/components/badge/beta_badge/beta_badge.js +1 -1
- package/es/components/badge/beta_badge/beta_badge.styles.js +1 -3
- package/es/components/badge/color_utils.js +8 -9
- package/es/components/basic_table/basic_table.js +1 -1
- package/es/components/basic_table/in_memory_table.js +1 -1
- package/es/components/beacon/beacon.styles.js +2 -2
- package/es/components/bottom_bar/bottom_bar.styles.js +2 -1
- package/es/components/breadcrumbs/_breadcrumb_content.js +0 -7
- package/es/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
- package/es/components/breadcrumbs/breadcrumbs.js +0 -7
- package/es/components/button/button.js +2 -2
- package/es/components/button/button_display/_button_display.js +1 -1
- package/es/components/button/button_display/_button_display.styles.js +1 -1
- package/es/components/button/button_display/_button_display_content.js +1 -1
- package/es/components/button/button_empty/button_empty.js +2 -2
- package/es/components/button/button_group/button_group.js +1 -1
- package/es/components/button/button_group/button_group_button.js +2 -2
- package/es/components/button/button_group/button_group_button.styles.js +6 -6
- package/es/components/button/button_icon/button_icon.js +2 -2
- package/es/components/call_out/call_out.js +1 -1
- package/es/components/card/card.js +3 -3
- package/es/components/card/card.styles.js +3 -6
- package/es/components/card/card_select/card_select.js +1 -1
- package/es/components/code/code_block_annotations.js +1 -1
- package/es/components/code/code_block_line.styles.js +2 -1
- package/es/components/code/code_syntax.styles.js +27 -23
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
- package/es/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
- package/es/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
- package/es/components/color_picker/color_picker.js +3 -9
- package/es/components/color_picker/color_picker.styles.js +2 -1
- package/es/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/es/components/comment_list/comment.js +3 -3
- package/es/components/comment_list/comment_event.js +5 -6
- package/es/components/comment_list/comment_list.js +3 -3
- package/es/components/comment_list/comment_timeline.js +1 -1
- package/es/components/common.js +28 -0
- package/es/components/context_menu/context_menu_item.js +1 -1
- package/es/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/es/components/datagrid/body/data_grid_body.js +7 -7
- package/es/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/es/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/es/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/es/components/datagrid/controls/column_sorting.js +7 -7
- package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/es/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
- package/es/components/datagrid/data_grid.stories.utils.js +7 -7
- package/es/components/datagrid/data_grid.styles.js +7 -6
- package/es/components/datagrid/utils/in_memory.js +6 -6
- package/es/components/date_picker/date_picker.js +2 -2
- package/es/components/date_picker/date_picker_range.js +1 -1
- package/es/components/date_picker/react_date_picker.styles.js +1 -2
- package/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
- package/es/components/drag_and_drop/droppable.styles.js +4 -2
- package/es/components/empty_prompt/empty_prompt.js +2 -2
- package/es/components/empty_prompt/empty_prompt.styles.js +2 -6
- package/es/components/facet/facet_button.js +1 -1
- package/es/components/filter_group/filter_select_item.styles.js +2 -1
- package/es/components/flyout/_flyout_close_button.styles.js +2 -1
- package/es/components/flyout/flyout.js +1 -1
- package/es/components/flyout/flyout.styles.js +2 -7
- package/es/components/flyout/flyout_footer.styles.js +1 -1
- package/es/components/form/field_number/field_number.js +2 -2
- package/es/components/form/field_text/field_text.js +2 -2
- package/es/components/form/form.styles.js +32 -28
- package/es/components/form/form_control_layout/form_control_layout.js +2 -2
- package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/es/components/form/range/range_tooltip.styles.js +13 -11
- package/es/components/form/switch/switch.js +7 -3
- package/es/components/form/switch/switch.styles.js +19 -16
- package/es/components/form/text_area/text_area.js +2 -2
- package/es/components/header/header.styles.js +7 -6
- package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +0 -7
- package/es/components/header/header_links/header_link.js +1 -1
- package/es/components/header/header_links/header_links.js +1 -8
- package/es/components/header/header_logo/header_logo.js +1 -1
- package/es/components/header/header_section/header_section_item_button.js +1 -1
- package/es/components/icon/assets/ml_create_generic_job.js +36 -0
- package/es/components/icon/assets/ml_create_geo_job.js +36 -0
- package/es/components/icon/assets/section.js +33 -0
- package/es/components/icon/icon.js +1 -1
- package/es/components/icon/icon.styles.js +8 -9
- package/es/components/icon/icon_map.js +3 -0
- package/es/components/icon/named_colors.js +1 -1
- package/es/components/inline_edit/inline_edit_form.styles.js +2 -1
- package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/es/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
- package/es/components/list_group/list_group.js +2 -2
- package/es/components/list_group/list_group_item.js +2 -2
- package/es/components/list_group/list_group_item.styles.js +11 -9
- package/es/components/list_group/list_group_item_extra_action.js +1 -1
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/es/components/loading/loading_chart.styles.js +5 -18
- package/es/components/loading/loading_logo.js +1 -1
- package/es/components/mark/mark.styles.js +9 -2
- package/es/components/markdown_editor/markdown_editor.js +1 -1
- package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
- package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/es/components/markdown_editor/markdown_format.styles.js +2 -2
- package/es/components/modal/modal.styles.js +1 -1
- package/es/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/es/components/page/page_header/page_header_content.js +1 -8
- package/es/components/page_template/inner/page_inner.styles.js +2 -2
- package/es/components/pagination/pagination.js +6 -2
- package/es/components/pagination/pagination_button.js +1 -1
- package/es/components/panel/panel.js +1 -1
- package/es/components/panel/panel.styles.js +1 -1
- package/es/components/panel/split_panel/split_panel.js +1 -1
- package/es/components/popover/popover.js +2 -11
- package/es/components/popover/popover_arrow/_popover_arrow.js +3 -8
- package/es/components/popover/popover_arrow/_popover_arrow.styles.js +13 -18
- package/es/components/popover/popover_footer.styles.js +1 -1
- package/es/components/popover/popover_panel/_popover_panel.js +3 -8
- package/es/components/popover/popover_panel/_popover_panel.styles.js +5 -19
- package/es/components/progress/progress.js +1 -1
- package/es/components/progress/progress.styles.js +28 -30
- package/es/components/resizable_container/resizable_panel.js +1 -1
- package/es/components/selectable/selectable_list/selectable_list.js +1 -1
- package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/es/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/es/components/side_nav/side_nav_item.styles.js +2 -1
- package/es/components/skeleton/utils.js +7 -5
- package/es/components/steps/step_number.styles.js +1 -1
- package/es/components/table/table_cells_shared.styles.js +7 -2
- package/es/components/table/table_row.styles.js +10 -8
- package/es/components/text/text.styles.js +2 -2
- package/es/components/text/text_color.js +1 -1
- package/es/components/text/text_color.styles.js +5 -6
- package/es/components/timeline/timeline_item_icon.js +1 -1
- package/es/components/toast/global_toast_list.js +1 -1
- package/es/components/toast/toast.js +1 -1
- package/es/components/toast/toast.styles.js +1 -1
- package/es/components/token/token.js +4 -10
- package/es/components/token/token.styles.js +5 -14
- package/es/components/token/token_map.js +1 -243
- package/es/components/tool_tip/icon_tip.js +1 -1
- package/es/components/tool_tip/tool_tip.styles.js +24 -12
- package/es/components/tour/_tour_footer.styles.js +4 -2
- package/es/components/tour/tour.styles.js +12 -8
- package/es/components/tour/tour_step.js +0 -7
- package/es/components/tree_view/tree_view_item.styles.js +2 -1
- package/es/global_styling/functions/math.js +49 -1
- package/es/global_styling/functions/size.js +17 -1
- package/es/global_styling/mixins/_color.js +31 -39
- package/es/global_styling/mixins/index.js +1 -2
- package/es/global_styling/reset/global_styles.js +2 -2
- package/es/global_styling/variables/_colors_vis.js +53 -1
- package/es/global_styling/variables/animations.js +22 -1
- package/es/global_styling/variables/breakpoint.js +7 -1
- package/es/global_styling/variables/levels.js +17 -1
- package/es/global_styling/variables/shadow.js +11 -1
- package/es/global_styling/variables/size.js +1 -1
- package/es/global_styling/variables/typography.js +32 -1
- package/es/services/color/eui_palettes.js +47 -116
- package/es/services/color/index.js +0 -1
- package/es/services/index.js +1 -1
- package/es/services/popover/index.js +1 -4
- package/es/services/popover/popover_positioning.js +17 -6
- package/es/services/theme/provider.js +2 -26
- package/es/services/theme/types.js +6 -1
- package/es/services/theme/utils.js +303 -1
- package/es/themes/amsterdam/global_styling/mixins/button.js +203 -1
- package/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/es/themes/amsterdam/global_styling/variables/_colors.js +19 -612
- package/es/themes/amsterdam/theme.js +1 -7
- package/es/themes/index.js +1 -1
- package/es/themes/themes.js +6 -9
- package/eui.d.ts +3073 -2604
- package/i18ntokens.json +19 -19
- package/lib/components/avatar/avatar.js +3 -9
- package/lib/components/badge/badge.js +1 -1
- package/lib/components/badge/badge.styles.js +2 -1
- package/lib/components/badge/beta_badge/beta_badge.js +1 -1
- package/lib/components/badge/beta_badge/beta_badge.styles.js +1 -3
- package/lib/components/badge/color_utils.js +13 -14
- package/lib/components/basic_table/basic_table.js +1 -1
- package/lib/components/basic_table/in_memory_table.js +1 -1
- package/lib/components/beacon/beacon.styles.js +2 -2
- package/lib/components/bottom_bar/bottom_bar.styles.js +2 -1
- package/lib/components/breadcrumbs/_breadcrumb_content.js +0 -7
- package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
- package/lib/components/button/button.js +2 -2
- package/lib/components/button/button_display/_button_display.js +1 -1
- package/lib/components/button/button_display/_button_display.styles.js +1 -1
- package/lib/components/button/button_display/_button_display_content.js +1 -1
- package/lib/components/button/button_empty/button_empty.js +2 -2
- package/lib/components/button/button_group/button_group.js +1 -1
- package/lib/components/button/button_group/button_group_button.js +2 -2
- package/lib/components/button/button_group/button_group_button.styles.js +5 -5
- package/lib/components/button/button_icon/button_icon.js +2 -2
- package/lib/components/call_out/call_out.js +1 -1
- package/lib/components/card/card.js +3 -3
- package/lib/components/card/card.styles.js +2 -5
- package/lib/components/card/card_select/card_select.js +1 -1
- package/lib/components/code/code_block_annotations.js +1 -1
- package/lib/components/code/code_block_line.styles.js +2 -1
- package/lib/components/code/code_syntax.styles.js +27 -23
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
- package/lib/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
- package/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
- package/lib/components/color_picker/color_picker.js +2 -8
- package/lib/components/color_picker/color_picker.styles.js +2 -1
- package/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/lib/components/comment_list/comment.js +3 -3
- package/lib/components/comment_list/comment_event.js +5 -6
- package/lib/components/comment_list/comment_list.js +3 -3
- package/lib/components/comment_list/comment_timeline.js +1 -1
- package/lib/components/common.js +28 -0
- package/lib/components/context_menu/context_menu_item.js +1 -1
- package/lib/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/lib/components/datagrid/body/data_grid_body.js +7 -7
- package/lib/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/lib/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/lib/components/datagrid/controls/column_sorting.js +7 -7
- package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/lib/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
- package/lib/components/datagrid/data_grid.stories.utils.js +7 -7
- package/lib/components/datagrid/data_grid.styles.js +7 -6
- package/lib/components/datagrid/utils/in_memory.js +6 -6
- package/lib/components/date_picker/date_picker.js +2 -2
- package/lib/components/date_picker/date_picker_range.js +1 -1
- package/lib/components/date_picker/react_date_picker.styles.js +2 -3
- package/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -2
- package/lib/components/drag_and_drop/droppable.styles.js +4 -2
- package/lib/components/empty_prompt/empty_prompt.js +2 -2
- package/lib/components/empty_prompt/empty_prompt.styles.js +1 -5
- package/lib/components/facet/facet_button.js +1 -1
- package/lib/components/filter_group/filter_select_item.styles.js +2 -1
- package/lib/components/flyout/_flyout_close_button.styles.js +2 -1
- package/lib/components/flyout/flyout.js +1 -1
- package/lib/components/flyout/flyout.styles.js +2 -7
- package/lib/components/flyout/flyout_footer.styles.js +1 -1
- package/lib/components/form/field_number/field_number.js +2 -2
- package/lib/components/form/field_text/field_text.js +2 -2
- package/lib/components/form/form.styles.js +31 -27
- package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
- package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/lib/components/form/range/range_tooltip.styles.js +13 -11
- package/lib/components/form/switch/switch.js +7 -3
- package/lib/components/form/switch/switch.styles.js +19 -16
- package/lib/components/form/text_area/text_area.js +2 -2
- package/lib/components/header/header.styles.js +6 -5
- package/lib/components/header/header_links/header_link.js +1 -1
- package/lib/components/header/header_links/header_links.js +1 -1
- package/lib/components/header/header_logo/header_logo.js +1 -1
- package/lib/components/header/header_section/header_section_item_button.js +1 -1
- package/lib/components/icon/assets/ml_create_generic_job.js +43 -0
- package/lib/components/icon/assets/ml_create_geo_job.js +43 -0
- package/lib/components/icon/assets/section.js +40 -0
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/icon/icon.styles.js +8 -9
- package/lib/components/icon/icon_map.js +3 -0
- package/lib/components/icon/named_colors.js +1 -1
- package/lib/components/icon/svgs/ml_create_generic_job.svg +9 -0
- package/lib/components/icon/svgs/ml_create_geo_job.svg +12 -0
- package/lib/components/icon/svgs/section.svg +1 -0
- package/lib/components/inline_edit/inline_edit_form.styles.js +2 -1
- package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
- package/lib/components/list_group/list_group.js +2 -2
- package/lib/components/list_group/list_group_item.js +2 -2
- package/lib/components/list_group/list_group_item.styles.js +10 -8
- package/lib/components/list_group/list_group_item_extra_action.js +1 -1
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/lib/components/loading/loading_chart.styles.js +5 -18
- package/lib/components/loading/loading_logo.js +1 -1
- package/lib/components/mark/mark.styles.js +9 -2
- package/lib/components/markdown_editor/markdown_editor.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
- package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/lib/components/markdown_editor/markdown_format.styles.js +2 -2
- package/lib/components/modal/modal.styles.js +1 -1
- package/lib/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/lib/components/page/page_header/page_header_content.js +1 -1
- package/lib/components/page_template/inner/page_inner.styles.js +1 -1
- package/lib/components/pagination/pagination.js +6 -2
- package/lib/components/pagination/pagination_button.js +1 -1
- package/lib/components/panel/panel.js +1 -1
- package/lib/components/panel/panel.styles.js +1 -1
- package/lib/components/panel/split_panel/split_panel.js +1 -1
- package/lib/components/popover/popover.js +2 -11
- package/lib/components/popover/popover_arrow/_popover_arrow.js +3 -8
- package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +15 -18
- package/lib/components/popover/popover_footer.styles.js +1 -1
- package/lib/components/popover/popover_panel/_popover_panel.js +3 -8
- package/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -19
- package/lib/components/progress/progress.js +1 -1
- package/lib/components/progress/progress.styles.js +27 -29
- package/lib/components/resizable_container/resizable_panel.js +1 -1
- package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
- package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/lib/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/lib/components/side_nav/side_nav_item.styles.js +2 -1
- package/lib/components/skeleton/utils.js +6 -4
- package/lib/components/steps/step_number.styles.js +1 -1
- package/lib/components/table/table_cells_shared.styles.js +7 -2
- package/lib/components/table/table_row.styles.js +9 -7
- package/lib/components/text/text.styles.js +1 -1
- package/lib/components/text/text_color.js +1 -1
- package/lib/components/text/text_color.styles.js +5 -6
- package/lib/components/timeline/timeline_item_icon.js +1 -1
- package/lib/components/toast/global_toast_list.js +1 -1
- package/lib/components/toast/toast.js +1 -1
- package/lib/components/toast/toast.styles.js +1 -1
- package/lib/components/token/token.js +4 -12
- package/lib/components/token/token.styles.js +5 -14
- package/lib/components/token/token_map.js +2 -244
- package/lib/components/tool_tip/icon_tip.js +1 -1
- package/lib/components/tool_tip/tool_tip.styles.js +23 -11
- package/lib/components/tour/_tour_footer.styles.js +4 -2
- package/lib/components/tour/tour.styles.js +12 -8
- package/lib/components/tree_view/tree_view_item.styles.js +2 -1
- package/lib/global_styling/functions/math.js +58 -7
- package/lib/global_styling/functions/size.js +26 -7
- package/lib/global_styling/mixins/_color.js +30 -38
- package/lib/global_styling/mixins/index.js +0 -11
- package/lib/global_styling/reset/global_styles.js +1 -1
- package/lib/global_styling/variables/_colors_vis.js +61 -6
- package/lib/global_styling/variables/animations.js +31 -25
- package/lib/global_styling/variables/breakpoint.js +16 -7
- package/lib/global_styling/variables/levels.js +26 -7
- package/lib/global_styling/variables/shadow.js +20 -13
- package/lib/global_styling/variables/size.js +10 -7
- package/lib/global_styling/variables/typography.js +41 -19
- package/lib/services/color/eui_palettes.js +47 -116
- package/lib/services/color/index.js +0 -8
- package/lib/services/index.js +0 -7
- package/lib/services/popover/index.js +1 -8
- package/lib/services/popover/popover_positioning.js +17 -6
- package/lib/services/theme/provider.js +2 -26
- package/lib/services/theme/types.js +14 -13
- package/lib/services/theme/utils.js +303 -54
- package/lib/themes/amsterdam/global_styling/mixins/button.js +206 -45
- package/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/lib/themes/amsterdam/global_styling/variables/_colors.js +19 -611
- package/lib/themes/amsterdam/theme.js +1 -7
- package/lib/themes/index.js +0 -7
- package/lib/themes/themes.js +7 -10
- package/optimize/es/components/avatar/avatar.js +4 -10
- package/optimize/es/components/badge/badge.styles.js +2 -1
- package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +1 -3
- package/optimize/es/components/badge/color_utils.js +8 -9
- package/optimize/es/components/beacon/beacon.styles.js +2 -2
- package/optimize/es/components/bottom_bar/bottom_bar.styles.js +2 -1
- package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
- package/optimize/es/components/button/button.js +1 -1
- package/optimize/es/components/button/button_display/_button_display.styles.js +1 -1
- package/optimize/es/components/button/button_empty/button_empty.js +1 -1
- package/optimize/es/components/button/button_group/button_group_button.js +1 -1
- package/optimize/es/components/button/button_group/button_group_button.styles.js +6 -6
- package/optimize/es/components/button/button_icon/button_icon.js +1 -1
- package/optimize/es/components/card/card.styles.js +3 -6
- package/optimize/es/components/code/code_block_annotations.js +1 -1
- package/optimize/es/components/code/code_block_line.styles.js +2 -1
- package/optimize/es/components/code/code_syntax.styles.js +27 -23
- package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
- package/optimize/es/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
- package/optimize/es/components/color_picker/color_picker.js +3 -9
- package/optimize/es/components/color_picker/color_picker.styles.js +2 -1
- package/optimize/es/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/optimize/es/components/comment_list/comment_event.js +3 -4
- package/optimize/es/components/common.js +28 -0
- package/optimize/es/components/datagrid/data_grid.styles.js +7 -6
- package/optimize/es/components/date_picker/react_date_picker.styles.js +1 -2
- package/optimize/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
- package/optimize/es/components/drag_and_drop/droppable.styles.js +4 -2
- package/optimize/es/components/empty_prompt/empty_prompt.styles.js +2 -6
- package/optimize/es/components/filter_group/filter_select_item.styles.js +2 -1
- package/optimize/es/components/flyout/_flyout_close_button.styles.js +2 -1
- package/optimize/es/components/flyout/flyout.js +1 -1
- package/optimize/es/components/flyout/flyout.styles.js +2 -7
- package/optimize/es/components/flyout/flyout_footer.styles.js +1 -1
- package/optimize/es/components/form/form.styles.js +32 -28
- package/optimize/es/components/form/range/range_tooltip.styles.js +13 -11
- package/optimize/es/components/form/switch/switch.js +2 -3
- package/optimize/es/components/form/switch/switch.styles.js +19 -16
- package/optimize/es/components/header/header.styles.js +7 -6
- package/optimize/es/components/icon/assets/ml_create_generic_job.js +35 -0
- package/optimize/es/components/icon/assets/ml_create_geo_job.js +35 -0
- package/optimize/es/components/icon/assets/section.js +32 -0
- package/optimize/es/components/icon/icon.styles.js +8 -9
- package/optimize/es/components/icon/icon_map.js +3 -0
- package/optimize/es/components/icon/named_colors.js +1 -1
- package/optimize/es/components/inline_edit/inline_edit_form.styles.js +2 -1
- package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
- package/optimize/es/components/list_group/list_group_item.styles.js +11 -9
- package/optimize/es/components/loading/loading_chart.styles.js +5 -13
- package/optimize/es/components/mark/mark.styles.js +9 -2
- package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
- package/optimize/es/components/markdown_editor/markdown_format.styles.js +2 -2
- package/optimize/es/components/modal/modal.styles.js +1 -1
- package/optimize/es/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/optimize/es/components/page_template/inner/page_inner.styles.js +2 -2
- package/optimize/es/components/pagination/pagination.js +6 -2
- package/optimize/es/components/panel/panel.styles.js +1 -1
- package/optimize/es/components/popover/popover.js +2 -4
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +3 -8
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +13 -15
- package/optimize/es/components/popover/popover_footer.styles.js +1 -1
- package/optimize/es/components/popover/popover_panel/_popover_panel.js +2 -6
- package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +5 -19
- package/optimize/es/components/progress/progress.js +1 -1
- package/optimize/es/components/progress/progress.styles.js +28 -30
- package/optimize/es/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
- package/optimize/es/components/side_nav/side_nav_item.styles.js +2 -1
- package/optimize/es/components/skeleton/utils.js +7 -5
- package/optimize/es/components/steps/step_number.styles.js +1 -1
- package/optimize/es/components/table/table_cells_shared.styles.js +7 -2
- package/optimize/es/components/table/table_row.styles.js +10 -8
- package/optimize/es/components/text/text.styles.js +2 -2
- package/optimize/es/components/text/text_color.js +1 -1
- package/optimize/es/components/text/text_color.styles.js +5 -6
- package/optimize/es/components/toast/toast.styles.js +1 -1
- package/optimize/es/components/token/token.js +4 -10
- package/optimize/es/components/token/token.styles.js +5 -14
- package/optimize/es/components/token/token_map.js +1 -243
- package/optimize/es/components/tool_tip/tool_tip.styles.js +24 -12
- package/optimize/es/components/tour/_tour_footer.styles.js +4 -2
- package/optimize/es/components/tour/tour.styles.js +12 -8
- package/optimize/es/components/tree_view/tree_view_item.styles.js +2 -1
- package/optimize/es/global_styling/functions/math.js +49 -1
- package/optimize/es/global_styling/functions/size.js +17 -1
- package/optimize/es/global_styling/mixins/_color.js +31 -39
- package/optimize/es/global_styling/mixins/index.js +1 -2
- package/optimize/es/global_styling/reset/global_styles.js +2 -2
- package/optimize/es/global_styling/variables/_colors_vis.js +53 -1
- package/optimize/es/global_styling/variables/animations.js +22 -1
- package/optimize/es/global_styling/variables/breakpoint.js +7 -1
- package/optimize/es/global_styling/variables/levels.js +17 -1
- package/optimize/es/global_styling/variables/shadow.js +11 -1
- package/optimize/es/global_styling/variables/size.js +1 -1
- package/optimize/es/global_styling/variables/typography.js +32 -1
- package/optimize/es/services/color/eui_palettes.js +47 -116
- package/optimize/es/services/color/index.js +0 -1
- package/optimize/es/services/index.js +1 -1
- package/optimize/es/services/popover/index.js +1 -4
- package/optimize/es/services/popover/popover_positioning.js +17 -6
- package/optimize/es/services/theme/provider.js +2 -26
- package/optimize/es/services/theme/types.js +6 -1
- package/optimize/es/services/theme/utils.js +295 -1
- package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +198 -1
- package/optimize/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +19 -612
- package/optimize/es/themes/amsterdam/theme.js +1 -7
- package/optimize/es/themes/index.js +1 -1
- package/optimize/es/themes/themes.js +6 -9
- package/optimize/lib/components/avatar/avatar.js +2 -8
- package/optimize/lib/components/badge/badge.styles.js +2 -1
- package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +1 -3
- package/optimize/lib/components/badge/color_utils.js +13 -14
- package/optimize/lib/components/beacon/beacon.styles.js +2 -2
- package/optimize/lib/components/bottom_bar/bottom_bar.styles.js +2 -1
- package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
- package/optimize/lib/components/button/button.js +1 -1
- package/optimize/lib/components/button/button_display/_button_display.styles.js +1 -1
- package/optimize/lib/components/button/button_empty/button_empty.js +1 -1
- package/optimize/lib/components/button/button_group/button_group_button.js +1 -1
- package/optimize/lib/components/button/button_group/button_group_button.styles.js +5 -5
- package/optimize/lib/components/button/button_icon/button_icon.js +1 -1
- package/optimize/lib/components/card/card.styles.js +2 -5
- package/optimize/lib/components/code/code_block_annotations.js +1 -1
- package/optimize/lib/components/code/code_block_line.styles.js +2 -1
- package/optimize/lib/components/code/code_syntax.styles.js +27 -23
- package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
- package/optimize/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
- package/optimize/lib/components/color_picker/color_picker.js +2 -8
- package/optimize/lib/components/color_picker/color_picker.styles.js +2 -1
- package/optimize/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/optimize/lib/components/comment_list/comment_event.js +3 -4
- package/optimize/lib/components/common.js +28 -0
- package/optimize/lib/components/datagrid/data_grid.styles.js +7 -6
- package/optimize/lib/components/date_picker/react_date_picker.styles.js +2 -3
- package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -2
- package/optimize/lib/components/drag_and_drop/droppable.styles.js +4 -2
- package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +1 -5
- package/optimize/lib/components/filter_group/filter_select_item.styles.js +2 -1
- package/optimize/lib/components/flyout/_flyout_close_button.styles.js +2 -1
- package/optimize/lib/components/flyout/flyout.js +1 -1
- package/optimize/lib/components/flyout/flyout.styles.js +2 -7
- package/optimize/lib/components/flyout/flyout_footer.styles.js +1 -1
- package/optimize/lib/components/form/form.styles.js +31 -27
- package/optimize/lib/components/form/range/range_tooltip.styles.js +13 -11
- package/optimize/lib/components/form/switch/switch.js +2 -3
- package/optimize/lib/components/form/switch/switch.styles.js +19 -16
- package/optimize/lib/components/header/header.styles.js +6 -5
- package/optimize/lib/components/icon/assets/ml_create_generic_job.js +43 -0
- package/optimize/lib/components/icon/assets/ml_create_geo_job.js +43 -0
- package/optimize/lib/components/icon/assets/section.js +40 -0
- package/optimize/lib/components/icon/icon.styles.js +8 -9
- package/optimize/lib/components/icon/icon_map.js +3 -0
- package/optimize/lib/components/icon/named_colors.js +1 -1
- package/optimize/lib/components/icon/svgs/ml_create_generic_job.svg +9 -0
- package/optimize/lib/components/icon/svgs/ml_create_geo_job.svg +12 -0
- package/optimize/lib/components/icon/svgs/section.svg +1 -0
- package/optimize/lib/components/inline_edit/inline_edit_form.styles.js +2 -1
- package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
- package/optimize/lib/components/list_group/list_group_item.styles.js +10 -8
- package/optimize/lib/components/loading/loading_chart.styles.js +5 -13
- package/optimize/lib/components/mark/mark.styles.js +9 -2
- package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
- package/optimize/lib/components/markdown_editor/markdown_format.styles.js +2 -2
- package/optimize/lib/components/modal/modal.styles.js +1 -1
- package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/optimize/lib/components/page_template/inner/page_inner.styles.js +1 -1
- package/optimize/lib/components/pagination/pagination.js +6 -2
- package/optimize/lib/components/panel/panel.styles.js +1 -1
- package/optimize/lib/components/popover/popover.js +2 -4
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +3 -8
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +15 -16
- package/optimize/lib/components/popover/popover_footer.styles.js +1 -1
- package/optimize/lib/components/popover/popover_panel/_popover_panel.js +2 -6
- package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +5 -19
- package/optimize/lib/components/progress/progress.js +1 -1
- package/optimize/lib/components/progress/progress.styles.js +27 -29
- package/optimize/lib/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
- package/optimize/lib/components/side_nav/side_nav_item.styles.js +2 -1
- package/optimize/lib/components/skeleton/utils.js +6 -4
- package/optimize/lib/components/steps/step_number.styles.js +1 -1
- package/optimize/lib/components/table/table_cells_shared.styles.js +7 -2
- package/optimize/lib/components/table/table_row.styles.js +9 -7
- package/optimize/lib/components/text/text.styles.js +1 -1
- package/optimize/lib/components/text/text_color.js +1 -1
- package/optimize/lib/components/text/text_color.styles.js +5 -6
- package/optimize/lib/components/toast/toast.styles.js +1 -1
- package/optimize/lib/components/token/token.js +4 -13
- package/optimize/lib/components/token/token.styles.js +5 -14
- package/optimize/lib/components/token/token_map.js +2 -244
- package/optimize/lib/components/tool_tip/tool_tip.styles.js +23 -11
- package/optimize/lib/components/tour/_tour_footer.styles.js +4 -2
- package/optimize/lib/components/tour/tour.styles.js +12 -8
- package/optimize/lib/components/tree_view/tree_view_item.styles.js +2 -1
- package/optimize/lib/global_styling/functions/math.js +59 -7
- package/optimize/lib/global_styling/functions/size.js +27 -7
- package/optimize/lib/global_styling/mixins/_color.js +30 -38
- package/optimize/lib/global_styling/mixins/index.js +0 -11
- package/optimize/lib/global_styling/reset/global_styles.js +1 -1
- package/optimize/lib/global_styling/variables/_colors_vis.js +61 -6
- package/optimize/lib/global_styling/variables/animations.js +31 -25
- package/optimize/lib/global_styling/variables/breakpoint.js +16 -7
- package/optimize/lib/global_styling/variables/levels.js +26 -7
- package/optimize/lib/global_styling/variables/shadow.js +20 -13
- package/optimize/lib/global_styling/variables/size.js +10 -7
- package/optimize/lib/global_styling/variables/typography.js +41 -19
- package/optimize/lib/services/color/eui_palettes.js +47 -116
- package/optimize/lib/services/color/index.js +0 -8
- package/optimize/lib/services/index.js +0 -7
- package/optimize/lib/services/popover/index.js +1 -8
- package/optimize/lib/services/popover/popover_positioning.js +17 -6
- package/optimize/lib/services/theme/provider.js +2 -26
- package/optimize/lib/services/theme/types.js +14 -13
- package/optimize/lib/services/theme/utils.js +296 -54
- package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +203 -45
- package/optimize/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +19 -611
- package/optimize/lib/themes/amsterdam/theme.js +1 -7
- package/optimize/lib/themes/index.js +0 -7
- package/optimize/lib/themes/themes.js +7 -10
- package/package.json +3 -7
- package/src/global_styling/functions/_index.scss +5 -1
- package/src/global_styling/index.scss +10 -1
- package/src/global_styling/variables/_animations.scss +8 -1
- package/src/global_styling/variables/_borders.scss +9 -1
- package/src/global_styling/variables/_buttons.scss +18 -1
- package/src/global_styling/variables/_colors_vis.scss +70 -1
- package/src/global_styling/variables/_font_weight.scss +7 -1
- package/src/global_styling/variables/_form.scss +21 -2
- package/src/global_styling/variables/_responsive.scss +9 -1
- package/src/global_styling/variables/_shadows.scss +1 -1
- package/src/global_styling/variables/_size.scss +13 -1
- package/src/global_styling/variables/_states.scss +14 -1
- package/src/global_styling/variables/_typography.scss +75 -1
- package/src/global_styling/variables/_z_index.scss +33 -1
- package/src/themes/amsterdam/_colors_dark.scss +8 -80
- package/src/themes/amsterdam/_colors_light.scss +8 -80
- package/src/themes/amsterdam/global_styling/variables/_index.scss +0 -2
- package/test-env/components/avatar/avatar.js +3 -9
- package/test-env/components/badge/badge.js +1 -1
- package/test-env/components/badge/badge.styles.js +2 -1
- package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
- package/test-env/components/badge/beta_badge/beta_badge.styles.js +1 -3
- package/test-env/components/badge/color_utils.js +13 -14
- package/test-env/components/basic_table/basic_table.js +1 -1
- package/test-env/components/basic_table/in_memory_table.js +1 -1
- package/test-env/components/beacon/beacon.styles.js +2 -2
- package/test-env/components/bottom_bar/bottom_bar.styles.js +2 -1
- package/test-env/components/breadcrumbs/_breadcrumb_content.js +0 -7
- package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
- package/test-env/components/button/button.js +2 -2
- package/test-env/components/button/button_display/_button_display.js +1 -1
- package/test-env/components/button/button_display/_button_display.styles.js +1 -1
- package/test-env/components/button/button_display/_button_display_content.js +1 -1
- package/test-env/components/button/button_empty/button_empty.js +2 -2
- package/test-env/components/button/button_group/button_group.js +1 -1
- package/test-env/components/button/button_group/button_group_button.js +2 -2
- package/test-env/components/button/button_group/button_group_button.styles.js +5 -5
- package/test-env/components/button/button_icon/button_icon.js +2 -2
- package/test-env/components/call_out/call_out.js +1 -1
- package/test-env/components/card/card.js +3 -3
- package/test-env/components/card/card.styles.js +2 -5
- package/test-env/components/card/card_select/card_select.js +1 -1
- package/test-env/components/code/code_block_annotations.js +1 -1
- package/test-env/components/code/code_block_line.styles.js +2 -1
- package/test-env/components/code/code_syntax.styles.js +27 -23
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
- package/test-env/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +1 -1
- package/test-env/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
- package/test-env/components/color_picker/color_picker.js +2 -8
- package/test-env/components/color_picker/color_picker.styles.js +2 -1
- package/test-env/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/test-env/components/comment_list/comment.js +3 -3
- package/test-env/components/comment_list/comment_event.js +5 -6
- package/test-env/components/comment_list/comment_list.js +3 -3
- package/test-env/components/comment_list/comment_timeline.js +1 -1
- package/test-env/components/common.js +28 -0
- package/test-env/components/context_menu/context_menu_item.js +1 -1
- package/test-env/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/test-env/components/datagrid/body/data_grid_body.js +7 -7
- package/test-env/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/test-env/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/test-env/components/datagrid/controls/column_sorting.js +7 -7
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
- package/test-env/components/datagrid/data_grid.stories.utils.js +7 -7
- package/test-env/components/datagrid/data_grid.styles.js +7 -6
- package/test-env/components/datagrid/utils/in_memory.js +6 -6
- package/test-env/components/date_picker/date_picker.js +2 -2
- package/test-env/components/date_picker/date_picker_range.js +1 -1
- package/test-env/components/date_picker/react_date_picker.styles.js +2 -3
- package/test-env/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -2
- package/test-env/components/drag_and_drop/droppable.styles.js +4 -2
- package/test-env/components/empty_prompt/empty_prompt.js +2 -2
- package/test-env/components/empty_prompt/empty_prompt.styles.js +1 -5
- package/test-env/components/facet/facet_button.js +1 -1
- package/test-env/components/filter_group/filter_select_item.styles.js +2 -1
- package/test-env/components/flyout/_flyout_close_button.styles.js +2 -1
- package/test-env/components/flyout/flyout.styles.js +2 -7
- package/test-env/components/flyout/flyout_footer.styles.js +1 -1
- package/test-env/components/form/field_number/field_number.js +2 -2
- package/test-env/components/form/field_text/field_text.js +2 -2
- package/test-env/components/form/form.styles.js +31 -27
- package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
- package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/test-env/components/form/range/range_tooltip.styles.js +13 -11
- package/test-env/components/form/switch/switch.js +2 -3
- package/test-env/components/form/switch/switch.styles.js +19 -16
- package/test-env/components/form/text_area/text_area.js +2 -2
- package/test-env/components/header/header.styles.js +6 -5
- package/test-env/components/header/header_links/header_link.js +1 -1
- package/test-env/components/header/header_links/header_links.js +1 -1
- package/test-env/components/header/header_logo/header_logo.js +1 -1
- package/test-env/components/header/header_section/header_section_item_button.js +1 -1
- package/test-env/components/icon/assets/ml_create_generic_job.js +43 -0
- package/test-env/components/icon/assets/ml_create_geo_job.js +43 -0
- package/test-env/components/icon/assets/section.js +40 -0
- package/test-env/components/icon/icon.styles.js +8 -9
- package/test-env/components/icon/icon_map.js +3 -0
- package/test-env/components/icon/named_colors.js +1 -1
- package/test-env/components/inline_edit/inline_edit_form.styles.js +2 -1
- package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +2 -1
- package/test-env/components/list_group/list_group.js +2 -2
- package/test-env/components/list_group/list_group_item.js +2 -2
- package/test-env/components/list_group/list_group_item.styles.js +10 -8
- package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/test-env/components/loading/loading_chart.styles.js +5 -13
- package/test-env/components/loading/loading_logo.js +1 -1
- package/test-env/components/mark/mark.styles.js +9 -2
- package/test-env/components/markdown_editor/markdown_editor.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
- package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/test-env/components/markdown_editor/markdown_format.styles.js +2 -2
- package/test-env/components/modal/modal.styles.js +1 -1
- package/test-env/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/test-env/components/page/page_header/page_header_content.js +1 -1
- package/test-env/components/page_template/inner/page_inner.styles.js +1 -1
- package/test-env/components/pagination/pagination.js +6 -2
- package/test-env/components/pagination/pagination_button.js +1 -1
- package/test-env/components/panel/panel.js +1 -1
- package/test-env/components/panel/panel.styles.js +1 -1
- package/test-env/components/panel/split_panel/split_panel.js +1 -1
- package/test-env/components/popover/popover.js +2 -11
- package/test-env/components/popover/popover_arrow/_popover_arrow.js +3 -8
- package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +15 -16
- package/test-env/components/popover/popover_footer.styles.js +1 -1
- package/test-env/components/popover/popover_panel/_popover_panel.js +3 -8
- package/test-env/components/popover/popover_panel/_popover_panel.styles.js +5 -19
- package/test-env/components/progress/progress.js +1 -1
- package/test-env/components/progress/progress.styles.js +27 -29
- package/test-env/components/resizable_container/resizable_panel.js +1 -1
- package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
- package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/test-env/components/selectable/selectable_list/selectable_list_item.styles.js +2 -1
- package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/test-env/components/side_nav/side_nav_item.styles.js +2 -1
- package/test-env/components/skeleton/utils.js +6 -4
- package/test-env/components/steps/step_number.styles.js +1 -1
- package/test-env/components/table/table_cells_shared.styles.js +7 -2
- package/test-env/components/table/table_row.styles.js +9 -7
- package/test-env/components/text/text.styles.js +1 -1
- package/test-env/components/text/text_color.js +1 -1
- package/test-env/components/text/text_color.styles.js +5 -6
- package/test-env/components/timeline/timeline_item_icon.js +1 -1
- package/test-env/components/toast/global_toast_list.js +1 -1
- package/test-env/components/toast/toast.js +1 -1
- package/test-env/components/toast/toast.styles.js +1 -1
- package/test-env/components/token/token.js +4 -13
- package/test-env/components/token/token.styles.js +5 -14
- package/test-env/components/token/token_map.js +2 -244
- package/test-env/components/tool_tip/icon_tip.js +1 -1
- package/test-env/components/tool_tip/tool_tip.styles.js +23 -11
- package/test-env/components/tour/_tour_footer.styles.js +4 -2
- package/test-env/components/tour/tour.styles.js +12 -8
- package/test-env/components/tree_view/tree_view_item.styles.js +2 -1
- package/test-env/global_styling/functions/math.js +59 -7
- package/test-env/global_styling/functions/size.js +27 -7
- package/test-env/global_styling/mixins/_color.js +30 -38
- package/test-env/global_styling/mixins/index.js +0 -11
- package/test-env/global_styling/reset/global_styles.js +1 -1
- package/test-env/global_styling/variables/_colors_vis.js +61 -6
- package/test-env/global_styling/variables/animations.js +31 -25
- package/test-env/global_styling/variables/breakpoint.js +16 -7
- package/test-env/global_styling/variables/levels.js +26 -7
- package/test-env/global_styling/variables/shadow.js +20 -13
- package/test-env/global_styling/variables/size.js +10 -7
- package/test-env/global_styling/variables/typography.js +41 -19
- package/test-env/services/color/eui_palettes.js +47 -116
- package/test-env/services/color/index.js +0 -8
- package/test-env/services/index.js +0 -7
- package/test-env/services/popover/index.js +1 -8
- package/test-env/services/popover/popover_positioning.js +17 -6
- package/test-env/services/theme/provider.js +2 -26
- package/test-env/services/theme/types.js +14 -13
- package/test-env/services/theme/utils.js +296 -54
- package/test-env/themes/amsterdam/global_styling/mixins/button.js +203 -45
- package/test-env/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/test-env/themes/amsterdam/global_styling/variables/_colors.js +19 -611
- package/test-env/themes/amsterdam/theme.js +1 -7
- package/test-env/themes/index.js +0 -7
- package/test-env/themes/themes.js +7 -10
- package/dist/eui_theme_borealis_dark.json +0 -314
- package/dist/eui_theme_borealis_dark.json.d.ts +0 -317
- package/dist/eui_theme_borealis_light.json +0 -314
- package/dist/eui_theme_borealis_light.json.d.ts +0 -317
- package/es/global_styling/mixins/_button.js +0 -159
- package/es/services/color/vis_color_store.js +0 -13
- package/es/services/popover/popover_arrow.styles.js +0 -31
- package/es/themes/amsterdam/global_styling/variables/_buttons.js +0 -281
- package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -109
- package/es/themes/amsterdam/global_styling/variables/_components.js +0 -604
- package/es/themes/amsterdam/global_styling/variables/_forms.js +0 -161
- package/lib/global_styling/mixins/_button.js +0 -164
- package/lib/services/color/vis_color_store.js +0 -18
- package/lib/services/popover/popover_arrow.styles.js +0 -37
- package/lib/themes/amsterdam/global_styling/variables/_buttons.js +0 -285
- package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -115
- package/lib/themes/amsterdam/global_styling/variables/_components.js +0 -608
- package/lib/themes/amsterdam/global_styling/variables/_forms.js +0 -165
- package/optimize/es/global_styling/mixins/_button.js +0 -159
- package/optimize/es/services/color/vis_color_store.js +0 -13
- package/optimize/es/services/popover/popover_arrow.styles.js +0 -31
- package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +0 -270
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -109
- package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +0 -596
- package/optimize/es/themes/amsterdam/global_styling/variables/_forms.js +0 -153
- package/optimize/lib/global_styling/mixins/_button.js +0 -165
- package/optimize/lib/services/color/vis_color_store.js +0 -18
- package/optimize/lib/services/popover/popover_arrow.styles.js +0 -37
- package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +0 -275
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -115
- package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +0 -601
- package/optimize/lib/themes/amsterdam/global_styling/variables/_forms.js +0 -158
- package/src/themes/amsterdam/global_styling/variables/_colors_vis.scss +0 -72
- package/src/themes/amsterdam/global_styling/variables/_forms.scss +0 -12
- package/test-env/global_styling/mixins/_button.js +0 -165
- package/test-env/services/color/vis_color_store.js +0 -18
- package/test-env/services/popover/popover_arrow.styles.js +0 -37
- package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +0 -275
- package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -115
- package/test-env/themes/amsterdam/global_styling/variables/_components.js +0 -601
- package/test-env/themes/amsterdam/global_styling/variables/_forms.js +0 -158
- /package/dist/{eui_theme_amsterdam_dark.json → eui_theme_dark.json} +0 -0
- /package/dist/{eui_theme_amsterdam_light.json → eui_theme_light.json} +0 -0
|
@@ -8,7 +8,6 @@ exports.euiPaletteWarm = exports.euiPaletteRed = exports.euiPaletteGreen = expor
|
|
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
9
|
var _chromaJs = _interopRequireDefault(require("chroma-js"));
|
|
10
10
|
var _color_palette = require("./color_palette");
|
|
11
|
-
var _vis_color_store = require("./vis_color_store");
|
|
12
11
|
/*
|
|
13
12
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
14
13
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
@@ -32,14 +31,6 @@ var euiPalette = function euiPalette(colors, steps) {
|
|
|
32
31
|
}
|
|
33
32
|
return (0, _color_palette.colorPalette)(colors, steps, diverge, categorical);
|
|
34
33
|
};
|
|
35
|
-
/**
|
|
36
|
-
* NOTE: These functions rely on base vis colors of the theme which are provided via a global
|
|
37
|
-
* singleton instance `EUI_VIS_COLOR_STORE` that's updated by the EuiProvider on theme change.
|
|
38
|
-
* Make sure the function is recalled on theme change to retrieve theme-related colors.
|
|
39
|
-
*
|
|
40
|
-
* Outside of a react component you can use the `subscibe()` method on the `EUI_VIS_COLOR_STORE`
|
|
41
|
-
* to subscribe to updates and update your usages to ensure latest colors are loaded.
|
|
42
|
-
*/
|
|
43
34
|
var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteColorBlind() {
|
|
44
35
|
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
45
36
|
_ref2$rotations = _ref2.rotations,
|
|
@@ -53,8 +44,26 @@ var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteCol
|
|
|
53
44
|
_ref2$sortShift = _ref2.sortShift,
|
|
54
45
|
sortShift = _ref2$sortShift === void 0 ? '-100' : _ref2$sortShift;
|
|
55
46
|
var colors = [];
|
|
56
|
-
var
|
|
57
|
-
|
|
47
|
+
var base = ['#54B399',
|
|
48
|
+
// 0 green
|
|
49
|
+
'#6092C0',
|
|
50
|
+
// 1 blue
|
|
51
|
+
'#D36086',
|
|
52
|
+
// 2 dark pink
|
|
53
|
+
'#9170B8',
|
|
54
|
+
// 3 purple
|
|
55
|
+
'#CA8EAE',
|
|
56
|
+
// 4 light pink
|
|
57
|
+
'#D6BF57',
|
|
58
|
+
// 5 yellow
|
|
59
|
+
'#B9A888',
|
|
60
|
+
// 6 tan
|
|
61
|
+
'#DA8B45',
|
|
62
|
+
// 7 orange
|
|
63
|
+
'#AA6556',
|
|
64
|
+
// 8 brown
|
|
65
|
+
'#E7664C' // 9 red
|
|
66
|
+
];
|
|
58
67
|
if (sortBy === 'natural') {
|
|
59
68
|
// Sort the colors based on the color wheel, but shifting the values based on sortShift
|
|
60
69
|
base = (0, _toConsumableArray2.default)(base).sort(function (a, b) {
|
|
@@ -100,156 +109,78 @@ var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteCol
|
|
|
100
109
|
/**
|
|
101
110
|
* Color blind palette with text is meant for use when text is applied on top of the color.
|
|
102
111
|
* It increases the brightness of the color to give the text more contrast.
|
|
103
|
-
*
|
|
104
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
105
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
106
112
|
*/
|
|
107
113
|
var euiPaletteColorBlindBehindText = exports.euiPaletteColorBlindBehindText = function euiPaletteColorBlindBehindText() {
|
|
108
114
|
var paletteProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
109
|
-
var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
|
|
110
115
|
var originalPalette = euiPaletteColorBlind(paletteProps);
|
|
111
|
-
|
|
112
|
-
// new theme palette has required contrast, we don't need to adjust them
|
|
113
|
-
if (!hasVisColorAdjustment) return originalPalette;
|
|
114
116
|
var newPalette = originalPalette.map(function (color) {
|
|
115
117
|
return (0, _chromaJs.default)(color).brighten(0.5).hex();
|
|
116
118
|
});
|
|
117
119
|
return newPalette;
|
|
118
120
|
};
|
|
119
|
-
var _getVisColorsAsText = function _getVisColorsAsText(visColors, keys) {
|
|
120
|
-
return keys.reduce(function (colors, curr) {
|
|
121
|
-
return [].concat((0, _toConsumableArray2.default)(colors), [visColors[curr]]);
|
|
122
|
-
}, []);
|
|
123
|
-
};
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
127
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
128
|
-
*/
|
|
129
121
|
var euiPaletteForLightBackground = exports.euiPaletteForLightBackground = function euiPaletteForLightBackground() {
|
|
130
|
-
|
|
131
|
-
var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
|
|
132
|
-
return color.includes('AsTextLight');
|
|
133
|
-
});
|
|
134
|
-
return _getVisColorsAsText(visColors, visColorsAsTextKeys);
|
|
122
|
+
return ['#006BB4', '#017D73', '#F5A700', '#BD271E', '#DD0A73'];
|
|
135
123
|
};
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
139
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
140
|
-
*/
|
|
141
124
|
var euiPaletteForDarkBackground = exports.euiPaletteForDarkBackground = function euiPaletteForDarkBackground() {
|
|
142
|
-
|
|
143
|
-
var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
|
|
144
|
-
return color.includes('AsTextDark');
|
|
145
|
-
});
|
|
146
|
-
return _getVisColorsAsText(visColors, visColorsAsTextKeys);
|
|
125
|
+
return ['#1BA9F5', '#7DE2D1', '#F990C0', '#F66', '#FFCE7A'];
|
|
147
126
|
};
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
127
|
+
var greenColor = '#209280';
|
|
128
|
+
var redColor = '#CC5642';
|
|
129
|
+
var lightRedColor = euiPaletteColorBlind()[9];
|
|
130
|
+
var coolArray = [euiPaletteColorBlind()[1], '#6092C0'];
|
|
131
|
+
var warmArray = [euiPaletteColorBlind()[7], euiPaletteColorBlind()[9]];
|
|
153
132
|
var euiPaletteForStatus = exports.euiPaletteForStatus = function euiPaletteForStatus(steps) {
|
|
154
|
-
var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
|
|
155
133
|
if (steps === 1) {
|
|
156
|
-
return [
|
|
134
|
+
return [greenColor];
|
|
157
135
|
}
|
|
158
136
|
if (steps <= 3) {
|
|
159
|
-
return euiPalette([
|
|
137
|
+
return euiPalette([greenColor, euiPaletteColorBlind()[5], redColor], steps, true);
|
|
160
138
|
}
|
|
161
|
-
return euiPalette([
|
|
139
|
+
return euiPalette([greenColor, euiPaletteColorBlind()[0], euiPaletteColorBlind()[5], lightRedColor, redColor], steps, true);
|
|
162
140
|
};
|
|
163
|
-
|
|
164
|
-
/**
|
|
165
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
166
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
167
|
-
*/
|
|
168
141
|
var euiPaletteForTemperature = exports.euiPaletteForTemperature = function euiPaletteForTemperature(steps) {
|
|
169
|
-
var
|
|
170
|
-
|
|
142
|
+
var cools = (0, _color_palette.colorPalette)([].concat((0, _toConsumableArray2.default)(coolArray.slice().reverse()), ['#EBEFF5']), 3);
|
|
143
|
+
var warms = (0, _color_palette.colorPalette)(['#F4F3DB'].concat(warmArray), 3);
|
|
171
144
|
if (steps === 1) {
|
|
172
|
-
return [
|
|
145
|
+
return [cools[0]];
|
|
173
146
|
} else if (steps <= 3) {
|
|
174
|
-
return euiPalette([
|
|
147
|
+
return euiPalette([cools[0], lightRedColor], steps, true);
|
|
175
148
|
}
|
|
176
|
-
|
|
177
|
-
var warms = (0, _color_palette.colorPalette)([visColors.euiColorVisWarm0, visColors.euiColorVisWarm1, visColors.euiColorVisWarm2], 3);
|
|
178
|
-
var paletteColors = hasVisColorAdjustment ? [].concat((0, _toConsumableArray2.default)(cools), (0, _toConsumableArray2.default)(warms)) : [].concat((0, _toConsumableArray2.default)(cools), [visColors.euiColorVisNeutral0], (0, _toConsumableArray2.default)(warms));
|
|
179
|
-
return euiPalette(paletteColors, steps, true);
|
|
149
|
+
return euiPalette([].concat((0, _toConsumableArray2.default)(cools), (0, _toConsumableArray2.default)(warms)), steps, true);
|
|
180
150
|
};
|
|
181
|
-
|
|
182
|
-
/**
|
|
183
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
184
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
185
|
-
*/
|
|
186
151
|
var euiPaletteComplementary = exports.euiPaletteComplementary = function euiPaletteComplementary(steps) {
|
|
187
|
-
var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
|
|
188
|
-
visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
|
|
189
152
|
if (steps === 1) {
|
|
190
|
-
return [
|
|
153
|
+
return [euiPaletteColorBlind()[1]];
|
|
191
154
|
}
|
|
192
|
-
|
|
193
|
-
return euiPalette(paletteColors, steps, true);
|
|
155
|
+
return euiPalette([euiPaletteColorBlind()[1], euiPaletteColorBlind()[7]], steps, true);
|
|
194
156
|
};
|
|
195
|
-
|
|
196
|
-
/**
|
|
197
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
198
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
199
|
-
*/
|
|
200
157
|
var euiPaletteRed = exports.euiPaletteRed = function euiPaletteRed(steps) {
|
|
201
|
-
var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
|
|
202
158
|
if (steps === 1) {
|
|
203
|
-
return [
|
|
159
|
+
return [lightRedColor];
|
|
204
160
|
}
|
|
205
|
-
return euiPalette([
|
|
161
|
+
return euiPalette(['white', redColor], steps);
|
|
206
162
|
};
|
|
207
|
-
|
|
208
|
-
/**
|
|
209
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
210
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
211
|
-
*/
|
|
212
163
|
var euiPaletteGreen = exports.euiPaletteGreen = function euiPaletteGreen(steps) {
|
|
213
|
-
var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
|
|
214
164
|
if (steps === 1) {
|
|
215
|
-
return [
|
|
165
|
+
return [euiPaletteColorBlind()[0]];
|
|
216
166
|
}
|
|
217
|
-
return euiPalette([
|
|
167
|
+
return euiPalette(['white', greenColor], steps);
|
|
218
168
|
};
|
|
219
|
-
|
|
220
|
-
/**
|
|
221
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
222
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
223
|
-
*/
|
|
224
169
|
var euiPaletteCool = exports.euiPaletteCool = function euiPaletteCool(steps) {
|
|
225
|
-
var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
|
|
226
|
-
visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
|
|
227
170
|
if (steps === 1) {
|
|
228
|
-
return [
|
|
171
|
+
return [coolArray[1]];
|
|
229
172
|
}
|
|
230
|
-
return euiPalette([
|
|
173
|
+
return euiPalette(['white'].concat(coolArray), steps);
|
|
231
174
|
};
|
|
232
|
-
|
|
233
|
-
/**
|
|
234
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
235
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
236
|
-
*/
|
|
237
175
|
var euiPaletteWarm = exports.euiPaletteWarm = function euiPaletteWarm(steps) {
|
|
238
|
-
var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
|
|
239
176
|
if (steps === 1) {
|
|
240
|
-
return [
|
|
177
|
+
return [lightRedColor];
|
|
241
178
|
}
|
|
242
|
-
return euiPalette([
|
|
179
|
+
return euiPalette(['#FBFBDC'].concat(warmArray), steps);
|
|
243
180
|
};
|
|
244
|
-
|
|
245
|
-
/**
|
|
246
|
-
* NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
|
|
247
|
-
* EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
|
|
248
|
-
*/
|
|
249
181
|
var euiPaletteGray = exports.euiPaletteGray = function euiPaletteGray(steps) {
|
|
250
|
-
var visColors = _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
|
|
251
182
|
if (steps === 1) {
|
|
252
|
-
return [
|
|
183
|
+
return ['#98a2b3'];
|
|
253
184
|
}
|
|
254
|
-
return euiPalette([
|
|
185
|
+
return euiPalette(['white', '#d3dae6', '#98a2b3', '#69707d', '#343741'], steps, false);
|
|
255
186
|
};
|
|
@@ -16,7 +16,6 @@ var _exportNames = {
|
|
|
16
16
|
calculateLuminance: true,
|
|
17
17
|
VISUALIZATION_COLORS: true,
|
|
18
18
|
DEFAULT_VISUALIZATION_COLOR: true,
|
|
19
|
-
EUI_VIS_COLOR_STORE: true,
|
|
20
19
|
colorPalette: true,
|
|
21
20
|
euiPaletteForLightBackground: true,
|
|
22
21
|
euiPaletteForDarkBackground: true,
|
|
@@ -38,12 +37,6 @@ Object.defineProperty(exports, "DEFAULT_VISUALIZATION_COLOR", {
|
|
|
38
37
|
return _visualization_colors.DEFAULT_VISUALIZATION_COLOR;
|
|
39
38
|
}
|
|
40
39
|
});
|
|
41
|
-
Object.defineProperty(exports, "EUI_VIS_COLOR_STORE", {
|
|
42
|
-
enumerable: true,
|
|
43
|
-
get: function get() {
|
|
44
|
-
return _vis_color_store.EUI_VIS_COLOR_STORE;
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
40
|
Object.defineProperty(exports, "VISUALIZATION_COLORS", {
|
|
48
41
|
enumerable: true,
|
|
49
42
|
get: function get() {
|
|
@@ -204,7 +197,6 @@ var _rgb_to_hex = require("./rgb_to_hex");
|
|
|
204
197
|
var _rgb_to_hsv = require("./rgb_to_hsv");
|
|
205
198
|
var _luminance_and_contrast = require("./luminance_and_contrast");
|
|
206
199
|
var _visualization_colors = require("./visualization_colors");
|
|
207
|
-
var _vis_color_store = require("./vis_color_store");
|
|
208
200
|
var _color_palette = require("./color_palette");
|
|
209
201
|
var _eui_palettes = require("./eui_palettes");
|
|
210
202
|
var _stepped_gradient = require("./stepped_gradient");
|
|
@@ -56,7 +56,6 @@ var _exportNames = {
|
|
|
56
56
|
tintOrShade: true,
|
|
57
57
|
transparentize: true,
|
|
58
58
|
VISUALIZATION_COLORS: true,
|
|
59
|
-
EUI_VIS_COLOR_STORE: true,
|
|
60
59
|
wcagContrastMin: true,
|
|
61
60
|
useColorPickerState: true,
|
|
62
61
|
useColorStopsState: true,
|
|
@@ -123,12 +122,6 @@ Object.defineProperty(exports, "DEFAULT_VISUALIZATION_COLOR", {
|
|
|
123
122
|
return _color.DEFAULT_VISUALIZATION_COLOR;
|
|
124
123
|
}
|
|
125
124
|
});
|
|
126
|
-
Object.defineProperty(exports, "EUI_VIS_COLOR_STORE", {
|
|
127
|
-
enumerable: true,
|
|
128
|
-
get: function get() {
|
|
129
|
-
return _color.EUI_VIS_COLOR_STORE;
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
125
|
Object.defineProperty(exports, "EuiWindowEvent", {
|
|
133
126
|
enumerable: true,
|
|
134
127
|
get: function get() {
|
|
@@ -3,12 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
Object.defineProperty(exports, "_popoverArrowStyles", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _popover_arrow._popoverArrowStyles;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
6
|
Object.defineProperty(exports, "calculatePopoverPosition", {
|
|
13
7
|
enumerable: true,
|
|
14
8
|
get: function get() {
|
|
@@ -28,5 +22,4 @@ Object.defineProperty(exports, "getElementZIndex", {
|
|
|
28
22
|
}
|
|
29
23
|
});
|
|
30
24
|
var _calculate_popover_position = require("./calculate_popover_position");
|
|
31
|
-
var _popover_positioning = require("./popover_positioning");
|
|
32
|
-
var _popover_arrow = require("./popover_arrow.styles");
|
|
25
|
+
var _popover_positioning = require("./popover_positioning");
|
|
@@ -299,9 +299,11 @@ function getPopoverScreenCoordinates(_ref2) {
|
|
|
299
299
|
position: position,
|
|
300
300
|
offset: offset,
|
|
301
301
|
popoverBoundingBox: popoverBoundingBox,
|
|
302
|
-
anchorBoundingBox: anchorBoundingBox
|
|
302
|
+
anchorBoundingBox: anchorBoundingBox,
|
|
303
|
+
arrowConfig: arrowConfig
|
|
303
304
|
}),
|
|
304
|
-
primaryAxisPosition = _getPrimaryAxisPositi.primaryAxisPosition
|
|
305
|
+
primaryAxisPosition = _getPrimaryAxisPositi.primaryAxisPosition,
|
|
306
|
+
primaryAxisArrowPosition = _getPrimaryAxisPositi.primaryAxisArrowPosition;
|
|
305
307
|
var popoverPlacement = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, crossAxisFirstSide, crossAxisPosition), primaryAxisPositionName, primaryAxisPosition);
|
|
306
308
|
|
|
307
309
|
// calculate the fit of the popover in this location
|
|
@@ -322,12 +324,15 @@ function getPopoverScreenCoordinates(_ref2) {
|
|
|
322
324
|
width: popoverBoundingBox.width,
|
|
323
325
|
height: popoverBoundingBox.height
|
|
324
326
|
}, combinedBoundingBox);
|
|
325
|
-
var arrow = arrowConfig ? (0, _defineProperty2.default)((0, _defineProperty2.default)({}, crossAxisFirstSide, crossAxisArrowPosition - popoverPlacement[crossAxisFirstSide]
|
|
327
|
+
var arrow = arrowConfig ? (0, _defineProperty2.default)((0, _defineProperty2.default)({}, crossAxisFirstSide, crossAxisArrowPosition - popoverPlacement[crossAxisFirstSide]), primaryAxisPositionName, primaryAxisArrowPosition) : undefined;
|
|
326
328
|
return {
|
|
327
329
|
fit: fit,
|
|
328
330
|
top: popoverPlacement.top,
|
|
329
331
|
left: popoverPlacement.left,
|
|
330
|
-
arrow: arrow
|
|
332
|
+
arrow: arrow ? {
|
|
333
|
+
left: arrow.left,
|
|
334
|
+
top: arrow.top
|
|
335
|
+
} : undefined
|
|
331
336
|
};
|
|
332
337
|
}
|
|
333
338
|
function getCrossAxisPosition(_ref4) {
|
|
@@ -419,7 +424,8 @@ function getPrimaryAxisPosition(_ref5) {
|
|
|
419
424
|
var position = _ref5.position,
|
|
420
425
|
offset = _ref5.offset,
|
|
421
426
|
popoverBoundingBox = _ref5.popoverBoundingBox,
|
|
422
|
-
anchorBoundingBox = _ref5.anchorBoundingBox
|
|
427
|
+
anchorBoundingBox = _ref5.anchorBoundingBox,
|
|
428
|
+
arrowConfig = _ref5.arrowConfig;
|
|
423
429
|
// if positioning to the top or left, the target position decreases
|
|
424
430
|
// from the anchor's top or left, otherwise the position adds to the anchor's
|
|
425
431
|
var isOffsetDecreasing = position === 'top' || position === 'left';
|
|
@@ -435,8 +441,13 @@ function getPrimaryAxisPosition(_ref5) {
|
|
|
435
441
|
var primaryAxisOffset = isOffsetDecreasing ? popoverSizeOnPrimaryAxis : anchorSizeOnPrimaryAxis;
|
|
436
442
|
var contentOffset = (offset + primaryAxisOffset) * (isOffsetDecreasing ? -1 : 1);
|
|
437
443
|
var primaryAxisPosition = anchorEdgeOrigin + contentOffset;
|
|
444
|
+
var primaryAxisArrowPosition;
|
|
445
|
+
if (arrowConfig) {
|
|
446
|
+
primaryAxisArrowPosition = isOffsetDecreasing ? popoverSizeOnPrimaryAxis : 0;
|
|
447
|
+
}
|
|
438
448
|
return {
|
|
439
|
-
primaryAxisPosition: primaryAxisPosition
|
|
449
|
+
primaryAxisPosition: primaryAxisPosition,
|
|
450
|
+
primaryAxisArrowPosition: primaryAxisArrowPosition
|
|
440
451
|
};
|
|
441
452
|
}
|
|
442
453
|
|
|
@@ -14,7 +14,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
14
14
|
var _react = require("@emotion/react");
|
|
15
15
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
16
16
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
17
|
-
var _themes = require("../../themes/themes");
|
|
18
17
|
var _emotion = require("../emotion");
|
|
19
18
|
var _css2 = require("../emotion/css");
|
|
20
19
|
var _current_breakpoint = require("../breakpoint/current_breakpoint");
|
|
@@ -22,7 +21,6 @@ var _context = require("./context");
|
|
|
22
21
|
var _emotion2 = require("./emotion");
|
|
23
22
|
var _style_memoization = require("./style_memoization");
|
|
24
23
|
var _utils = require("./utils");
|
|
25
|
-
var _color = require("../color");
|
|
26
24
|
var _excluded = ["cloneElement", "className"];
|
|
27
25
|
var _templateObject;
|
|
28
26
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -73,41 +71,19 @@ var EuiThemeProvider = exports.EuiThemeProvider = function EuiThemeProvider(_ref
|
|
|
73
71
|
setColorMode = _useState6[1];
|
|
74
72
|
var prevColorMode = (0, _react2.useRef)(colorMode);
|
|
75
73
|
var isParentTheme = (0, _react2.useRef)(prevSystemKey.current === parentSystem.key && colorMode === parentColorMode && (0, _isEqual.default)(parentModifications, modifications));
|
|
76
|
-
var updateVisColorStore = (0, _react2.useCallback)(function (theme) {
|
|
77
|
-
var _theme$flags$hasVisCo, _theme$flags;
|
|
78
|
-
_color.EUI_VIS_COLOR_STORE.setVisColors(theme.colors.vis, (_theme$flags$hasVisCo = (_theme$flags = theme.flags) === null || _theme$flags === void 0 ? void 0 : _theme$flags.hasVisColorAdjustment) !== null && _theme$flags$hasVisCo !== void 0 ? _theme$flags$hasVisCo : true);
|
|
79
|
-
}, []);
|
|
80
|
-
var getInitialTheme = function getInitialTheme() {
|
|
81
|
-
var theme = (0, _utils.getComputed)(system, (0, _utils.buildTheme)(modifications, "_".concat(system.key)), colorMode);
|
|
82
|
-
setTimeout(function () {
|
|
83
|
-
updateVisColorStore(theme);
|
|
84
|
-
});
|
|
85
|
-
return theme;
|
|
86
|
-
};
|
|
87
74
|
var _useState7 = (0, _react2.useState)(isParentTheme.current && Object.keys(parentTheme).length ? _objectSpread({}, parentTheme) // Intentionally create a new object to break referential equality
|
|
88
|
-
:
|
|
75
|
+
: (0, _utils.getComputed)(system, (0, _utils.buildTheme)(modifications, "_".concat(system.key)), colorMode)),
|
|
89
76
|
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
90
77
|
theme = _useState8[0],
|
|
91
78
|
setTheme = _useState8[1];
|
|
92
|
-
|
|
93
|
-
// TODO: temp. testing code only, remove once obsolete
|
|
94
|
-
(0, _react2.useEffect)(function () {
|
|
95
|
-
if (process.env.NODE_ENV === 'development') {
|
|
96
|
-
var isEnabled = localStorage.getItem(_themes.EUI_EXPERIMENTAL_THEME_ENABLED_KEY) != null;
|
|
97
|
-
if (!isEnabled) {
|
|
98
|
-
localStorage.setItem(_themes.EUI_EXPERIMENTAL_THEME_ENABLED_KEY, 'true');
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}, []);
|
|
102
79
|
(0, _react2.useEffect)(function () {
|
|
103
80
|
var newSystem = _system || parentSystem;
|
|
104
81
|
if (prevSystemKey.current !== newSystem.key) {
|
|
105
82
|
setSystem(newSystem);
|
|
106
83
|
prevSystemKey.current = newSystem.key;
|
|
107
84
|
isParentTheme.current = false;
|
|
108
|
-
updateVisColorStore(theme);
|
|
109
85
|
}
|
|
110
|
-
}, [_system, parentSystem
|
|
86
|
+
}, [_system, parentSystem]);
|
|
111
87
|
(0, _react2.useEffect)(function () {
|
|
112
88
|
var newModifications = (0, _utils.mergeDeep)(parentModifications, _modifications);
|
|
113
89
|
if (!(0, _isEqual.default)(prevModifications.current, newModifications)) {
|
|
@@ -3,16 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
exports.COLOR_MODES_STANDARD = exports.COLOR_MODES_INVERSE = void 0;
|
|
7
|
+
/*
|
|
8
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
9
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
10
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
11
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
12
|
+
* Side Public License, v 1.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
var COLOR_MODES_STANDARD = exports.COLOR_MODES_STANDARD = {
|
|
16
|
+
light: 'LIGHT',
|
|
17
|
+
dark: 'DARK'
|
|
18
|
+
};
|
|
19
|
+
var COLOR_MODES_INVERSE = exports.COLOR_MODES_INVERSE = 'INVERSE';
|