@elastic/eui 99.4.0 → 100.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/CHANGELOG.md +5 -0
- package/dist/{eui_theme_dark.json → eui_theme_amsterdam_dark.json} +177 -65
- package/dist/{eui_theme_light.json.d.ts → eui_theme_amsterdam_dark.json.d.ts} +178 -66
- package/dist/{eui_theme_light.json → eui_theme_amsterdam_light.json} +177 -65
- package/dist/eui_theme_amsterdam_light.json.d.ts +425 -0
- package/dist/eui_theme_borealis_dark.json +422 -0
- package/dist/{eui_theme_dark.json.d.ts → eui_theme_borealis_dark.json.d.ts} +178 -66
- package/dist/eui_theme_borealis_light.json +422 -0
- package/dist/eui_theme_borealis_light.json.d.ts +425 -0
- package/es/components/avatar/avatar.js +4 -4
- package/es/components/badge/badge.styles.js +1 -2
- package/es/components/badge/beta_badge/beta_badge.styles.js +3 -1
- package/es/components/badge/color_utils.js +9 -8
- package/es/components/beacon/beacon.styles.js +2 -2
- package/es/components/bottom_bar/bottom_bar.styles.js +2 -3
- package/es/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
- 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 +6 -3
- package/es/components/code/code_block_annotations.js +1 -1
- package/es/components/code/code_block_line.styles.js +1 -2
- package/es/components/code/code_syntax.styles.js +24 -28
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
- 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 +1 -2
- package/es/components/color_picker/color_picker.js +4 -3
- package/es/components/color_picker/color_picker.styles.js +1 -2
- package/es/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/es/components/combo_box/combo_box.js +11 -1
- package/es/components/comment_list/comment.js +1 -1
- package/es/components/comment_list/comment_event.js +5 -4
- package/es/components/comment_list/comment_list.js +1 -1
- package/es/components/common.js +0 -28
- package/es/components/datagrid/data_grid.styles.js +6 -7
- 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 +2 -1
- package/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -5
- package/es/components/drag_and_drop/droppable.styles.js +2 -4
- package/es/components/empty_prompt/empty_prompt.js +1 -1
- package/es/components/empty_prompt/empty_prompt.styles.js +6 -2
- package/es/components/expression/expression.styles.js +13 -13
- package/es/components/filter_group/filter_select_item.styles.js +1 -2
- package/es/components/flyout/_flyout_close_button.styles.js +2 -3
- package/es/components/flyout/flyout.js +1 -1
- package/es/components/flyout/flyout.styles.js +8 -3
- package/es/components/flyout/flyout_footer.styles.js +1 -1
- package/es/components/form/form.styles.js +24 -32
- package/es/components/form/range/range_tooltip.styles.js +11 -13
- package/es/components/form/switch/switch.js +3 -7
- package/es/components/form/switch/switch.styles.js +16 -19
- package/es/components/header/header.styles.js +7 -8
- package/es/components/icon/icon.styles.js +9 -8
- 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 +1 -2
- package/es/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
- package/es/components/link/link.styles.js +6 -6
- package/es/components/list_group/list_group_item.styles.js +9 -11
- package/es/components/loading/loading_chart.styles.js +18 -5
- package/es/components/loading/loading_spinner.styles.js +2 -2
- package/es/components/mark/mark.styles.js +2 -9
- package/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
- 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 +1 -2
- 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 +3 -2
- package/es/components/panel/split_panel/split_panel.js +1 -1
- package/es/components/popover/popover.js +1 -1
- package/es/components/popover/popover_arrow/_popover_arrow.js +8 -3
- package/es/components/popover/popover_arrow/_popover_arrow.styles.js +18 -13
- package/es/components/popover/popover_footer.styles.js +1 -1
- package/es/components/popover/popover_panel/_popover_panel.styles.js +7 -6
- package/es/components/progress/progress.js +1 -1
- package/es/components/progress/progress.styles.js +30 -28
- package/es/components/provider/provider.js +2 -2
- 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 +2 -3
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/es/components/side_nav/side_nav_item.styles.js +6 -7
- package/es/components/skeleton/utils.js +5 -7
- 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 +3 -8
- package/es/components/table/table_row.styles.js +9 -11
- 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 +6 -5
- 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 +10 -4
- package/es/components/token/token.styles.js +14 -5
- package/es/components/token/token_map.js +243 -1
- package/es/components/tool_tip/tool_tip.styles.js +13 -25
- package/es/components/tour/_tour_footer.styles.js +2 -4
- package/es/components/tour/tour.styles.js +8 -12
- package/es/components/tree_view/tree_view_item.styles.js +1 -2
- package/es/global_styling/functions/math.js +1 -49
- package/es/global_styling/functions/size.js +1 -17
- package/es/global_styling/mixins/_button.js +159 -0
- package/es/global_styling/mixins/_color.js +39 -31
- package/es/global_styling/mixins/_shadow.js +31 -0
- package/es/global_styling/mixins/index.js +3 -1
- package/es/global_styling/reset/global_styles.js +3 -3
- package/es/global_styling/variables/animations.js +1 -22
- package/es/global_styling/variables/breakpoint.js +1 -7
- package/es/global_styling/variables/levels.js +1 -17
- package/es/global_styling/variables/shadow.js +1 -11
- package/es/global_styling/variables/size.js +1 -1
- package/es/global_styling/variables/typography.js +1 -32
- package/es/services/color/eui_palettes.js +148 -54
- package/es/services/color/eui_palettes_hooks.js +74 -0
- package/es/services/color/index.js +2 -0
- package/es/services/color/vis_color_store.js +13 -0
- package/es/services/index.js +2 -1
- package/es/services/popover/index.js +4 -1
- package/es/services/popover/popover_arrow.styles.js +31 -0
- package/es/services/popover/popover_positioning.js +6 -17
- package/es/services/theme/context.js +3 -3
- package/es/services/theme/provider.js +15 -2
- package/es/services/theme/types.js +1 -6
- package/es/services/theme/utils.js +1 -303
- package/es/themes/amsterdam/global_styling/functions/shadows.js +1 -10
- package/es/themes/amsterdam/global_styling/mixins/button.js +1 -203
- package/es/themes/amsterdam/global_styling/mixins/shadow.js +1 -146
- package/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/es/themes/amsterdam/global_styling/variables/_breakpoint.js +1 -7
- package/es/themes/amsterdam/global_styling/variables/_buttons.js +281 -0
- package/es/themes/amsterdam/global_styling/variables/_colors.js +612 -19
- package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +133 -0
- package/es/themes/amsterdam/global_styling/variables/_components.js +619 -0
- package/es/themes/amsterdam/global_styling/variables/_forms.js +161 -0
- package/es/themes/amsterdam/theme.js +7 -1
- package/es/themes/index.js +1 -2
- package/es/themes/themes.js +1 -21
- package/eui.d.ts +2726 -3183
- package/lib/components/avatar/avatar.js +2 -2
- package/lib/components/badge/badge.styles.js +1 -2
- package/lib/components/badge/beta_badge/beta_badge.styles.js +3 -1
- package/lib/components/badge/color_utils.js +14 -13
- package/lib/components/beacon/beacon.styles.js +2 -2
- package/lib/components/bottom_bar/bottom_bar.styles.js +2 -3
- package/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
- 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 +5 -2
- package/lib/components/code/code_block_annotations.js +1 -1
- package/lib/components/code/code_block_line.styles.js +1 -2
- package/lib/components/code/code_syntax.styles.js +24 -28
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
- 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 +1 -2
- package/lib/components/color_picker/color_picker.js +3 -2
- package/lib/components/color_picker/color_picker.styles.js +1 -2
- package/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/lib/components/combo_box/combo_box.js +11 -1
- package/lib/components/comment_list/comment.js +1 -1
- package/lib/components/comment_list/comment_event.js +5 -4
- package/lib/components/comment_list/comment_list.js +1 -1
- package/lib/components/common.js +0 -28
- package/lib/components/datagrid/data_grid.styles.js +6 -7
- 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 +3 -2
- package/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -4
- package/lib/components/drag_and_drop/droppable.styles.js +2 -4
- package/lib/components/empty_prompt/empty_prompt.js +1 -1
- package/lib/components/empty_prompt/empty_prompt.styles.js +5 -1
- package/lib/components/expression/expression.styles.js +13 -13
- package/lib/components/filter_group/filter_select_item.styles.js +1 -2
- package/lib/components/flyout/_flyout_close_button.styles.js +3 -4
- package/lib/components/flyout/flyout.js +1 -1
- package/lib/components/flyout/flyout.styles.js +8 -3
- package/lib/components/flyout/flyout_footer.styles.js +1 -1
- package/lib/components/form/form.styles.js +23 -31
- package/lib/components/form/range/range_tooltip.styles.js +11 -13
- package/lib/components/form/switch/switch.js +3 -7
- package/lib/components/form/switch/switch.styles.js +16 -19
- package/lib/components/header/header.styles.js +7 -8
- package/lib/components/icon/icon.styles.js +9 -8
- package/lib/components/icon/named_colors.js +1 -1
- package/lib/components/icon/svgs/aggregate.svg +0 -0
- package/lib/components/icon/svgs/color.svg +0 -0
- package/lib/components/icon/svgs/continuityAbove.svg +0 -0
- package/lib/components/icon/svgs/continuityAboveBelow.svg +0 -0
- package/lib/components/icon/svgs/continuityBelow.svg +0 -0
- package/lib/components/icon/svgs/continuityWithin.svg +0 -0
- package/lib/components/icon/svgs/documentation.svg +0 -0
- package/lib/components/icon/svgs/eraser.svg +0 -0
- package/lib/components/icon/svgs/folder_check.svg +0 -0
- package/lib/components/icon/svgs/folder_closed.svg +0 -0
- package/lib/components/icon/svgs/folder_exclamation.svg +0 -0
- package/lib/components/icon/svgs/folder_open.svg +0 -0
- package/lib/components/icon/svgs/fullScreenExit.svg +0 -0
- package/lib/components/icon/svgs/function.svg +0 -0
- package/lib/components/icon/svgs/layers.svg +0 -0
- package/lib/components/icon/svgs/menu.svg +0 -0
- package/lib/components/icon/svgs/ml_data_visualizer.svg +0 -0
- package/lib/components/icon/svgs/pageSelect.svg +0 -0
- package/lib/components/icon/svgs/pagesSelect.svg +0 -0
- package/lib/components/icon/svgs/percent.svg +0 -0
- package/lib/components/icon/svgs/push.svg +0 -0
- package/lib/components/icon/svgs/quote.svg +0 -0
- package/lib/components/icon/svgs/reporter.svg +0 -0
- package/lib/components/icon/svgs/securitySignal.svg +0 -0
- package/lib/components/icon/svgs/securitySignalDetected.svg +0 -0
- package/lib/components/icon/svgs/securitySignalResolved.svg +0 -0
- package/lib/components/icon/svgs/timeline.svg +0 -0
- package/lib/components/icon/svgs/users.svg +0 -0
- package/lib/components/icon/svgs/wordWrap.svg +0 -0
- package/lib/components/icon/svgs/wordWrapDisabled.svg +0 -0
- 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 +1 -2
- package/lib/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
- package/lib/components/link/link.styles.js +6 -6
- package/lib/components/list_group/list_group_item.styles.js +8 -10
- package/lib/components/loading/loading_chart.styles.js +18 -5
- package/lib/components/loading/loading_spinner.styles.js +2 -2
- package/lib/components/mark/mark.styles.js +2 -9
- package/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
- 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 +1 -2
- 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 +4 -3
- package/lib/components/panel/split_panel/split_panel.js +1 -1
- package/lib/components/popover/popover.js +1 -1
- package/lib/components/popover/popover_arrow/_popover_arrow.js +8 -3
- package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +18 -15
- package/lib/components/popover/popover_footer.styles.js +1 -1
- package/lib/components/popover/popover_panel/_popover_panel.styles.js +10 -9
- package/lib/components/progress/progress.js +1 -1
- package/lib/components/progress/progress.styles.js +29 -27
- package/lib/components/provider/provider.js +2 -2
- 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 +2 -3
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.styles.js +1 -1
- package/lib/components/side_nav/side_nav_item.styles.js +6 -7
- package/lib/components/skeleton/utils.js +4 -6
- 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 +3 -8
- package/lib/components/table/table_row.styles.js +8 -10
- 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 +6 -5
- 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 +12 -4
- package/lib/components/token/token.styles.js +14 -5
- package/lib/components/token/token_map.js +244 -2
- package/lib/components/tool_tip/tool_tip.styles.js +12 -24
- package/lib/components/tour/_tour_footer.styles.js +2 -4
- package/lib/components/tour/tour.styles.js +8 -12
- package/lib/components/tree_view/tree_view_item.styles.js +1 -2
- package/lib/global_styling/functions/math.js +7 -58
- package/lib/global_styling/functions/size.js +7 -26
- package/lib/global_styling/mixins/_button.js +164 -0
- package/lib/global_styling/mixins/_color.js +38 -30
- package/lib/global_styling/mixins/_shadow.js +84 -0
- package/lib/global_styling/mixins/index.js +22 -0
- package/lib/global_styling/reset/global_styles.js +2 -2
- package/lib/global_styling/variables/animations.js +25 -31
- package/lib/global_styling/variables/breakpoint.js +7 -16
- package/lib/global_styling/variables/levels.js +7 -26
- package/lib/global_styling/variables/shadow.js +13 -20
- package/lib/global_styling/variables/size.js +7 -10
- package/lib/global_styling/variables/typography.js +19 -41
- package/lib/services/color/eui_palettes.js +148 -54
- package/lib/services/color/eui_palettes_hooks.js +78 -0
- package/lib/services/color/index.js +20 -0
- package/lib/services/color/vis_color_store.js +18 -0
- package/lib/services/index.js +19 -0
- package/lib/services/popover/index.js +8 -1
- package/lib/services/popover/popover_arrow.styles.js +37 -0
- package/lib/services/popover/popover_positioning.js +6 -17
- package/lib/services/theme/context.js +3 -3
- package/lib/services/theme/provider.js +15 -2
- package/lib/services/theme/types.js +13 -14
- package/lib/services/theme/utils.js +54 -303
- package/lib/themes/amsterdam/global_styling/functions/shadows.js +7 -19
- package/lib/themes/amsterdam/global_styling/mixins/button.js +45 -206
- package/lib/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
- package/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
- package/lib/themes/amsterdam/global_styling/variables/_buttons.js +285 -0
- package/lib/themes/amsterdam/global_styling/variables/_colors.js +616 -24
- package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
- package/lib/themes/amsterdam/global_styling/variables/_components.js +623 -0
- package/lib/themes/amsterdam/global_styling/variables/_forms.js +165 -0
- package/lib/themes/amsterdam/theme.js +7 -1
- package/lib/themes/index.js +4 -11
- package/lib/themes/themes.js +1 -23
- package/optimize/es/components/avatar/avatar.js +4 -4
- package/optimize/es/components/badge/badge.styles.js +1 -2
- package/optimize/es/components/badge/beta_badge/beta_badge.styles.js +3 -1
- package/optimize/es/components/badge/color_utils.js +9 -8
- package/optimize/es/components/beacon/beacon.styles.js +2 -2
- package/optimize/es/components/bottom_bar/bottom_bar.styles.js +2 -3
- package/optimize/es/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
- 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 +6 -3
- package/optimize/es/components/code/code_block_annotations.js +1 -1
- package/optimize/es/components/code/code_block_line.styles.js +1 -2
- package/optimize/es/components/code/code_syntax.styles.js +24 -28
- package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
- 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 +1 -2
- package/optimize/es/components/color_picker/color_picker.js +4 -3
- package/optimize/es/components/color_picker/color_picker.styles.js +1 -2
- package/optimize/es/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/optimize/es/components/combo_box/combo_box.js +6 -1
- package/optimize/es/components/comment_list/comment_event.js +4 -3
- package/optimize/es/components/common.js +0 -28
- package/optimize/es/components/datagrid/data_grid.styles.js +6 -7
- 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 +2 -1
- package/optimize/es/components/date_picker/super_date_picker/super_date_picker.styles.js +4 -5
- package/optimize/es/components/drag_and_drop/droppable.styles.js +2 -4
- package/optimize/es/components/empty_prompt/empty_prompt.styles.js +6 -2
- package/optimize/es/components/expression/expression.styles.js +13 -13
- package/optimize/es/components/filter_group/filter_select_item.styles.js +1 -2
- package/optimize/es/components/flyout/_flyout_close_button.styles.js +2 -3
- package/optimize/es/components/flyout/flyout.js +1 -1
- package/optimize/es/components/flyout/flyout.styles.js +8 -3
- package/optimize/es/components/flyout/flyout_footer.styles.js +1 -1
- package/optimize/es/components/form/form.styles.js +24 -32
- package/optimize/es/components/form/range/range_tooltip.styles.js +11 -13
- package/optimize/es/components/form/switch/switch.js +3 -2
- package/optimize/es/components/form/switch/switch.styles.js +16 -19
- package/optimize/es/components/header/header.styles.js +7 -8
- package/optimize/es/components/icon/icon.styles.js +9 -8
- 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 +1 -2
- package/optimize/es/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
- package/optimize/es/components/link/link.styles.js +6 -6
- package/optimize/es/components/list_group/list_group_item.styles.js +9 -11
- package/optimize/es/components/loading/loading_chart.styles.js +13 -5
- package/optimize/es/components/loading/loading_spinner.styles.js +2 -2
- package/optimize/es/components/mark/mark.styles.js +2 -9
- package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
- 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 +1 -2
- 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 +3 -2
- package/optimize/es/components/popover/popover.js +1 -1
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +8 -3
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +15 -13
- package/optimize/es/components/popover/popover_footer.styles.js +1 -1
- package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +7 -6
- package/optimize/es/components/progress/progress.js +1 -1
- package/optimize/es/components/progress/progress.styles.js +30 -28
- package/optimize/es/components/provider/provider.js +2 -2
- 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 +2 -3
- 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 +6 -7
- package/optimize/es/components/skeleton/utils.js +5 -7
- 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 +3 -8
- package/optimize/es/components/table/table_row.styles.js +9 -11
- 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 +6 -5
- 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 +10 -4
- package/optimize/es/components/token/token.styles.js +14 -5
- package/optimize/es/components/token/token_map.js +243 -1
- package/optimize/es/components/tool_tip/tool_tip.styles.js +13 -25
- package/optimize/es/components/tour/_tour_footer.styles.js +2 -4
- package/optimize/es/components/tour/tour.styles.js +8 -12
- package/optimize/es/components/tree_view/tree_view_item.styles.js +1 -2
- package/optimize/es/global_styling/functions/math.js +1 -49
- package/optimize/es/global_styling/functions/size.js +1 -17
- package/optimize/es/global_styling/mixins/_button.js +159 -0
- package/optimize/es/global_styling/mixins/_color.js +39 -31
- package/optimize/es/global_styling/mixins/_shadow.js +31 -0
- package/optimize/es/global_styling/mixins/index.js +3 -1
- package/optimize/es/global_styling/reset/global_styles.js +3 -3
- package/optimize/es/global_styling/variables/animations.js +1 -22
- package/optimize/es/global_styling/variables/breakpoint.js +1 -7
- package/optimize/es/global_styling/variables/levels.js +1 -17
- package/optimize/es/global_styling/variables/shadow.js +1 -11
- package/optimize/es/global_styling/variables/size.js +1 -1
- package/optimize/es/global_styling/variables/typography.js +1 -32
- package/optimize/es/services/color/eui_palettes.js +148 -54
- package/optimize/es/services/color/eui_palettes_hooks.js +71 -0
- package/optimize/es/services/color/index.js +2 -0
- package/optimize/es/services/color/vis_color_store.js +13 -0
- package/optimize/es/services/index.js +2 -1
- package/optimize/es/services/popover/index.js +4 -1
- package/optimize/es/services/popover/popover_arrow.styles.js +31 -0
- package/optimize/es/services/popover/popover_positioning.js +6 -17
- package/optimize/es/services/theme/context.js +3 -3
- package/optimize/es/services/theme/provider.js +15 -2
- package/optimize/es/services/theme/types.js +1 -6
- package/optimize/es/services/theme/utils.js +1 -295
- package/optimize/es/themes/amsterdam/global_styling/functions/shadows.js +1 -10
- package/optimize/es/themes/amsterdam/global_styling/mixins/button.js +1 -198
- package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +1 -146
- package/optimize/es/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/optimize/es/themes/amsterdam/global_styling/variables/_breakpoint.js +1 -7
- package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +270 -0
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +612 -19
- package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +133 -0
- package/optimize/es/themes/amsterdam/global_styling/variables/_components.js +611 -0
- package/optimize/es/themes/amsterdam/global_styling/variables/_forms.js +153 -0
- package/optimize/es/themes/amsterdam/theme.js +7 -1
- package/optimize/es/themes/index.js +1 -2
- package/optimize/es/themes/themes.js +1 -21
- package/optimize/lib/components/avatar/avatar.js +2 -2
- package/optimize/lib/components/badge/badge.styles.js +1 -2
- package/optimize/lib/components/badge/beta_badge/beta_badge.styles.js +3 -1
- package/optimize/lib/components/badge/color_utils.js +14 -13
- package/optimize/lib/components/beacon/beacon.styles.js +2 -2
- package/optimize/lib/components/bottom_bar/bottom_bar.styles.js +2 -3
- package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
- 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 +5 -2
- package/optimize/lib/components/code/code_block_annotations.js +1 -1
- package/optimize/lib/components/code/code_block_line.styles.js +1 -2
- package/optimize/lib/components/code/code_syntax.styles.js +24 -28
- package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
- 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 +1 -2
- package/optimize/lib/components/color_picker/color_picker.js +3 -2
- package/optimize/lib/components/color_picker/color_picker.styles.js +1 -2
- package/optimize/lib/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/optimize/lib/components/combo_box/combo_box.js +6 -1
- package/optimize/lib/components/comment_list/comment_event.js +4 -3
- package/optimize/lib/components/common.js +0 -28
- package/optimize/lib/components/datagrid/data_grid.styles.js +6 -7
- 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 +3 -2
- package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -4
- package/optimize/lib/components/drag_and_drop/droppable.styles.js +2 -4
- package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +5 -1
- package/optimize/lib/components/expression/expression.styles.js +13 -13
- package/optimize/lib/components/filter_group/filter_select_item.styles.js +1 -2
- package/optimize/lib/components/flyout/_flyout_close_button.styles.js +3 -4
- package/optimize/lib/components/flyout/flyout.js +1 -1
- package/optimize/lib/components/flyout/flyout.styles.js +8 -3
- package/optimize/lib/components/flyout/flyout_footer.styles.js +1 -1
- package/optimize/lib/components/form/form.styles.js +23 -31
- package/optimize/lib/components/form/range/range_tooltip.styles.js +11 -13
- package/optimize/lib/components/form/switch/switch.js +3 -2
- package/optimize/lib/components/form/switch/switch.styles.js +16 -19
- package/optimize/lib/components/header/header.styles.js +7 -8
- package/optimize/lib/components/icon/icon.styles.js +9 -8
- package/optimize/lib/components/icon/named_colors.js +1 -1
- package/optimize/lib/components/icon/svgs/aggregate.svg +0 -0
- package/optimize/lib/components/icon/svgs/color.svg +0 -0
- package/optimize/lib/components/icon/svgs/continuityAbove.svg +0 -0
- package/optimize/lib/components/icon/svgs/continuityAboveBelow.svg +0 -0
- package/optimize/lib/components/icon/svgs/continuityBelow.svg +0 -0
- package/optimize/lib/components/icon/svgs/continuityWithin.svg +0 -0
- package/optimize/lib/components/icon/svgs/documentation.svg +0 -0
- package/optimize/lib/components/icon/svgs/eraser.svg +0 -0
- package/optimize/lib/components/icon/svgs/folder_check.svg +0 -0
- package/optimize/lib/components/icon/svgs/folder_closed.svg +0 -0
- package/optimize/lib/components/icon/svgs/folder_exclamation.svg +0 -0
- package/optimize/lib/components/icon/svgs/folder_open.svg +0 -0
- package/optimize/lib/components/icon/svgs/fullScreenExit.svg +0 -0
- package/optimize/lib/components/icon/svgs/function.svg +0 -0
- package/optimize/lib/components/icon/svgs/layers.svg +0 -0
- package/optimize/lib/components/icon/svgs/menu.svg +0 -0
- package/optimize/lib/components/icon/svgs/ml_data_visualizer.svg +0 -0
- package/optimize/lib/components/icon/svgs/pageSelect.svg +0 -0
- package/optimize/lib/components/icon/svgs/pagesSelect.svg +0 -0
- package/optimize/lib/components/icon/svgs/percent.svg +0 -0
- package/optimize/lib/components/icon/svgs/push.svg +0 -0
- package/optimize/lib/components/icon/svgs/quote.svg +0 -0
- package/optimize/lib/components/icon/svgs/reporter.svg +0 -0
- package/optimize/lib/components/icon/svgs/securitySignal.svg +0 -0
- package/optimize/lib/components/icon/svgs/securitySignalDetected.svg +0 -0
- package/optimize/lib/components/icon/svgs/securitySignalResolved.svg +0 -0
- package/optimize/lib/components/icon/svgs/timeline.svg +0 -0
- package/optimize/lib/components/icon/svgs/users.svg +0 -0
- package/optimize/lib/components/icon/svgs/wordWrap.svg +0 -0
- package/optimize/lib/components/icon/svgs/wordWrapDisabled.svg +0 -0
- 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 +1 -2
- package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
- package/optimize/lib/components/link/link.styles.js +6 -6
- package/optimize/lib/components/list_group/list_group_item.styles.js +8 -10
- package/optimize/lib/components/loading/loading_chart.styles.js +13 -5
- package/optimize/lib/components/loading/loading_spinner.styles.js +2 -2
- package/optimize/lib/components/mark/mark.styles.js +2 -9
- package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
- 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 +1 -2
- 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 +4 -3
- package/optimize/lib/components/popover/popover.js +1 -1
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +8 -3
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +16 -15
- package/optimize/lib/components/popover/popover_footer.styles.js +1 -1
- package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +10 -9
- package/optimize/lib/components/progress/progress.js +1 -1
- package/optimize/lib/components/progress/progress.styles.js +29 -27
- package/optimize/lib/components/provider/provider.js +2 -2
- 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 +2 -3
- 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 +6 -7
- package/optimize/lib/components/skeleton/utils.js +4 -6
- 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 +3 -8
- package/optimize/lib/components/table/table_row.styles.js +8 -10
- 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 +6 -5
- 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 +13 -4
- package/optimize/lib/components/token/token.styles.js +14 -5
- package/optimize/lib/components/token/token_map.js +244 -2
- package/optimize/lib/components/tool_tip/tool_tip.styles.js +12 -24
- package/optimize/lib/components/tour/_tour_footer.styles.js +2 -4
- package/optimize/lib/components/tour/tour.styles.js +8 -12
- package/optimize/lib/components/tree_view/tree_view_item.styles.js +1 -2
- package/optimize/lib/global_styling/functions/math.js +7 -59
- package/optimize/lib/global_styling/functions/size.js +7 -27
- package/optimize/lib/global_styling/mixins/_button.js +165 -0
- package/optimize/lib/global_styling/mixins/_color.js +38 -30
- package/optimize/lib/global_styling/mixins/_shadow.js +84 -0
- package/optimize/lib/global_styling/mixins/index.js +22 -0
- package/optimize/lib/global_styling/reset/global_styles.js +2 -2
- package/optimize/lib/global_styling/variables/animations.js +25 -31
- package/optimize/lib/global_styling/variables/breakpoint.js +7 -16
- package/optimize/lib/global_styling/variables/levels.js +7 -26
- package/optimize/lib/global_styling/variables/shadow.js +13 -20
- package/optimize/lib/global_styling/variables/size.js +7 -10
- package/optimize/lib/global_styling/variables/typography.js +19 -41
- package/optimize/lib/services/color/eui_palettes.js +148 -54
- package/optimize/lib/services/color/eui_palettes_hooks.js +76 -0
- package/optimize/lib/services/color/index.js +20 -0
- package/optimize/lib/services/color/vis_color_store.js +18 -0
- package/optimize/lib/services/index.js +19 -0
- package/optimize/lib/services/popover/index.js +8 -1
- package/optimize/lib/services/popover/popover_arrow.styles.js +37 -0
- package/optimize/lib/services/popover/popover_positioning.js +6 -17
- package/optimize/lib/services/theme/context.js +3 -3
- package/optimize/lib/services/theme/provider.js +15 -2
- package/optimize/lib/services/theme/types.js +13 -14
- package/optimize/lib/services/theme/utils.js +54 -296
- package/optimize/lib/themes/amsterdam/global_styling/functions/shadows.js +7 -19
- package/optimize/lib/themes/amsterdam/global_styling/mixins/button.js +45 -203
- package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
- package/optimize/lib/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/optimize/lib/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
- package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +275 -0
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +616 -24
- package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
- package/optimize/lib/themes/amsterdam/global_styling/variables/_components.js +616 -0
- package/optimize/lib/themes/amsterdam/global_styling/variables/_forms.js +158 -0
- package/optimize/lib/themes/amsterdam/theme.js +7 -1
- package/optimize/lib/themes/index.js +4 -11
- package/optimize/lib/themes/themes.js +1 -23
- package/package.json +8 -4
- package/src/global_styling/functions/_colors.scss +3 -3
- package/src/global_styling/functions/_index.scss +1 -5
- package/src/global_styling/index.scss +1 -10
- 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 +1 -8
- package/src/global_styling/variables/_borders.scss +1 -9
- package/src/global_styling/variables/_buttons.scss +1 -18
- package/src/global_styling/variables/_font_weight.scss +1 -7
- package/src/global_styling/variables/_form.scss +2 -21
- package/src/global_styling/variables/_index.scss +0 -1
- package/src/global_styling/variables/_responsive.scss +1 -9
- package/src/global_styling/variables/_shadows.scss +1 -1
- package/src/global_styling/variables/_size.scss +1 -13
- package/src/global_styling/variables/_states.scss +1 -14
- package/src/global_styling/variables/_typography.scss +1 -75
- package/src/global_styling/variables/_z_index.scss +1 -33
- package/src/themes/amsterdam/_colors_dark.scss +80 -8
- package/src/themes/amsterdam/_colors_light.scss +80 -8
- package/src/themes/amsterdam/global_styling/variables/_forms.scss +12 -0
- package/src/themes/amsterdam/global_styling/variables/_index.scss +2 -0
- package/test-env/components/avatar/avatar.js +2 -2
- package/test-env/components/badge/badge.styles.js +1 -2
- package/test-env/components/badge/beta_badge/beta_badge.styles.js +3 -1
- package/test-env/components/badge/color_utils.js +14 -13
- package/test-env/components/beacon/beacon.styles.js +2 -2
- package/test-env/components/bottom_bar/bottom_bar.styles.js +2 -3
- package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js +5 -7
- 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 +5 -2
- package/test-env/components/code/code_block_annotations.js +1 -1
- package/test-env/components/code/code_block_line.styles.js +1 -2
- package/test-env/components/code/code_syntax.styles.js +24 -28
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +3 -5
- 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 +1 -2
- package/test-env/components/color_picker/color_picker.js +3 -2
- package/test-env/components/color_picker/color_picker.styles.js +1 -2
- package/test-env/components/color_picker/color_picker_swatch.styles.js +1 -1
- package/test-env/components/combo_box/combo_box.js +6 -1
- package/test-env/components/comment_list/comment.js +1 -1
- package/test-env/components/comment_list/comment_event.js +5 -4
- package/test-env/components/comment_list/comment_list.js +1 -1
- package/test-env/components/common.js +0 -28
- package/test-env/components/datagrid/data_grid.styles.js +6 -7
- 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 +3 -2
- package/test-env/components/date_picker/super_date_picker/super_date_picker.styles.js +3 -4
- package/test-env/components/drag_and_drop/droppable.styles.js +2 -4
- package/test-env/components/empty_prompt/empty_prompt.js +1 -1
- package/test-env/components/empty_prompt/empty_prompt.styles.js +5 -1
- package/test-env/components/expression/expression.styles.js +13 -13
- package/test-env/components/filter_group/filter_select_item.styles.js +1 -2
- package/test-env/components/flyout/_flyout_close_button.styles.js +3 -4
- package/test-env/components/flyout/flyout.styles.js +8 -3
- package/test-env/components/flyout/flyout_footer.styles.js +1 -1
- package/test-env/components/form/form.styles.js +23 -31
- package/test-env/components/form/range/range_tooltip.styles.js +11 -13
- package/test-env/components/form/switch/switch.js +3 -2
- package/test-env/components/form/switch/switch.styles.js +16 -19
- package/test-env/components/header/header.styles.js +7 -8
- package/test-env/components/icon/icon.styles.js +9 -8
- 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 +1 -2
- package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js +9 -7
- package/test-env/components/link/link.styles.js +6 -6
- package/test-env/components/list_group/list_group_item.styles.js +8 -10
- package/test-env/components/loading/loading_chart.styles.js +13 -5
- package/test-env/components/loading/loading_spinner.styles.js +2 -2
- package/test-env/components/mark/mark.styles.js +2 -9
- package/test-env/components/markdown_editor/markdown_editor_drop_zone.styles.js +2 -3
- 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 +1 -2
- 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 +4 -3
- package/test-env/components/panel/split_panel/split_panel.js +1 -1
- package/test-env/components/popover/popover.js +1 -1
- package/test-env/components/popover/popover_arrow/_popover_arrow.js +8 -3
- package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +16 -15
- package/test-env/components/popover/popover_footer.styles.js +1 -1
- package/test-env/components/popover/popover_panel/_popover_panel.styles.js +10 -9
- package/test-env/components/progress/progress.js +1 -1
- package/test-env/components/progress/progress.styles.js +29 -27
- package/test-env/components/provider/provider.js +2 -2
- 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 +2 -3
- 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 +6 -7
- package/test-env/components/skeleton/utils.js +4 -6
- 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 +3 -8
- package/test-env/components/table/table_row.styles.js +8 -10
- 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 +6 -5
- 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 +13 -4
- package/test-env/components/token/token.styles.js +14 -5
- package/test-env/components/token/token_map.js +244 -2
- package/test-env/components/tool_tip/tool_tip.styles.js +12 -24
- package/test-env/components/tour/_tour_footer.styles.js +2 -4
- package/test-env/components/tour/tour.styles.js +8 -12
- package/test-env/components/tree_view/tree_view_item.styles.js +1 -2
- package/test-env/global_styling/functions/math.js +7 -59
- package/test-env/global_styling/functions/size.js +7 -27
- package/test-env/global_styling/mixins/_button.js +165 -0
- package/test-env/global_styling/mixins/_color.js +38 -30
- package/test-env/global_styling/mixins/_shadow.js +84 -0
- package/test-env/global_styling/mixins/index.js +22 -0
- package/test-env/global_styling/reset/global_styles.js +2 -2
- package/test-env/global_styling/variables/animations.js +25 -31
- package/test-env/global_styling/variables/breakpoint.js +7 -16
- package/test-env/global_styling/variables/levels.js +7 -26
- package/test-env/global_styling/variables/shadow.js +13 -20
- package/test-env/global_styling/variables/size.js +7 -10
- package/test-env/global_styling/variables/typography.js +19 -41
- package/test-env/services/breakpoint/current_breakpoint_hook.js +3 -3
- package/test-env/services/color/eui_palettes.js +148 -54
- package/test-env/services/color/eui_palettes_hooks.js +76 -0
- package/test-env/services/color/index.js +20 -0
- package/test-env/services/color/vis_color_store.js +18 -0
- package/test-env/services/index.js +19 -0
- package/test-env/services/popover/index.js +8 -1
- package/test-env/services/popover/popover_arrow.styles.js +37 -0
- package/test-env/services/popover/popover_positioning.js +6 -17
- package/test-env/services/theme/context.js +3 -3
- package/test-env/services/theme/provider.js +15 -2
- package/test-env/services/theme/types.js +13 -14
- package/test-env/services/theme/utils.js +54 -296
- package/test-env/themes/amsterdam/global_styling/functions/shadows.js +7 -19
- package/test-env/themes/amsterdam/global_styling/mixins/button.js +45 -203
- package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +10 -154
- package/test-env/themes/amsterdam/global_styling/variables/_borders.js +3 -3
- package/test-env/themes/amsterdam/global_styling/variables/_breakpoint.js +7 -16
- package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +275 -0
- package/test-env/themes/amsterdam/global_styling/variables/_colors.js +616 -24
- package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +139 -0
- package/test-env/themes/amsterdam/global_styling/variables/_components.js +616 -0
- package/test-env/themes/amsterdam/global_styling/variables/_forms.js +158 -0
- package/test-env/themes/amsterdam/theme.js +7 -1
- package/test-env/themes/index.js +4 -11
- package/test-env/themes/themes.js +1 -23
- package/es/global_styling/variables/_colors_vis.js +0 -61
- package/lib/global_styling/variables/_colors_vis.js +0 -67
- package/optimize/es/global_styling/variables/_colors_vis.js +0 -61
- package/optimize/lib/global_styling/variables/_colors_vis.js +0 -67
- package/test-env/global_styling/variables/_colors_vis.js +0 -67
- /package/src/{global_styling → themes/amsterdam/global_styling}/variables/_colors_vis.scss +0 -0
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.colorVis = 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
|
+
/**
|
|
16
|
+
* NOTE: These were quick conversions of their Sass counterparts.
|
|
17
|
+
* They have yet to be used/tested.
|
|
18
|
+
* TODO: Make the graphic version available from `euiPaletteColorBlind()`
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
// Maps allow for easier JSON usage
|
|
22
|
+
// Use map_merge(euiColorVisColors, $yourMap) to change individual colors after importing ths file
|
|
23
|
+
// The `behindText` variant is a direct copy of the hex output by the JS euiPaletteColorBlindBehindText() function
|
|
24
|
+
var euiPaletteColorBlind = {
|
|
25
|
+
euiColorVis0: {
|
|
26
|
+
graphic: '#54B399',
|
|
27
|
+
behindText: '#6DCCB1'
|
|
28
|
+
},
|
|
29
|
+
euiColorVis1: {
|
|
30
|
+
graphic: '#6092C0',
|
|
31
|
+
behindText: '#79AAD9'
|
|
32
|
+
},
|
|
33
|
+
euiColorVis2: {
|
|
34
|
+
graphic: '#D36086',
|
|
35
|
+
behindText: '#EE789D'
|
|
36
|
+
},
|
|
37
|
+
euiColorVis3: {
|
|
38
|
+
graphic: '#9170B8',
|
|
39
|
+
behindText: '#A987D1'
|
|
40
|
+
},
|
|
41
|
+
euiColorVis4: {
|
|
42
|
+
graphic: '#CA8EAE',
|
|
43
|
+
behindText: '#E4A6C7'
|
|
44
|
+
},
|
|
45
|
+
euiColorVis5: {
|
|
46
|
+
graphic: '#D6BF57',
|
|
47
|
+
behindText: '#F1D86F'
|
|
48
|
+
},
|
|
49
|
+
euiColorVis6: {
|
|
50
|
+
graphic: '#B9A888',
|
|
51
|
+
behindText: '#D2C0A0'
|
|
52
|
+
},
|
|
53
|
+
euiColorVis7: {
|
|
54
|
+
graphic: '#DA8B45',
|
|
55
|
+
behindText: '#F5A35C'
|
|
56
|
+
},
|
|
57
|
+
euiColorVis8: {
|
|
58
|
+
graphic: '#AA6556',
|
|
59
|
+
behindText: '#C47C6C'
|
|
60
|
+
},
|
|
61
|
+
euiColorVis9: {
|
|
62
|
+
graphic: '#E7664C',
|
|
63
|
+
behindText: '#FF7E62'
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
var colorVis = exports.colorVis = {
|
|
67
|
+
euiColorVis0: euiPaletteColorBlind.euiColorVis0.graphic,
|
|
68
|
+
euiColorVis1: euiPaletteColorBlind.euiColorVis1.graphic,
|
|
69
|
+
euiColorVis2: euiPaletteColorBlind.euiColorVis2.graphic,
|
|
70
|
+
euiColorVis3: euiPaletteColorBlind.euiColorVis3.graphic,
|
|
71
|
+
euiColorVis4: euiPaletteColorBlind.euiColorVis4.graphic,
|
|
72
|
+
euiColorVis5: euiPaletteColorBlind.euiColorVis5.graphic,
|
|
73
|
+
euiColorVis6: euiPaletteColorBlind.euiColorVis6.graphic,
|
|
74
|
+
euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
|
|
75
|
+
euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
|
|
76
|
+
euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
|
|
77
|
+
/**
|
|
78
|
+
* behindText variables are temp tokens; used only during theme migration.
|
|
79
|
+
* TODO: remove once Amsterdam is fully migrated
|
|
80
|
+
*/
|
|
81
|
+
euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.behindText,
|
|
82
|
+
euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.behindText,
|
|
83
|
+
euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.behindText,
|
|
84
|
+
euiColorVisBehindText3: euiPaletteColorBlind.euiColorVis3.behindText,
|
|
85
|
+
euiColorVisBehindText4: euiPaletteColorBlind.euiColorVis4.behindText,
|
|
86
|
+
euiColorVisBehindText5: euiPaletteColorBlind.euiColorVis5.behindText,
|
|
87
|
+
euiColorVisBehindText6: euiPaletteColorBlind.euiColorVis6.behindText,
|
|
88
|
+
euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.behindText,
|
|
89
|
+
euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.behindText,
|
|
90
|
+
euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.behindText,
|
|
91
|
+
euiColorVisAsTextLight0: '#006BB4',
|
|
92
|
+
euiColorVisAsTextLight1: '#017D73',
|
|
93
|
+
euiColorVisAsTextLight2: '#F5A700',
|
|
94
|
+
euiColorVisAsTextLight3: '#BD271E',
|
|
95
|
+
euiColorVisAsTextLight4: '#DD0A73',
|
|
96
|
+
euiColorVisAsTextLight5: '#006BB4',
|
|
97
|
+
// duplicated to handle color amount difference between themes
|
|
98
|
+
euiColorVisAsTextLight6: '#017D73',
|
|
99
|
+
euiColorVisAsTextDark0: '#1BA9F5',
|
|
100
|
+
euiColorVisAsTextDark1: '#7DE2D1',
|
|
101
|
+
euiColorVisAsTextDark2: '#F990C0',
|
|
102
|
+
euiColorVisAsTextDark3: '#F66',
|
|
103
|
+
euiColorVisAsTextDark4: '#FFCE7A',
|
|
104
|
+
euiColorVisAsTextDark5: '#1BA9F5',
|
|
105
|
+
euiColorVisAsTextDark6: '#7DE2D1',
|
|
106
|
+
euiColorVisSuccess0: '#209280',
|
|
107
|
+
euiColorVisSuccess1: euiPaletteColorBlind.euiColorVis0.graphic,
|
|
108
|
+
euiColorVisWarning0: '#D6BF57',
|
|
109
|
+
euiColorVisDanger0: '#CC5642',
|
|
110
|
+
euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
|
|
111
|
+
euiColorVisNeutral0: '#FFFFFF',
|
|
112
|
+
euiColorSeverity0: '#D3DAE6',
|
|
113
|
+
euiColorSeverity1: '#6092C0',
|
|
114
|
+
euiColorSeverity2: '#78A2C9',
|
|
115
|
+
euiColorSeverity3: '#90B0D1',
|
|
116
|
+
euiColorSeverity4: '#A6C0DA',
|
|
117
|
+
euiColorSeverity5: '#BECFE3',
|
|
118
|
+
euiColorSeverity6: '#DECC79',
|
|
119
|
+
euiColorSeverity7: '#D6BF57',
|
|
120
|
+
euiColorSeverity8: '#E69D8F',
|
|
121
|
+
euiColorSeverity9: '#E2907F',
|
|
122
|
+
euiColorSeverity10: '#E18773',
|
|
123
|
+
euiColorSeverity11: '#DD7B67',
|
|
124
|
+
euiColorSeverity12: '#D66E5C',
|
|
125
|
+
euiColorSeverity13: '#D2634E',
|
|
126
|
+
euiColorSeverity14: '#CC5642',
|
|
127
|
+
euiColorVisGrey0: '#d3dae6',
|
|
128
|
+
euiColorVisGrey1: '#98a2b3',
|
|
129
|
+
euiColorVisGrey2: '#69707d',
|
|
130
|
+
euiColorVisGrey3: '#343741',
|
|
131
|
+
euiColorVisWarm0: '#FBFBDC',
|
|
132
|
+
euiColorVisWarm1: euiPaletteColorBlind.euiColorVis7.graphic,
|
|
133
|
+
euiColorVisWarm2: euiPaletteColorBlind.euiColorVis9.graphic,
|
|
134
|
+
euiColorVisCool0: '#EBEFF5',
|
|
135
|
+
euiColorVisCool1: euiPaletteColorBlind.euiColorVis1.graphic,
|
|
136
|
+
euiColorVisCool2: '#6092C0',
|
|
137
|
+
euiColorVisComplementary0: euiPaletteColorBlind.euiColorVis1.graphic,
|
|
138
|
+
euiColorVisComplementary1: euiPaletteColorBlind.euiColorVis7.graphic
|
|
139
|
+
};
|