@elastic/eui 99.3.0-classic.0 → 99.4.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 → eui_theme_dark.json} +65 -177
- package/dist/{eui_theme_borealis_dark.json.d.ts → eui_theme_dark.json.d.ts} +66 -178
- package/dist/{eui_theme_amsterdam_light.json → eui_theme_light.json} +65 -177
- package/dist/{eui_theme_amsterdam_dark.json.d.ts → eui_theme_light.json.d.ts} +66 -178
- package/es/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
- package/es/components/avatar/avatar.js +4 -4
- package/es/components/badge/badge.styles.js +2 -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/beacon/beacon.styles.js +2 -2
- package/es/components/bottom_bar/bottom_bar.styles.js +3 -2
- package/es/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
- package/es/components/button/button.js +1 -1
- package/es/components/button/button_display/_button_display.styles.js +1 -1
- package/es/components/button/button_empty/button_empty.js +1 -1
- package/es/components/button/button_group/button_group_button.js +1 -1
- package/es/components/button/button_group/button_group_button.styles.js +6 -6
- package/es/components/button/button_icon/button_icon.js +1 -1
- package/es/components/button/button_icon/button_icon.styles.js +1 -1
- package/es/components/call_out/call_out.styles.js +4 -4
- package/es/components/card/card.js +1 -1
- package/es/components/card/card.styles.js +3 -6
- 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 +28 -24
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +9 -9
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +19 -19
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +19 -19
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +3 -3
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +45 -45
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
- package/es/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
- package/es/components/color_picker/color_picker.js +3 -4
- 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/combo_box/combo_box.js +5 -1
- package/es/components/combo_box/combo_box_input/combo_box_input.js +1 -0
- package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
- package/es/components/comment_list/comment.js +1 -1
- package/es/components/comment_list/comment_event.js +4 -5
- package/es/components/comment_list/comment_list.js +1 -1
- package/es/components/common.js +28 -0
- package/es/components/datagrid/data_grid.styles.js +7 -6
- package/es/components/date_picker/date_picker.styles.js +1 -1
- package/es/components/date_picker/date_picker_range.styles.js +1 -1
- package/es/components/date_picker/react_date_picker.styles.js +1 -2
- package/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +63 -7
- package/es/components/date_picker/super_date_picker/super_date_picker.js +12 -2
- package/es/components/date_picker/super_date_picker/super_date_picker.styles.js +5 -4
- package/es/components/drag_and_drop/droppable.styles.js +4 -2
- package/es/components/empty_prompt/empty_prompt.js +1 -1
- package/es/components/empty_prompt/empty_prompt.styles.js +2 -6
- package/es/components/expression/expression.styles.js +13 -13
- package/es/components/filter_group/filter_select_item.js +1 -1
- package/es/components/filter_group/filter_select_item.styles.js +2 -1
- package/es/components/flyout/_flyout_close_button.styles.js +3 -2
- package/es/components/flyout/flyout.js +1 -1
- package/es/components/flyout/flyout.styles.js +3 -8
- package/es/components/flyout/flyout_footer.styles.js +1 -1
- package/es/components/form/form.styles.js +32 -28
- 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/header/header.styles.js +10 -9
- package/es/components/icon/icon.styles.js +8 -9
- package/es/components/icon/named_colors.js +1 -1
- package/es/components/image/image.styles.js +1 -1
- package/es/components/image/image_button.styles.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.styles.js +7 -9
- package/es/components/link/link.styles.js +6 -6
- package/es/components/list_group/list_group_item.styles.js +11 -9
- package/es/components/loading/loading_chart.styles.js +5 -18
- package/es/components/loading/loading_spinner.styles.js +2 -2
- package/es/components/mark/mark.styles.js +9 -2
- package/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
- package/es/components/markdown_editor/markdown_format.styles.js +2 -2
- package/es/components/modal/modal.styles.js +2 -2
- package/es/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/es/components/page_template/inner/page_inner.styles.js +3 -3
- package/es/components/pagination/pagination.styles.js +2 -2
- package/es/components/panel/panel.js +1 -1
- package/es/components/panel/panel.styles.js +2 -3
- package/es/components/panel/split_panel/split_panel.js +1 -1
- package/es/components/popover/popover.js +4 -3
- 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.styles.js +6 -7
- package/es/components/progress/progress.js +1 -1
- package/es/components/progress/progress.styles.js +28 -30
- package/es/components/provider/provider.js +1 -1
- package/es/components/resizable_container/resizable_collapse_button.styles.js +1 -1
- package/es/components/resizable_container/resizable_panel.js +1 -1
- package/es/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/es/components/side_nav/side_nav_item.styles.js +7 -6
- package/es/components/skeleton/utils.js +7 -5
- package/es/components/stat/stat.styles.js +5 -5
- package/es/components/steps/step_number.styles.js +1 -1
- package/es/components/table/table_cells_shared.styles.js +8 -3
- package/es/components/table/table_row.styles.js +11 -9
- package/es/components/tabs/tab.styles.js +2 -2
- 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/text_diff/text_diff.styles.js +1 -1
- package/es/components/toast/toast.styles.js +2 -2
- 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/tool_tip.styles.js +25 -13
- package/es/components/tour/_tour_footer.styles.js +4 -2
- package/es/components/tour/tour.styles.js +12 -8
- 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 -3
- package/es/global_styling/reset/global_styles.js +3 -3
- package/es/global_styling/variables/_colors_vis.js +61 -0
- 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 +54 -148
- package/es/services/color/index.js +0 -2
- package/es/services/index.js +1 -2
- package/es/services/popover/index.js +1 -4
- package/es/services/popover/popover_positioning.js +17 -6
- package/es/services/theme/provider.js +2 -15
- package/es/services/theme/types.js +6 -1
- package/es/services/theme/utils.js +303 -1
- package/es/themes/amsterdam/global_styling/functions/shadows.js +10 -1
- package/es/themes/amsterdam/global_styling/mixins/button.js +203 -1
- package/es/themes/amsterdam/global_styling/mixins/shadow.js +146 -1
- package/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/es/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -1
- package/es/themes/amsterdam/global_styling/variables/_colors.js +19 -612
- package/es/themes/amsterdam/theme.js +1 -7
- package/es/themes/index.js +2 -1
- package/es/themes/themes.js +21 -1
- package/eui.d.ts +1362 -897
- package/i18ntokens.json +36 -36
- package/lib/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
- package/lib/components/avatar/avatar.js +2 -2
- package/lib/components/badge/badge.styles.js +2 -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/beacon/beacon.styles.js +2 -2
- package/lib/components/bottom_bar/bottom_bar.styles.js +3 -2
- package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
- package/lib/components/button/button.js +1 -1
- package/lib/components/button/button_display/_button_display.styles.js +1 -1
- package/lib/components/button/button_empty/button_empty.js +1 -1
- package/lib/components/button/button_group/button_group_button.js +1 -1
- package/lib/components/button/button_group/button_group_button.styles.js +5 -5
- package/lib/components/button/button_icon/button_icon.js +1 -1
- package/lib/components/button/button_icon/button_icon.styles.js +1 -1
- package/lib/components/call_out/call_out.styles.js +4 -4
- package/lib/components/card/card.js +1 -1
- package/lib/components/card/card.styles.js +2 -5
- 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 +28 -24
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +9 -9
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +19 -19
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +19 -19
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +3 -3
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +45 -45
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
- package/lib/components/color_picker/color_palette_display/color_palette_display.styles.js +2 -1
- package/lib/components/color_picker/color_picker.js +2 -3
- 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/combo_box/combo_box.js +5 -1
- package/lib/components/combo_box/combo_box_input/combo_box_input.js +1 -0
- package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
- package/lib/components/comment_list/comment.js +1 -1
- package/lib/components/comment_list/comment_event.js +4 -5
- package/lib/components/comment_list/comment_list.js +1 -1
- package/lib/components/common.js +28 -0
- package/lib/components/datagrid/data_grid.styles.js +7 -6
- package/lib/components/date_picker/date_picker.styles.js +2 -2
- package/lib/components/date_picker/date_picker_range.styles.js +2 -2
- package/lib/components/date_picker/react_date_picker.styles.js +2 -3
- package/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +62 -7
- package/lib/components/date_picker/super_date_picker/super_date_picker.js +12 -2
- package/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
- package/lib/components/drag_and_drop/droppable.styles.js +4 -2
- package/lib/components/empty_prompt/empty_prompt.js +1 -1
- package/lib/components/empty_prompt/empty_prompt.styles.js +1 -5
- package/lib/components/expression/expression.styles.js +13 -13
- package/lib/components/filter_group/filter_select_item.js +1 -1
- package/lib/components/filter_group/filter_select_item.styles.js +2 -1
- package/lib/components/flyout/_flyout_close_button.styles.js +4 -3
- package/lib/components/flyout/flyout.js +1 -1
- package/lib/components/flyout/flyout.styles.js +3 -8
- package/lib/components/flyout/flyout_footer.styles.js +1 -1
- package/lib/components/form/form.styles.js +31 -27
- 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/header/header.styles.js +9 -8
- package/lib/components/icon/icon.styles.js +8 -9
- package/lib/components/icon/named_colors.js +1 -1
- package/lib/components/image/image.styles.js +2 -2
- package/lib/components/image/image_button.styles.js +3 -3
- package/lib/components/inline_edit/inline_edit_form.styles.js +2 -1
- package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +7 -9
- package/lib/components/link/link.styles.js +6 -6
- package/lib/components/list_group/list_group_item.styles.js +10 -8
- package/lib/components/loading/loading_chart.styles.js +5 -18
- package/lib/components/loading/loading_spinner.styles.js +2 -2
- package/lib/components/mark/mark.styles.js +9 -2
- package/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
- package/lib/components/markdown_editor/markdown_format.styles.js +2 -2
- package/lib/components/modal/modal.styles.js +3 -3
- package/lib/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/lib/components/page_template/inner/page_inner.styles.js +2 -2
- package/lib/components/pagination/pagination.styles.js +2 -2
- package/lib/components/panel/panel.js +1 -1
- package/lib/components/panel/panel.styles.js +3 -4
- package/lib/components/panel/split_panel/split_panel.js +1 -1
- package/lib/components/popover/popover.js +4 -3
- 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.styles.js +9 -10
- package/lib/components/progress/progress.js +1 -1
- package/lib/components/progress/progress.styles.js +27 -29
- package/lib/components/provider/provider.js +1 -1
- package/lib/components/resizable_container/resizable_collapse_button.styles.js +2 -2
- package/lib/components/resizable_container/resizable_panel.js +1 -1
- package/lib/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/lib/components/side_nav/side_nav_item.styles.js +7 -6
- package/lib/components/skeleton/utils.js +6 -4
- package/lib/components/stat/stat.styles.js +5 -5
- package/lib/components/steps/step_number.styles.js +1 -1
- package/lib/components/table/table_cells_shared.styles.js +8 -3
- package/lib/components/table/table_row.styles.js +10 -8
- package/lib/components/tabs/tab.styles.js +2 -2
- 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/text_diff/text_diff.styles.js +1 -1
- package/lib/components/toast/toast.styles.js +2 -2
- 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/tool_tip.styles.js +24 -12
- 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 -22
- package/lib/global_styling/reset/global_styles.js +2 -2
- package/lib/global_styling/variables/_colors_vis.js +67 -0
- 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 +54 -148
- package/lib/services/color/index.js +0 -20
- package/lib/services/index.js +0 -19
- package/lib/services/popover/index.js +1 -8
- package/lib/services/popover/popover_positioning.js +17 -6
- package/lib/services/theme/provider.js +2 -15
- package/lib/services/theme/types.js +14 -13
- package/lib/services/theme/utils.js +303 -54
- package/lib/themes/amsterdam/global_styling/functions/shadows.js +19 -7
- package/lib/themes/amsterdam/global_styling/mixins/button.js +206 -45
- package/lib/themes/amsterdam/global_styling/mixins/shadow.js +154 -10
- package/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +16 -7
- package/lib/themes/amsterdam/global_styling/variables/_colors.js +24 -616
- package/lib/themes/amsterdam/theme.js +1 -7
- package/lib/themes/index.js +11 -4
- package/lib/themes/themes.js +23 -1
- package/optimize/es/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
- package/optimize/es/components/avatar/avatar.js +4 -4
- 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 +3 -2
- 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/button/button_icon/button_icon.styles.js +1 -1
- package/optimize/es/components/call_out/call_out.styles.js +4 -4
- 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 +28 -24
- 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_group.js +2 -2
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
- 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 -4
- 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/combo_box/combo_box.js +5 -1
- package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +1 -0
- package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
- 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/date_picker.styles.js +1 -1
- package/optimize/es/components/date_picker/date_picker_range.styles.js +1 -1
- package/optimize/es/components/date_picker/react_date_picker.styles.js +1 -2
- package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +19 -6
- package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +4 -2
- package/optimize/es/components/date_picker/super_date_picker/super_date_picker.styles.js +5 -4
- 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/expression/expression.styles.js +13 -13
- package/optimize/es/components/filter_group/filter_select_item.js +1 -1
- package/optimize/es/components/filter_group/filter_select_item.styles.js +2 -1
- package/optimize/es/components/flyout/_flyout_close_button.styles.js +3 -2
- package/optimize/es/components/flyout/flyout.js +1 -1
- package/optimize/es/components/flyout/flyout.styles.js +3 -8
- 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 +10 -9
- package/optimize/es/components/icon/icon.styles.js +8 -9
- package/optimize/es/components/icon/named_colors.js +1 -1
- package/optimize/es/components/image/image.styles.js +1 -1
- package/optimize/es/components/image/image_button.styles.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 +7 -9
- package/optimize/es/components/link/link.styles.js +6 -6
- 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/loading/loading_spinner.styles.js +2 -2
- 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 +2 -2
- package/optimize/es/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/optimize/es/components/page_template/inner/page_inner.styles.js +3 -3
- package/optimize/es/components/pagination/pagination.styles.js +2 -2
- package/optimize/es/components/panel/panel.styles.js +2 -3
- package/optimize/es/components/popover/popover.js +4 -3
- 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.styles.js +6 -7
- package/optimize/es/components/progress/progress.js +1 -1
- package/optimize/es/components/progress/progress.styles.js +28 -30
- package/optimize/es/components/provider/provider.js +1 -1
- package/optimize/es/components/resizable_container/resizable_collapse_button.styles.js +1 -1
- package/optimize/es/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
- package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/optimize/es/components/side_nav/side_nav_item.styles.js +7 -6
- package/optimize/es/components/skeleton/utils.js +7 -5
- package/optimize/es/components/stat/stat.styles.js +5 -5
- package/optimize/es/components/steps/step_number.styles.js +1 -1
- package/optimize/es/components/table/table_cells_shared.styles.js +8 -3
- package/optimize/es/components/table/table_row.styles.js +11 -9
- package/optimize/es/components/tabs/tab.styles.js +2 -2
- 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/text_diff/text_diff.styles.js +1 -1
- package/optimize/es/components/toast/toast.styles.js +2 -2
- 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 +25 -13
- 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 -3
- package/optimize/es/global_styling/reset/global_styles.js +3 -3
- package/optimize/es/global_styling/variables/_colors_vis.js +61 -0
- 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 +54 -148
- package/optimize/es/services/color/index.js +0 -2
- package/optimize/es/services/index.js +1 -2
- 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 -15
- 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/functions/shadows.js +10 -1
- package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +198 -1
- package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +146 -1
- package/optimize/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/optimize/es/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -1
- 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 +2 -1
- package/optimize/es/themes/themes.js +21 -1
- package/optimize/lib/components/accordion/accordion_trigger/accordion_trigger.js +1 -0
- package/optimize/lib/components/avatar/avatar.js +2 -2
- 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 +3 -2
- 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/button/button_icon/button_icon.styles.js +1 -1
- package/optimize/lib/components/call_out/call_out.styles.js +4 -4
- 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 +28 -24
- 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_group.js +2 -2
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
- 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 -3
- 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/combo_box/combo_box.js +5 -1
- package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +1 -0
- package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
- 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/date_picker.styles.js +2 -2
- package/optimize/lib/components/date_picker/date_picker_range.styles.js +2 -2
- package/optimize/lib/components/date_picker/react_date_picker.styles.js +2 -3
- package/optimize/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +19 -6
- package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +4 -2
- package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
- 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/expression/expression.styles.js +13 -13
- package/optimize/lib/components/filter_group/filter_select_item.js +1 -1
- package/optimize/lib/components/filter_group/filter_select_item.styles.js +2 -1
- package/optimize/lib/components/flyout/_flyout_close_button.styles.js +4 -3
- package/optimize/lib/components/flyout/flyout.js +1 -1
- package/optimize/lib/components/flyout/flyout.styles.js +3 -8
- 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 +9 -8
- package/optimize/lib/components/icon/icon.styles.js +8 -9
- package/optimize/lib/components/icon/named_colors.js +1 -1
- package/optimize/lib/components/image/image.styles.js +2 -2
- package/optimize/lib/components/image/image_button.styles.js +3 -3
- 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 +7 -9
- package/optimize/lib/components/link/link.styles.js +6 -6
- 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/loading/loading_spinner.styles.js +2 -2
- 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 +3 -3
- package/optimize/lib/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/optimize/lib/components/page_template/inner/page_inner.styles.js +2 -2
- package/optimize/lib/components/pagination/pagination.styles.js +2 -2
- package/optimize/lib/components/panel/panel.styles.js +3 -4
- package/optimize/lib/components/popover/popover.js +4 -3
- 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.styles.js +9 -10
- package/optimize/lib/components/progress/progress.js +1 -1
- package/optimize/lib/components/progress/progress.styles.js +27 -29
- package/optimize/lib/components/provider/provider.js +1 -1
- package/optimize/lib/components/resizable_container/resizable_collapse_button.styles.js +2 -2
- package/optimize/lib/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
- package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/optimize/lib/components/side_nav/side_nav_item.styles.js +7 -6
- package/optimize/lib/components/skeleton/utils.js +6 -4
- package/optimize/lib/components/stat/stat.styles.js +5 -5
- package/optimize/lib/components/steps/step_number.styles.js +1 -1
- package/optimize/lib/components/table/table_cells_shared.styles.js +8 -3
- package/optimize/lib/components/table/table_row.styles.js +10 -8
- package/optimize/lib/components/tabs/tab.styles.js +2 -2
- 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/text_diff/text_diff.styles.js +1 -1
- package/optimize/lib/components/toast/toast.styles.js +2 -2
- 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 +24 -12
- 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 -22
- package/optimize/lib/global_styling/reset/global_styles.js +2 -2
- package/optimize/lib/global_styling/variables/_colors_vis.js +67 -0
- 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 +54 -148
- package/optimize/lib/services/color/index.js +0 -20
- package/optimize/lib/services/index.js +0 -19
- 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 -15
- 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/functions/shadows.js +19 -7
- package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +203 -45
- package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +154 -10
- package/optimize/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/optimize/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +16 -7
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +24 -616
- package/optimize/lib/themes/amsterdam/theme.js +1 -7
- package/optimize/lib/themes/index.js +11 -4
- package/optimize/lib/themes/themes.js +23 -1
- package/package.json +3 -7
- package/src/global_styling/functions/_colors.scss +3 -3
- package/src/global_styling/functions/_index.scss +5 -1
- package/src/global_styling/index.scss +10 -1
- package/src/global_styling/mixins/_shadow.scss +1 -1
- package/src/global_styling/mixins/_typography.scss +2 -2
- 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/_font_weight.scss +7 -1
- package/src/global_styling/variables/_form.scss +21 -2
- package/src/global_styling/variables/_index.scss +1 -0
- 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/accordion/accordion_trigger/accordion_trigger.js +1 -0
- package/test-env/components/avatar/avatar.js +2 -2
- package/test-env/components/badge/badge.styles.js +2 -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/beacon/beacon.styles.js +2 -2
- package/test-env/components/bottom_bar/bottom_bar.styles.js +3 -2
- package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +7 -5
- package/test-env/components/button/button.js +1 -1
- package/test-env/components/button/button_display/_button_display.styles.js +1 -1
- package/test-env/components/button/button_empty/button_empty.js +1 -1
- package/test-env/components/button/button_group/button_group_button.js +1 -1
- package/test-env/components/button/button_group/button_group_button.styles.js +5 -5
- package/test-env/components/button/button_icon/button_icon.js +1 -1
- package/test-env/components/button/button_icon/button_icon.styles.js +1 -1
- package/test-env/components/call_out/call_out.styles.js +4 -4
- package/test-env/components/card/card.js +1 -1
- package/test-env/components/card/card.styles.js +2 -5
- 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 +28 -24
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +5 -3
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +9 -9
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +19 -19
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +19 -19
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +3 -3
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +45 -45
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js +8 -6
- 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 -3
- 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/combo_box/combo_box.js +5 -1
- package/test-env/components/combo_box/combo_box_input/combo_box_input.js +1 -0
- package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +6 -2
- package/test-env/components/comment_list/comment.js +1 -1
- package/test-env/components/comment_list/comment_event.js +4 -5
- package/test-env/components/comment_list/comment_list.js +1 -1
- package/test-env/components/common.js +28 -0
- package/test-env/components/datagrid/data_grid.styles.js +7 -6
- package/test-env/components/date_picker/date_picker.styles.js +2 -2
- package/test-env/components/date_picker/date_picker_range.styles.js +2 -2
- package/test-env/components/date_picker/react_date_picker.styles.js +2 -3
- package/test-env/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +60 -7
- package/test-env/components/date_picker/super_date_picker/super_date_picker.js +12 -2
- package/test-env/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -3
- package/test-env/components/drag_and_drop/droppable.styles.js +4 -2
- package/test-env/components/empty_prompt/empty_prompt.js +1 -1
- package/test-env/components/empty_prompt/empty_prompt.styles.js +1 -5
- package/test-env/components/expression/expression.styles.js +13 -13
- package/test-env/components/filter_group/filter_select_item.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 +4 -3
- package/test-env/components/flyout/flyout.styles.js +3 -8
- package/test-env/components/flyout/flyout_footer.styles.js +1 -1
- package/test-env/components/form/form.styles.js +31 -27
- 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/header/header.styles.js +9 -8
- package/test-env/components/icon/icon.styles.js +8 -9
- package/test-env/components/icon/named_colors.js +1 -1
- package/test-env/components/image/image.styles.js +2 -2
- package/test-env/components/image/image_button.styles.js +3 -3
- package/test-env/components/inline_edit/inline_edit_form.styles.js +2 -1
- package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +7 -9
- package/test-env/components/link/link.styles.js +6 -6
- package/test-env/components/list_group/list_group_item.styles.js +10 -8
- package/test-env/components/loading/loading_chart.styles.js +5 -13
- package/test-env/components/loading/loading_spinner.styles.js +2 -2
- package/test-env/components/mark/mark.styles.js +9 -2
- package/test-env/components/markdown_editor/markdown_editor_drop_zone.styles.js +3 -2
- package/test-env/components/markdown_editor/markdown_format.styles.js +2 -2
- package/test-env/components/modal/modal.styles.js +3 -3
- package/test-env/components/overlay_mask/overlay_mask.styles.js +2 -1
- package/test-env/components/page_template/inner/page_inner.styles.js +2 -2
- package/test-env/components/pagination/pagination.styles.js +2 -2
- package/test-env/components/panel/panel.js +1 -1
- package/test-env/components/panel/panel.styles.js +3 -4
- package/test-env/components/panel/split_panel/split_panel.js +1 -1
- package/test-env/components/popover/popover.js +4 -3
- 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.styles.js +9 -10
- package/test-env/components/progress/progress.js +1 -1
- package/test-env/components/progress/progress.styles.js +27 -29
- package/test-env/components/provider/provider.js +1 -1
- package/test-env/components/resizable_container/resizable_collapse_button.styles.js +2 -2
- package/test-env/components/resizable_container/resizable_panel.js +1 -1
- package/test-env/components/selectable/selectable_list/selectable_list_item.styles.js +3 -2
- package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/test-env/components/side_nav/side_nav_item.styles.js +7 -6
- package/test-env/components/skeleton/utils.js +6 -4
- package/test-env/components/stat/stat.styles.js +5 -5
- package/test-env/components/steps/step_number.styles.js +1 -1
- package/test-env/components/table/table_cells_shared.styles.js +8 -3
- package/test-env/components/table/table_row.styles.js +10 -8
- package/test-env/components/tabs/tab.styles.js +2 -2
- 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/text_diff/text_diff.styles.js +1 -1
- package/test-env/components/toast/toast.styles.js +2 -2
- 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/tool_tip.styles.js +24 -12
- 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 -22
- package/test-env/global_styling/reset/global_styles.js +2 -2
- package/test-env/global_styling/variables/_colors_vis.js +67 -0
- 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/breakpoint/current_breakpoint_hook.js +3 -3
- package/test-env/services/color/eui_palettes.js +54 -148
- package/test-env/services/color/index.js +0 -20
- package/test-env/services/index.js +0 -19
- 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 -15
- 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/functions/shadows.js +19 -7
- package/test-env/themes/amsterdam/global_styling/mixins/button.js +203 -45
- package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +154 -10
- package/test-env/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/test-env/themes/amsterdam/global_styling/variables/_breakpoint.js +16 -7
- package/test-env/themes/amsterdam/global_styling/variables/_colors.js +24 -616
- package/test-env/themes/amsterdam/theme.js +1 -7
- package/test-env/themes/index.js +11 -4
- package/test-env/themes/themes.js +23 -1
- package/dist/eui_theme_amsterdam_light.json.d.ts +0 -425
- package/dist/eui_theme_borealis_dark.json +0 -422
- package/dist/eui_theme_borealis_light.json +0 -422
- package/dist/eui_theme_borealis_light.json.d.ts +0 -425
- package/es/global_styling/mixins/_button.js +0 -159
- package/es/global_styling/mixins/_shadow.js +0 -31
- package/es/services/color/eui_palettes_hooks.js +0 -74
- 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 -133
- package/es/themes/amsterdam/global_styling/variables/_components.js +0 -619
- package/es/themes/amsterdam/global_styling/variables/_forms.js +0 -161
- package/lib/global_styling/mixins/_button.js +0 -164
- package/lib/global_styling/mixins/_shadow.js +0 -84
- package/lib/services/color/eui_palettes_hooks.js +0 -78
- 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 -139
- package/lib/themes/amsterdam/global_styling/variables/_components.js +0 -623
- package/lib/themes/amsterdam/global_styling/variables/_forms.js +0 -165
- package/optimize/es/global_styling/mixins/_button.js +0 -159
- package/optimize/es/global_styling/mixins/_shadow.js +0 -31
- package/optimize/es/services/color/eui_palettes_hooks.js +0 -71
- 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 -133
- package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +0 -611
- 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/global_styling/mixins/_shadow.js +0 -84
- package/optimize/lib/services/color/eui_palettes_hooks.js +0 -76
- 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 -139
- package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +0 -616
- package/optimize/lib/themes/amsterdam/global_styling/variables/_forms.js +0 -158
- package/src/themes/amsterdam/global_styling/variables/_forms.scss +0 -12
- package/test-env/global_styling/mixins/_button.js +0 -165
- package/test-env/global_styling/mixins/_shadow.js +0 -84
- package/test-env/services/color/eui_palettes_hooks.js +0 -76
- 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 -139
- package/test-env/themes/amsterdam/global_styling/variables/_components.js +0 -616
- package/test-env/themes/amsterdam/global_styling/variables/_forms.js +0 -158
- /package/src/{themes/amsterdam/global_styling → global_styling}/variables/_colors_vis.scss +0 -0
|
@@ -1,425 +0,0 @@
|
|
|
1
|
-
declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
|
|
2
|
-
const sassVariables: {
|
|
3
|
-
euiZDataGrid: number;
|
|
4
|
-
euiZHeaderBelowDataGrid: number;
|
|
5
|
-
euiZDataGridCellPopover: number;
|
|
6
|
-
euiDataGridCellPaddingS: string;
|
|
7
|
-
euiDataGridCellPaddingM: string;
|
|
8
|
-
euiDataGridCellPaddingL: string;
|
|
9
|
-
euiTableHoverColor: string;
|
|
10
|
-
euiTableSelectedColor: string;
|
|
11
|
-
euiTableHoverSelectedColor: string;
|
|
12
|
-
euiTableActionsBorderColor: string;
|
|
13
|
-
euiTableHoverClickableColor: string;
|
|
14
|
-
euiTableFocusClickableColor: string;
|
|
15
|
-
euiContrastRatioText: number;
|
|
16
|
-
euiContrastRatioGraphic: number;
|
|
17
|
-
euiContrastRatioDisabled: number;
|
|
18
|
-
euiAnimSlightBounce: string;
|
|
19
|
-
euiAnimSlightResistance: string;
|
|
20
|
-
euiAnimSpeedExtraFast: string;
|
|
21
|
-
euiAnimSpeedFast: string;
|
|
22
|
-
euiAnimSpeedNormal: string;
|
|
23
|
-
euiAnimSpeedSlow: string;
|
|
24
|
-
euiAnimSpeedExtraSlow: string;
|
|
25
|
-
euiBorderWidthThin: string;
|
|
26
|
-
euiBorderWidthThick: string;
|
|
27
|
-
euiBorderColor: string;
|
|
28
|
-
euiBorderRadius: string;
|
|
29
|
-
euiBorderRadiusSmall: string;
|
|
30
|
-
euiBorderThick: string;
|
|
31
|
-
euiBorderThin: string;
|
|
32
|
-
euiBorderEditable: string;
|
|
33
|
-
euiButtonHeight: string;
|
|
34
|
-
euiButtonHeightSmall: string;
|
|
35
|
-
euiButtonHeightXSmall: string;
|
|
36
|
-
euiButtonColorDisabled: string;
|
|
37
|
-
euiButtonColorDisabledText: string;
|
|
38
|
-
euiButtonColorGhostDisabled: string;
|
|
39
|
-
euiButtonTypes: {
|
|
40
|
-
primary: string;
|
|
41
|
-
accent: string;
|
|
42
|
-
accentSecondary: string;
|
|
43
|
-
success: string;
|
|
44
|
-
warning: string;
|
|
45
|
-
danger: string;
|
|
46
|
-
ghost: string;
|
|
47
|
-
text: string;
|
|
48
|
-
};
|
|
49
|
-
euiFontWeightLight: number;
|
|
50
|
-
euiFontWeightRegular: number;
|
|
51
|
-
euiFontWeightMedium: number;
|
|
52
|
-
euiFontWeightSemiBold: number;
|
|
53
|
-
euiFontWeightBold: number;
|
|
54
|
-
euiCodeFontWeightRegular: number;
|
|
55
|
-
euiCodeFontWeightBold: number;
|
|
56
|
-
euiFormMaxWidth: string;
|
|
57
|
-
euiFormControlHeight: string;
|
|
58
|
-
euiFormControlCompressedHeight: string;
|
|
59
|
-
euiFormControlPadding: string;
|
|
60
|
-
euiFormControlCompressedPadding: string;
|
|
61
|
-
euiFormControlBorderRadius: string;
|
|
62
|
-
euiFormControlCompressedBorderRadius: string;
|
|
63
|
-
euiRadioSize: string;
|
|
64
|
-
euiCheckBoxSize: string;
|
|
65
|
-
euiCheckboxBorderRadius: string;
|
|
66
|
-
euiSwitchHeight: string;
|
|
67
|
-
euiSwitchWidth: string;
|
|
68
|
-
euiSwitchThumbSize: string;
|
|
69
|
-
euiSwitchIconHeight: string;
|
|
70
|
-
euiSwitchHeightCompressed: string;
|
|
71
|
-
euiSwitchWidthCompressed: string;
|
|
72
|
-
euiSwitchThumbSizeCompressed: string;
|
|
73
|
-
euiSwitchHeightMini: string;
|
|
74
|
-
euiSwitchWidthMini: string;
|
|
75
|
-
euiSwitchThumbSizeMini: string;
|
|
76
|
-
euiFormBackgroundColor: string;
|
|
77
|
-
euiFormBackgroundDisabledColor: string;
|
|
78
|
-
euiFormBackgroundReadOnlyColor: string;
|
|
79
|
-
euiFormBorderOpaqueColor: string;
|
|
80
|
-
euiFormBorderColor: string;
|
|
81
|
-
euiFormBorderDisabledColor: string;
|
|
82
|
-
euiFormCustomControlDisabledIconColor: string;
|
|
83
|
-
euiFormCustomControlBorderColor: string;
|
|
84
|
-
euiFormControlDisabledColor: string;
|
|
85
|
-
euiFormControlBoxShadow: string;
|
|
86
|
-
euiFormControlPlaceholderText: string;
|
|
87
|
-
euiFormInputGroupLabelBackground: string;
|
|
88
|
-
euiFormInputGroupBorder: string;
|
|
89
|
-
euiSwitchOffColor: string;
|
|
90
|
-
euiFormControlIconSizes: {
|
|
91
|
-
small: string;
|
|
92
|
-
medium: string;
|
|
93
|
-
large: string;
|
|
94
|
-
xLarge: string;
|
|
95
|
-
xxLarge: string;
|
|
96
|
-
};
|
|
97
|
-
euiFormControlLayoutGroupInputHeight: string;
|
|
98
|
-
euiFormControlLayoutGroupInputCompressedHeight: string;
|
|
99
|
-
euiFormControlLayoutGroupInputCompressedBorderRadius: string;
|
|
100
|
-
euiHeaderBackgroundColor: string;
|
|
101
|
-
euiHeaderDarkBackgroundColor: string;
|
|
102
|
-
euiHeaderBorderColor: string;
|
|
103
|
-
euiHeaderBreadcrumbColor: string;
|
|
104
|
-
euiHeaderHeight: string;
|
|
105
|
-
euiHeaderChildSize: string;
|
|
106
|
-
euiHeaderHeightCompensation: string;
|
|
107
|
-
euiPageDefaultMaxWidth: string;
|
|
108
|
-
euiPageSidebarMinWidth: string;
|
|
109
|
-
euiPanelPaddingModifiers: {
|
|
110
|
-
paddingSmall: string;
|
|
111
|
-
paddingMedium: string;
|
|
112
|
-
paddingLarge: string;
|
|
113
|
-
};
|
|
114
|
-
euiPanelBorderRadiusModifiers: {
|
|
115
|
-
borderRadiusNone: number;
|
|
116
|
-
borderRadiusMedium: string;
|
|
117
|
-
};
|
|
118
|
-
euiPanelBackgroundColorModifiers: {
|
|
119
|
-
transparent: string;
|
|
120
|
-
plain: string;
|
|
121
|
-
subdued: string;
|
|
122
|
-
accent: string;
|
|
123
|
-
accentSecondary: string;
|
|
124
|
-
primary: string;
|
|
125
|
-
success: string;
|
|
126
|
-
warning: string;
|
|
127
|
-
danger: string;
|
|
128
|
-
};
|
|
129
|
-
euiBreakpoints: {
|
|
130
|
-
xs: number;
|
|
131
|
-
s: string;
|
|
132
|
-
m: string;
|
|
133
|
-
l: string;
|
|
134
|
-
xl: string;
|
|
135
|
-
};
|
|
136
|
-
euiBreakpointKeys: string;
|
|
137
|
-
euiShadowColor: string;
|
|
138
|
-
euiSize: string;
|
|
139
|
-
euiSizeXS: string;
|
|
140
|
-
euiSizeS: string;
|
|
141
|
-
euiSizeM: string;
|
|
142
|
-
euiSizeL: string;
|
|
143
|
-
euiSizeXL: string;
|
|
144
|
-
euiSizeXXL: string;
|
|
145
|
-
euiScrollBar: string;
|
|
146
|
-
euiScrollBarCorner: string;
|
|
147
|
-
euiScrollBarCornerThin: string;
|
|
148
|
-
euiFocusRingColor: string;
|
|
149
|
-
euiFocusRingAnimStartColor: string;
|
|
150
|
-
euiFocusRingAnimStartSize: string;
|
|
151
|
-
euiFocusRingAnimStartSizeLarge: string;
|
|
152
|
-
euiFocusRingSizeLarge: string;
|
|
153
|
-
euiFocusRingSize: string;
|
|
154
|
-
euiFocusTransparency: number;
|
|
155
|
-
euiFocusTransparencyPercent: string;
|
|
156
|
-
euiFocusBackgroundColor: string;
|
|
157
|
-
euiFontFamily: string;
|
|
158
|
-
euiCodeFontFamily: string;
|
|
159
|
-
euiFontFeatureSettings: string;
|
|
160
|
-
euiTextScale: string;
|
|
161
|
-
euiFontSize: string;
|
|
162
|
-
euiFontSizeXS: string;
|
|
163
|
-
euiFontSizeS: string;
|
|
164
|
-
euiFontSizeM: string;
|
|
165
|
-
euiFontSizeL: string;
|
|
166
|
-
euiFontSizeXL: string;
|
|
167
|
-
euiFontSizeXXL: string;
|
|
168
|
-
euiLineHeight: number;
|
|
169
|
-
euiBodyLineHeight: number;
|
|
170
|
-
euiTitles: {
|
|
171
|
-
xxxs: {
|
|
172
|
-
'font-size': string;
|
|
173
|
-
'line-height': string;
|
|
174
|
-
'font-weight': number;
|
|
175
|
-
};
|
|
176
|
-
xxs: {
|
|
177
|
-
'font-size': string;
|
|
178
|
-
'line-height': string;
|
|
179
|
-
'font-weight': number;
|
|
180
|
-
};
|
|
181
|
-
xs: {
|
|
182
|
-
'font-size': string;
|
|
183
|
-
'line-height': string;
|
|
184
|
-
'font-weight': number;
|
|
185
|
-
};
|
|
186
|
-
s: {
|
|
187
|
-
'font-size': string;
|
|
188
|
-
'line-height': string;
|
|
189
|
-
'font-weight': number;
|
|
190
|
-
};
|
|
191
|
-
m: {
|
|
192
|
-
'font-size': string;
|
|
193
|
-
'line-height': string;
|
|
194
|
-
'font-weight': number;
|
|
195
|
-
};
|
|
196
|
-
l: {
|
|
197
|
-
'font-size': string;
|
|
198
|
-
'line-height': string;
|
|
199
|
-
'font-weight': number;
|
|
200
|
-
};
|
|
201
|
-
};
|
|
202
|
-
euiZLevel0: number;
|
|
203
|
-
euiZLevel1: number;
|
|
204
|
-
euiZLevel2: number;
|
|
205
|
-
euiZLevel3: number;
|
|
206
|
-
euiZLevel4: number;
|
|
207
|
-
euiZLevel5: number;
|
|
208
|
-
euiZLevel6: number;
|
|
209
|
-
euiZLevel7: number;
|
|
210
|
-
euiZLevel8: number;
|
|
211
|
-
euiZLevel9: number;
|
|
212
|
-
euiZToastList: number;
|
|
213
|
-
euiZModal: number;
|
|
214
|
-
euiZMask: number;
|
|
215
|
-
euiZNavigation: number;
|
|
216
|
-
euiZContentMenu: number;
|
|
217
|
-
euiZHeader: number;
|
|
218
|
-
euiZFlyout: number;
|
|
219
|
-
euiZMaskBelowHeader: number;
|
|
220
|
-
euiZContent: number;
|
|
221
|
-
euiPaletteColorBlind: {
|
|
222
|
-
euiColorVis0: {
|
|
223
|
-
graphic: string;
|
|
224
|
-
behindText: string;
|
|
225
|
-
};
|
|
226
|
-
euiColorVis1: {
|
|
227
|
-
graphic: string;
|
|
228
|
-
behindText: string;
|
|
229
|
-
};
|
|
230
|
-
euiColorVis2: {
|
|
231
|
-
graphic: string;
|
|
232
|
-
behindText: string;
|
|
233
|
-
};
|
|
234
|
-
euiColorVis3: {
|
|
235
|
-
graphic: string;
|
|
236
|
-
behindText: string;
|
|
237
|
-
};
|
|
238
|
-
euiColorVis4: {
|
|
239
|
-
graphic: string;
|
|
240
|
-
behindText: string;
|
|
241
|
-
};
|
|
242
|
-
euiColorVis5: {
|
|
243
|
-
graphic: string;
|
|
244
|
-
behindText: string;
|
|
245
|
-
};
|
|
246
|
-
euiColorVis6: {
|
|
247
|
-
graphic: string;
|
|
248
|
-
behindText: string;
|
|
249
|
-
};
|
|
250
|
-
euiColorVis7: {
|
|
251
|
-
graphic: string;
|
|
252
|
-
behindText: string;
|
|
253
|
-
};
|
|
254
|
-
euiColorVis8: {
|
|
255
|
-
graphic: string;
|
|
256
|
-
behindText: string;
|
|
257
|
-
};
|
|
258
|
-
euiColorVis9: {
|
|
259
|
-
graphic: string;
|
|
260
|
-
behindText: string;
|
|
261
|
-
};
|
|
262
|
-
};
|
|
263
|
-
euiPaletteColorBlindKeys: string;
|
|
264
|
-
euiColorVis0: string;
|
|
265
|
-
euiColorVis1: string;
|
|
266
|
-
euiColorVis2: string;
|
|
267
|
-
euiColorVis3: string;
|
|
268
|
-
euiColorVis4: string;
|
|
269
|
-
euiColorVis5: string;
|
|
270
|
-
euiColorVis6: string;
|
|
271
|
-
euiColorVis7: string;
|
|
272
|
-
euiColorVis8: string;
|
|
273
|
-
euiColorVis9: string;
|
|
274
|
-
euiColorVis0_behindText: string;
|
|
275
|
-
euiColorVis1_behindText: string;
|
|
276
|
-
euiColorVis2_behindText: string;
|
|
277
|
-
euiColorVis3_behindText: string;
|
|
278
|
-
euiColorVis4_behindText: string;
|
|
279
|
-
euiColorVis5_behindText: string;
|
|
280
|
-
euiColorVis6_behindText: string;
|
|
281
|
-
euiColorVis7_behindText: string;
|
|
282
|
-
euiColorVis8_behindText: string;
|
|
283
|
-
euiColorVis9_behindText: string;
|
|
284
|
-
euiColorVisAsTextLight0: string;
|
|
285
|
-
euiColorVisAsTextLight1: string;
|
|
286
|
-
euiColorVisAsTextLight2: string;
|
|
287
|
-
euiColorVisAsTextLight3: string;
|
|
288
|
-
euiColorVisAsTextLight4: string;
|
|
289
|
-
euiColorVisAsTextLight5: string;
|
|
290
|
-
euiColorVisAsTextLight6: string;
|
|
291
|
-
euiColorVisAsTextDark0: string;
|
|
292
|
-
euiColorVisAsTextDark1: string;
|
|
293
|
-
euiColorVisAsTextDark2: string;
|
|
294
|
-
euiColorVisAsTextDark3: string;
|
|
295
|
-
euiColorVisAsTextDark4: string;
|
|
296
|
-
euiColorVisAsTextDark5: string;
|
|
297
|
-
euiColorVisAsTextDark6: string;
|
|
298
|
-
euiColorVisSuccess0: string;
|
|
299
|
-
euiColorVisSuccess1: string;
|
|
300
|
-
euiColorVisWarning0: string;
|
|
301
|
-
euiColorVisDanger0: string;
|
|
302
|
-
euiColorVisDanger1: string;
|
|
303
|
-
euiColorVisNeutral0: string;
|
|
304
|
-
euiColorVisGrey0: string;
|
|
305
|
-
euiColorVisGrey1: string;
|
|
306
|
-
euiColorVisGrey2: string;
|
|
307
|
-
euiColorVisGrey3: string;
|
|
308
|
-
euiColorVisWarm0: string;
|
|
309
|
-
euiColorVisWarm1: string;
|
|
310
|
-
euiColorVisWarm2: string;
|
|
311
|
-
euiColorVisCool0: string;
|
|
312
|
-
euiColorVisCool1: string;
|
|
313
|
-
euiColorVisCool2: string;
|
|
314
|
-
euiColorVisComplementary0: string;
|
|
315
|
-
euiColorVisComplementary1: string;
|
|
316
|
-
euiColorSeverity0: string;
|
|
317
|
-
euiColorSeverity1: string;
|
|
318
|
-
euiColorSeverity2: string;
|
|
319
|
-
euiColorSeverity3: string;
|
|
320
|
-
euiColorSeverity4: string;
|
|
321
|
-
euiColorSeverity5: string;
|
|
322
|
-
euiColorSeverity6: string;
|
|
323
|
-
euiColorSeverity7: string;
|
|
324
|
-
euiColorSeverity8: string;
|
|
325
|
-
euiColorSeverity9: string;
|
|
326
|
-
euiColorSeverity10: string;
|
|
327
|
-
euiColorSeverity11: string;
|
|
328
|
-
euiColorSeverity12: string;
|
|
329
|
-
euiColorSeverity13: string;
|
|
330
|
-
euiColorSeverity14: string;
|
|
331
|
-
euiColorChartLines: string;
|
|
332
|
-
euiColorChartBand: string;
|
|
333
|
-
euiColorGhost: string;
|
|
334
|
-
euiColorInk: string;
|
|
335
|
-
euiColorPrimary: string;
|
|
336
|
-
euiColorAccent: string;
|
|
337
|
-
euiColorAccentSecondary: string;
|
|
338
|
-
euiColorSuccess: string;
|
|
339
|
-
euiColorWarning: string;
|
|
340
|
-
euiColorDanger: string;
|
|
341
|
-
euiColorEmptyShade: string;
|
|
342
|
-
euiColorLightestShade: string;
|
|
343
|
-
euiColorLightShade: string;
|
|
344
|
-
euiColorMediumShade: string;
|
|
345
|
-
euiColorDarkShade: string;
|
|
346
|
-
euiColorDarkestShade: string;
|
|
347
|
-
euiColorFullShade: string;
|
|
348
|
-
euiPageBackgroundColor: string;
|
|
349
|
-
euiColorHighlight: string;
|
|
350
|
-
euiTextColor: string;
|
|
351
|
-
euiTitleColor: string;
|
|
352
|
-
euiTextSubduedColor: string;
|
|
353
|
-
euiColorDisabled: string;
|
|
354
|
-
euiColorPrimaryText: string;
|
|
355
|
-
euiColorSuccessText: string;
|
|
356
|
-
euiColorAccentText: string;
|
|
357
|
-
euiColorWarningText: string;
|
|
358
|
-
euiColorDangerText: string;
|
|
359
|
-
euiColorDisabledText: string;
|
|
360
|
-
euiLinkColor: string;
|
|
361
|
-
euiColorPlainLight: string;
|
|
362
|
-
euiColorPlainDark: string;
|
|
363
|
-
euiColorTextPrimary: string;
|
|
364
|
-
euiColorTextAccent: string;
|
|
365
|
-
euiColorTextAccentSecondary: string;
|
|
366
|
-
euiColorTextSuccess: string;
|
|
367
|
-
euiColorTextWarning: string;
|
|
368
|
-
euiColorTextDanger: string;
|
|
369
|
-
euiColorTextParagraph: string;
|
|
370
|
-
euiColorTextHeading: string;
|
|
371
|
-
euiColorTextSubdued: string;
|
|
372
|
-
euiColorTextDisabled: string;
|
|
373
|
-
euiColorTextInverse: string;
|
|
374
|
-
euiColorBackgroundBasePrimary: string;
|
|
375
|
-
euiColorBackgroundBaseAccent: string;
|
|
376
|
-
euiColorBackgroundBaseAccentSecondary: string;
|
|
377
|
-
euiColorBackgroundBaseSuccess: string;
|
|
378
|
-
euiColorBackgroundBaseWarning: string;
|
|
379
|
-
euiColorBackgroundBaseDanger: string;
|
|
380
|
-
euiColorBackgroundBaseSubdued: string;
|
|
381
|
-
euiColorBackgroundBasePlain: string;
|
|
382
|
-
euiColorBackgroundBaseDisabled: string;
|
|
383
|
-
euiColorBackgroundBaseHighlighted: string;
|
|
384
|
-
euiColorBackgroundBaseFormsPrepend: string;
|
|
385
|
-
euiColorBackgroundBaseFormsControlDisabled: string;
|
|
386
|
-
euiColorBackgroundBaseInteractiveHover: string;
|
|
387
|
-
euiColorBackgroundBaseInteractiveSelect: string;
|
|
388
|
-
euiColorBackgroundBaseInteractiveOverlay: string;
|
|
389
|
-
euiColorBackgroundBaseSkeletonEdge: string;
|
|
390
|
-
euiColorBackgroundBaseSkeletonMiddle: string;
|
|
391
|
-
euiColorBackgroundLightPrimary: string;
|
|
392
|
-
euiColorBackgroundLightAccent: string;
|
|
393
|
-
euiColorBackgroundLightAccentSecondary: string;
|
|
394
|
-
euiColorBackgroundLightSuccess: string;
|
|
395
|
-
euiColorBackgroundLightWarning: string;
|
|
396
|
-
euiColorBackgroundLightDanger: string;
|
|
397
|
-
euiColorBackgroundLightText: string;
|
|
398
|
-
euiColorBackgroundFilledPrimary: string;
|
|
399
|
-
euiColorBackgroundFilledAccent: string;
|
|
400
|
-
euiColorBackgroundFilledAccentSecondary: string;
|
|
401
|
-
euiColorBackgroundFilledSuccess: string;
|
|
402
|
-
euiColorBackgroundFilledWarning: string;
|
|
403
|
-
euiColorBackgroundFilledDanger: string;
|
|
404
|
-
euiColorBackgroundFilledText: string;
|
|
405
|
-
euiColorBorderBasePrimary: string;
|
|
406
|
-
euiColorBorderBaseAccent: string;
|
|
407
|
-
euiColorBorderBaseAccentSecondary: string;
|
|
408
|
-
euiColorBorderBaseSuccess: string;
|
|
409
|
-
euiColorBorderBaseWarning: string;
|
|
410
|
-
euiColorBorderBaseDanger: string;
|
|
411
|
-
euiColorBorderBasePlain: string;
|
|
412
|
-
euiColorBorderBaseSubdued: string;
|
|
413
|
-
euiColorBorderBaseDisabled: string;
|
|
414
|
-
euiColorBorderBaseFloating: string;
|
|
415
|
-
euiColorBorderBaseFormsColorSwatch: string;
|
|
416
|
-
euiColorBorderBaseFormsControl: string;
|
|
417
|
-
euiColorBorderStrongPrimary: string;
|
|
418
|
-
euiColorBorderStrongAccent: string;
|
|
419
|
-
euiColorBorderStrongAccentSecondary: string;
|
|
420
|
-
euiColorBorderStrongSuccess: string;
|
|
421
|
-
euiColorBorderStrongWarning: string;
|
|
422
|
-
euiColorBorderStrongDanger: string;
|
|
423
|
-
};
|
|
424
|
-
export default sassVariables;
|
|
425
|
-
}
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
var _templateObject;
|
|
2
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
|
-
/*
|
|
4
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
5
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
6
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
7
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
8
|
-
* Side Public License, v 1.
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
import { css, keyframes } from '@emotion/react';
|
|
12
|
-
import { getTokenName, euiCanAnimate } from '@elastic/eui-theme-common';
|
|
13
|
-
import { makeHighContrastColor, useEuiMemoizedStyles } from '../../services';
|
|
14
|
-
export var BUTTON_COLORS = ['text', 'accent', 'accentSecondary', 'primary', 'success', 'warning', 'danger'];
|
|
15
|
-
export var BUTTON_DISPLAYS = ['base', 'fill', 'empty'];
|
|
16
|
-
/**
|
|
17
|
-
* Creates the `base` version of button styles with proper text contrast.
|
|
18
|
-
* @param euiThemeContext
|
|
19
|
-
* @param color One of the named button colors or 'disabled'
|
|
20
|
-
* @returns Style object `{ backgroundColor, color }`
|
|
21
|
-
*/
|
|
22
|
-
export var euiButtonColor = function euiButtonColor(euiThemeContext, color) {
|
|
23
|
-
var euiTheme = euiThemeContext.euiTheme;
|
|
24
|
-
var backgroundTokenName = getTokenName('background', color);
|
|
25
|
-
var textTokenName = getTokenName('textColor', color);
|
|
26
|
-
var foreground = euiTheme.components.buttons[textTokenName];
|
|
27
|
-
var background = euiTheme.components.buttons[backgroundTokenName];
|
|
28
|
-
return {
|
|
29
|
-
color: background === 'transparent' || color === 'disabled' ? foreground : makeHighContrastColor(foreground)(background),
|
|
30
|
-
backgroundColor: background
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
* Creates the `fill` version of buttons styles with proper text contrast.
|
|
36
|
-
* @param euiThemeContext
|
|
37
|
-
* @param color One of the named button colors or 'disabled'
|
|
38
|
-
* @returns Style object `{ backgroundColor, color }`
|
|
39
|
-
*/
|
|
40
|
-
export var euiButtonFillColor = function euiButtonFillColor(euiThemeContext, color) {
|
|
41
|
-
var euiTheme = euiThemeContext.euiTheme;
|
|
42
|
-
var backgroundTokenName = getTokenName('backgroundFilled', color);
|
|
43
|
-
var textColorTokenName = getTokenName('textColorFilled', color);
|
|
44
|
-
var foreground = euiTheme.components.buttons[textColorTokenName];
|
|
45
|
-
var background = euiTheme.components.buttons[backgroundTokenName];
|
|
46
|
-
return {
|
|
47
|
-
color: foreground,
|
|
48
|
-
backgroundColor: background
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Creates the `empty` version of button styles using the text-variant and adding interactive styles.
|
|
54
|
-
* @param euiThemeContext
|
|
55
|
-
* @param color One of the named button colors or 'disabled'
|
|
56
|
-
* @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
|
|
57
|
-
*/
|
|
58
|
-
export var euiButtonEmptyColor = function euiButtonEmptyColor(euiThemeContext, color) {
|
|
59
|
-
var foreground;
|
|
60
|
-
var background;
|
|
61
|
-
switch (color) {
|
|
62
|
-
case 'disabled':
|
|
63
|
-
foreground = euiButtonColor(euiThemeContext, color).color;
|
|
64
|
-
background = 'transparent';
|
|
65
|
-
break;
|
|
66
|
-
default:
|
|
67
|
-
{
|
|
68
|
-
var backgroundToken = getTokenName('backgroundEmpty', color, 'hover');
|
|
69
|
-
foreground = euiButtonColor(euiThemeContext, color).color;
|
|
70
|
-
background = euiThemeContext.euiTheme.components.buttons[backgroundToken];
|
|
71
|
-
break;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
return {
|
|
75
|
-
color: foreground,
|
|
76
|
-
backgroundColor: background
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Given the button display type, returns the Emotion based color keys.
|
|
82
|
-
* @param options Button display type
|
|
83
|
-
* @returns An object of `_EuiButtonColor` keys including `disabled`
|
|
84
|
-
*/
|
|
85
|
-
export var useEuiButtonColorCSS = function useEuiButtonColorCSS() {
|
|
86
|
-
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
87
|
-
var _options$display = options.display,
|
|
88
|
-
display = _options$display === void 0 ? 'base' : _options$display;
|
|
89
|
-
var colorsDisplaysMap = useEuiMemoizedStyles(euiButtonDisplaysColors);
|
|
90
|
-
return colorsDisplaysMap[display];
|
|
91
|
-
};
|
|
92
|
-
var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext) {
|
|
93
|
-
var COLORS = [].concat(BUTTON_COLORS, ['disabled']);
|
|
94
|
-
var displaysColorsMap = {};
|
|
95
|
-
BUTTON_DISPLAYS.forEach(function (display) {
|
|
96
|
-
displaysColorsMap[display] = {};
|
|
97
|
-
COLORS.forEach(function (color) {
|
|
98
|
-
switch (display) {
|
|
99
|
-
case 'base':
|
|
100
|
-
displaysColorsMap[display][color] = /*#__PURE__*/css(euiButtonColor(euiThemeContext, color), ";;label:displaysColorsMap-display-color;");
|
|
101
|
-
break;
|
|
102
|
-
case 'fill':
|
|
103
|
-
displaysColorsMap[display][color] = /*#__PURE__*/css(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";;label:displaysColorsMap-display-color;");
|
|
104
|
-
break;
|
|
105
|
-
case 'empty':
|
|
106
|
-
displaysColorsMap[display][color] = /*#__PURE__*/css("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";&:focus,&:active{background-color:", euiButtonEmptyColor(euiThemeContext, color).backgroundColor, ";};label:displaysColorsMap-display-color;");
|
|
107
|
-
break;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
// Tweak auto-generated Emotion label/className output
|
|
111
|
-
var emotionOutput = displaysColorsMap[display][color];
|
|
112
|
-
emotionOutput.styles = emotionOutput.styles.replace('label:displaysColorsMap-display-color;', "label:".concat(display, "-").concat(color, ";"));
|
|
113
|
-
});
|
|
114
|
-
});
|
|
115
|
-
return displaysColorsMap;
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
/**
|
|
119
|
-
* Creates the translate animation when button is in focus.
|
|
120
|
-
* @returns string
|
|
121
|
-
*/
|
|
122
|
-
export var useEuiButtonFocusCSS = function useEuiButtonFocusCSS() {
|
|
123
|
-
return useEuiMemoizedStyles(euiButtonFocusCSS);
|
|
124
|
-
};
|
|
125
|
-
var euiButtonFocusAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 50% {\n transform: translateY(1px);\n }\n"])));
|
|
126
|
-
var euiButtonFocusCSS = function euiButtonFocusCSS(_ref) {
|
|
127
|
-
var euiTheme = _ref.euiTheme;
|
|
128
|
-
var focusCSS = /*#__PURE__*/css(euiCanAnimate, "{transition:transform ", euiTheme.animation.normal, " ease-in-out,background-color ", euiTheme.animation.normal, " ease-in-out;&:hover:not(:disabled){transform:translateY(-1px);}&:focus{animation:", euiButtonFocusAnimation, " ", euiTheme.animation.normal, " ", euiTheme.animation.bounce, ";}&:active:not(:disabled){transform:translateY(1px);}};label:focusCSS;");
|
|
129
|
-
// Remove the auto-generated label.
|
|
130
|
-
// We could typically avoid a label by using a plain string `` instead of css``,
|
|
131
|
-
// but we need css`` for keyframes`` to work for the focus animation
|
|
132
|
-
focusCSS.styles = focusCSS.styles.replace('label:focusCSS;', '');
|
|
133
|
-
return focusCSS;
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
/**
|
|
137
|
-
* Map of `size` props to various sizings/scales
|
|
138
|
-
* that should remain consistent across all buttons
|
|
139
|
-
*/
|
|
140
|
-
export var euiButtonSizeMap = function euiButtonSizeMap(_ref2) {
|
|
141
|
-
var euiTheme = _ref2.euiTheme;
|
|
142
|
-
return {
|
|
143
|
-
xs: {
|
|
144
|
-
height: euiTheme.size.l,
|
|
145
|
-
radius: euiTheme.border.radius.small,
|
|
146
|
-
fontScale: 'xs'
|
|
147
|
-
},
|
|
148
|
-
s: {
|
|
149
|
-
height: euiTheme.size.xl,
|
|
150
|
-
radius: euiTheme.border.radius.small,
|
|
151
|
-
fontScale: 's'
|
|
152
|
-
},
|
|
153
|
-
m: {
|
|
154
|
-
height: euiTheme.size.xxl,
|
|
155
|
-
radius: euiTheme.border.radius.medium,
|
|
156
|
-
fontScale: 's'
|
|
157
|
-
}
|
|
158
|
-
};
|
|
159
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
-
* Side Public License, v 1.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
import { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge } from '@elastic/eui-theme-common';
|
|
10
|
-
import { useEuiTheme } from '../../services/theme';
|
|
11
|
-
export { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge };
|
|
12
|
-
export var useEuiSlightShadowHover = function useEuiSlightShadowHover(color) {
|
|
13
|
-
var euiThemeContext = useEuiTheme();
|
|
14
|
-
return euiSlightShadowHover(euiThemeContext, {
|
|
15
|
-
color: color
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
export var useEuiShadowFlat = function useEuiShadowFlat(color) {
|
|
19
|
-
var euiThemeContext = useEuiTheme();
|
|
20
|
-
return euiShadowFlat(euiThemeContext, {
|
|
21
|
-
color: color
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
export var useEuiShadow = function useEuiShadow() {
|
|
25
|
-
var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'l';
|
|
26
|
-
var color = arguments.length > 1 ? arguments[1] : undefined;
|
|
27
|
-
var euiThemeContext = useEuiTheme();
|
|
28
|
-
return euiShadow(euiThemeContext, size, {
|
|
29
|
-
color: color
|
|
30
|
-
});
|
|
31
|
-
};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
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
|
-
import { useMemo } from 'react';
|
|
16
|
-
import { useEuiTheme } from '../theme/hooks';
|
|
17
|
-
import { euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteGreen, euiPaletteRed, euiPaletteWarm } from './eui_palettes';
|
|
18
|
-
export var useEuiPaletteColorBlind = function useEuiPaletteColorBlind(args) {
|
|
19
|
-
return _useEuiPaletteFn(euiPaletteColorBlind, args);
|
|
20
|
-
};
|
|
21
|
-
export var useEuiPaletteColorBlindBehindText = function useEuiPaletteColorBlindBehindText(args) {
|
|
22
|
-
return _useEuiPaletteFn(euiPaletteColorBlindBehindText, args);
|
|
23
|
-
};
|
|
24
|
-
export var useEuiPaletteForStatus = function useEuiPaletteForStatus(steps) {
|
|
25
|
-
return _useEuiPaletteWithStepsFn(euiPaletteForStatus, steps);
|
|
26
|
-
};
|
|
27
|
-
export var useEuiPaletteForTemperature = function useEuiPaletteForTemperature(steps) {
|
|
28
|
-
return _useEuiPaletteWithStepsFn(euiPaletteForTemperature, steps);
|
|
29
|
-
};
|
|
30
|
-
export var useEuiPaletteComplementary = function useEuiPaletteComplementary(steps) {
|
|
31
|
-
return _useEuiPaletteWithStepsFn(euiPaletteComplementary, steps);
|
|
32
|
-
};
|
|
33
|
-
export var useEuiPaletteRed = function useEuiPaletteRed(steps) {
|
|
34
|
-
return _useEuiPaletteWithStepsFn(euiPaletteRed, steps);
|
|
35
|
-
};
|
|
36
|
-
export var useEuiPaletteGreen = function useEuiPaletteGreen(steps) {
|
|
37
|
-
return _useEuiPaletteWithStepsFn(euiPaletteGreen, steps);
|
|
38
|
-
};
|
|
39
|
-
export var useEuiPaletteCool = function useEuiPaletteCool(steps) {
|
|
40
|
-
return _useEuiPaletteWithStepsFn(euiPaletteCool, steps);
|
|
41
|
-
};
|
|
42
|
-
export var useEuiPaletteWarm = function useEuiPaletteWarm(steps) {
|
|
43
|
-
return _useEuiPaletteWithStepsFn(euiPaletteWarm, steps);
|
|
44
|
-
};
|
|
45
|
-
export var useEuiPaletteGray = function useEuiPaletteGray(steps) {
|
|
46
|
-
return _useEuiPaletteWithStepsFn(euiPaletteGray, steps);
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
/* Internal helper utils */
|
|
50
|
-
|
|
51
|
-
var _useEuiPaletteFn = function _useEuiPaletteFn(palleteFn, args) {
|
|
52
|
-
var _useEuiTheme = useEuiTheme(),
|
|
53
|
-
euiTheme = _useEuiTheme.euiTheme;
|
|
54
|
-
var colors = euiTheme.colors,
|
|
55
|
-
flags = euiTheme.flags;
|
|
56
|
-
return useMemo(function () {
|
|
57
|
-
return palleteFn(_objectSpread(_objectSpread({}, args), {}, {
|
|
58
|
-
colors: colors.vis,
|
|
59
|
-
hasVisColorAdjustment: flags.hasVisColorAdjustment
|
|
60
|
-
}));
|
|
61
|
-
}, [colors, flags, args, palleteFn]);
|
|
62
|
-
};
|
|
63
|
-
var _useEuiPaletteWithStepsFn = function _useEuiPaletteWithStepsFn(palleteFn, steps) {
|
|
64
|
-
var _useEuiTheme2 = useEuiTheme(),
|
|
65
|
-
euiTheme = _useEuiTheme2.euiTheme;
|
|
66
|
-
var colors = euiTheme.colors,
|
|
67
|
-
flags = euiTheme.flags;
|
|
68
|
-
return useMemo(function () {
|
|
69
|
-
return palleteFn(steps, {
|
|
70
|
-
colors: colors.vis,
|
|
71
|
-
hasVisColorAdjustment: flags.hasVisColorAdjustment
|
|
72
|
-
});
|
|
73
|
-
}, [colors, flags, steps, palleteFn]);
|
|
74
|
-
};
|