@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
|
@@ -38,75 +38,13 @@
|
|
|
38
38
|
"euiButtonTypes": {
|
|
39
39
|
"primary": "#0077cc",
|
|
40
40
|
"accent": "#f04e98",
|
|
41
|
+
"accentSecondary": "#00bfb3",
|
|
41
42
|
"success": "#00bfb3",
|
|
42
43
|
"warning": "#fec514",
|
|
43
44
|
"danger": "#bd271e",
|
|
44
45
|
"ghost": "#ffffff",
|
|
45
46
|
"text": "#69707d"
|
|
46
47
|
},
|
|
47
|
-
"euiPaletteColorBlind": {
|
|
48
|
-
"euiColorVis0": {
|
|
49
|
-
"graphic": "#54b399",
|
|
50
|
-
"behindText": "#6dccb1"
|
|
51
|
-
},
|
|
52
|
-
"euiColorVis1": {
|
|
53
|
-
"graphic": "#6092c0",
|
|
54
|
-
"behindText": "#79aad9"
|
|
55
|
-
},
|
|
56
|
-
"euiColorVis2": {
|
|
57
|
-
"graphic": "#d36086",
|
|
58
|
-
"behindText": "#ee789d"
|
|
59
|
-
},
|
|
60
|
-
"euiColorVis3": {
|
|
61
|
-
"graphic": "#9170b8",
|
|
62
|
-
"behindText": "#a987d1"
|
|
63
|
-
},
|
|
64
|
-
"euiColorVis4": {
|
|
65
|
-
"graphic": "#ca8eae",
|
|
66
|
-
"behindText": "#e4a6c7"
|
|
67
|
-
},
|
|
68
|
-
"euiColorVis5": {
|
|
69
|
-
"graphic": "#d6bf57",
|
|
70
|
-
"behindText": "#f1d86f"
|
|
71
|
-
},
|
|
72
|
-
"euiColorVis6": {
|
|
73
|
-
"graphic": "#b9a888",
|
|
74
|
-
"behindText": "#d2c0a0"
|
|
75
|
-
},
|
|
76
|
-
"euiColorVis7": {
|
|
77
|
-
"graphic": "#da8b45",
|
|
78
|
-
"behindText": "#f5a35c"
|
|
79
|
-
},
|
|
80
|
-
"euiColorVis8": {
|
|
81
|
-
"graphic": "#aa6556",
|
|
82
|
-
"behindText": "#c47c6c"
|
|
83
|
-
},
|
|
84
|
-
"euiColorVis9": {
|
|
85
|
-
"graphic": "#e7664c",
|
|
86
|
-
"behindText": "#ff7e62"
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
"euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
|
|
90
|
-
"euiColorVis0": "#54b399",
|
|
91
|
-
"euiColorVis1": "#6092c0",
|
|
92
|
-
"euiColorVis2": "#d36086",
|
|
93
|
-
"euiColorVis3": "#9170b8",
|
|
94
|
-
"euiColorVis4": "#ca8eae",
|
|
95
|
-
"euiColorVis5": "#d6bf57",
|
|
96
|
-
"euiColorVis6": "#b9a888",
|
|
97
|
-
"euiColorVis7": "#da8b45",
|
|
98
|
-
"euiColorVis8": "#aa6556",
|
|
99
|
-
"euiColorVis9": "#e7664c",
|
|
100
|
-
"euiColorVis0_behindText": "#6dccb1",
|
|
101
|
-
"euiColorVis1_behindText": "#79aad9",
|
|
102
|
-
"euiColorVis2_behindText": "#ee789d",
|
|
103
|
-
"euiColorVis3_behindText": "#a987d1",
|
|
104
|
-
"euiColorVis4_behindText": "#e4a6c7",
|
|
105
|
-
"euiColorVis5_behindText": "#f1d86f",
|
|
106
|
-
"euiColorVis6_behindText": "#d2c0a0",
|
|
107
|
-
"euiColorVis7_behindText": "#f5a35c",
|
|
108
|
-
"euiColorVis8_behindText": "#c47c6c",
|
|
109
|
-
"euiColorVis9_behindText": "#ff7e62",
|
|
110
48
|
"euiFontWeightLight": 300,
|
|
111
49
|
"euiFontWeightRegular": 400,
|
|
112
50
|
"euiFontWeightMedium": 500,
|
|
@@ -181,6 +119,7 @@
|
|
|
181
119
|
"plain": "#ffffff",
|
|
182
120
|
"subdued": "#fafbfd",
|
|
183
121
|
"accent": "#feedf5",
|
|
122
|
+
"accentSecondary": "#e6f9f7",
|
|
184
123
|
"primary": "#e6f1fa",
|
|
185
124
|
"success": "#e6f9f7",
|
|
186
125
|
"warning": "#fff9e8",
|
|
@@ -278,10 +217,123 @@
|
|
|
278
217
|
"euiZFlyout": 1000,
|
|
279
218
|
"euiZMaskBelowHeader": 1000,
|
|
280
219
|
"euiZContent": 0,
|
|
220
|
+
"euiPaletteColorBlind": {
|
|
221
|
+
"euiColorVis0": {
|
|
222
|
+
"graphic": "#54B399",
|
|
223
|
+
"behindText": "#6DCCB1"
|
|
224
|
+
},
|
|
225
|
+
"euiColorVis1": {
|
|
226
|
+
"graphic": "#6092C0",
|
|
227
|
+
"behindText": "#79AAD9"
|
|
228
|
+
},
|
|
229
|
+
"euiColorVis2": {
|
|
230
|
+
"graphic": "#D36086",
|
|
231
|
+
"behindText": "#EE789D"
|
|
232
|
+
},
|
|
233
|
+
"euiColorVis3": {
|
|
234
|
+
"graphic": "#9170B8",
|
|
235
|
+
"behindText": "#A987D1"
|
|
236
|
+
},
|
|
237
|
+
"euiColorVis4": {
|
|
238
|
+
"graphic": "#CA8EAE",
|
|
239
|
+
"behindText": "#E4A6C7"
|
|
240
|
+
},
|
|
241
|
+
"euiColorVis5": {
|
|
242
|
+
"graphic": "#D6BF57",
|
|
243
|
+
"behindText": "#F1D86F"
|
|
244
|
+
},
|
|
245
|
+
"euiColorVis6": {
|
|
246
|
+
"graphic": "#B9A888",
|
|
247
|
+
"behindText": "#D2C0A0"
|
|
248
|
+
},
|
|
249
|
+
"euiColorVis7": {
|
|
250
|
+
"graphic": "#DA8B45",
|
|
251
|
+
"behindText": "#F5A35C"
|
|
252
|
+
},
|
|
253
|
+
"euiColorVis8": {
|
|
254
|
+
"graphic": "#AA6556",
|
|
255
|
+
"behindText": "#C47C6C"
|
|
256
|
+
},
|
|
257
|
+
"euiColorVis9": {
|
|
258
|
+
"graphic": "#E7664C",
|
|
259
|
+
"behindText": "#FF7E62"
|
|
260
|
+
}
|
|
261
|
+
},
|
|
262
|
+
"euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
|
|
263
|
+
"euiColorVis0": "#54B399",
|
|
264
|
+
"euiColorVis1": "#6092C0",
|
|
265
|
+
"euiColorVis2": "#D36086",
|
|
266
|
+
"euiColorVis3": "#9170B8",
|
|
267
|
+
"euiColorVis4": "#CA8EAE",
|
|
268
|
+
"euiColorVis5": "#D6BF57",
|
|
269
|
+
"euiColorVis6": "#B9A888",
|
|
270
|
+
"euiColorVis7": "#DA8B45",
|
|
271
|
+
"euiColorVis8": "#AA6556",
|
|
272
|
+
"euiColorVis9": "#E7664C",
|
|
273
|
+
"euiColorVis0_behindText": "#6DCCB1",
|
|
274
|
+
"euiColorVis1_behindText": "#79AAD9",
|
|
275
|
+
"euiColorVis2_behindText": "#EE789D",
|
|
276
|
+
"euiColorVis3_behindText": "#A987D1",
|
|
277
|
+
"euiColorVis4_behindText": "#E4A6C7",
|
|
278
|
+
"euiColorVis5_behindText": "#F1D86F",
|
|
279
|
+
"euiColorVis6_behindText": "#D2C0A0",
|
|
280
|
+
"euiColorVis7_behindText": "#F5A35C",
|
|
281
|
+
"euiColorVis8_behindText": "#C47C6C",
|
|
282
|
+
"euiColorVis9_behindText": "#FF7E62",
|
|
283
|
+
"euiColorVisAsTextLight0": "#006BB4",
|
|
284
|
+
"euiColorVisAsTextLight1": "#017D73",
|
|
285
|
+
"euiColorVisAsTextLight2": "#F5A700",
|
|
286
|
+
"euiColorVisAsTextLight3": "#BD271E",
|
|
287
|
+
"euiColorVisAsTextLight4": "#DD0A73",
|
|
288
|
+
"euiColorVisAsTextLight5": "#006BB4",
|
|
289
|
+
"euiColorVisAsTextLight6": "#017D73",
|
|
290
|
+
"euiColorVisAsTextDark0": "#1BA9F5",
|
|
291
|
+
"euiColorVisAsTextDark1": "#7DE2D1",
|
|
292
|
+
"euiColorVisAsTextDark2": "#F990C0",
|
|
293
|
+
"euiColorVisAsTextDark3": "#F66",
|
|
294
|
+
"euiColorVisAsTextDark4": "#FFCE7A",
|
|
295
|
+
"euiColorVisAsTextDark5": "#1BA9F5",
|
|
296
|
+
"euiColorVisAsTextDark6": "#7DE2D1",
|
|
297
|
+
"euiColorVisSuccess0": "#209280",
|
|
298
|
+
"euiColorVisSuccess1": "#54B399",
|
|
299
|
+
"euiColorVisWarning0": "#D6BF57",
|
|
300
|
+
"euiColorVisDanger0": "#CC5642",
|
|
301
|
+
"euiColorVisDanger1": "#E7664C",
|
|
302
|
+
"euiColorVisNeutral0": "#FFFFFF",
|
|
303
|
+
"euiColorSeverity0": "#D3DAE6",
|
|
304
|
+
"euiColorSeverity1": "#6092C0",
|
|
305
|
+
"euiColorSeverity2": "#78A2C9",
|
|
306
|
+
"euiColorSeverity3": "#90B0D1",
|
|
307
|
+
"euiColorSeverity4": "#A6C0DA",
|
|
308
|
+
"euiColorSeverity5": "#BECFE3",
|
|
309
|
+
"euiColorSeverity6": "#DECC79",
|
|
310
|
+
"euiColorSeverity7": "#D6BF57",
|
|
311
|
+
"euiColorSeverity8": "#E69D8F",
|
|
312
|
+
"euiColorSeverity9": "#E2907F",
|
|
313
|
+
"euiColorSeverity10": "#E18773",
|
|
314
|
+
"euiColorSeverity11": "#DD7B67",
|
|
315
|
+
"euiColorSeverity12": "#D66E5C",
|
|
316
|
+
"euiColorSeverity13": "#D2634E",
|
|
317
|
+
"euiColorSeverity14": "#CC5642",
|
|
318
|
+
"euiColorVisGrey0": "#d3dae6",
|
|
319
|
+
"euiColorVisGrey1": "#98a2b3",
|
|
320
|
+
"euiColorVisGrey2": "#69707d",
|
|
321
|
+
"euiColorVisGrey3": "#343741",
|
|
322
|
+
"euiColorVisWarm0": "#FBFBDC",
|
|
323
|
+
"euiColorVisWarm1": "#DA8B45",
|
|
324
|
+
"euiColorVisWarm2": "#E7664C",
|
|
325
|
+
"euiColorVisCool0": "#EBEFF5",
|
|
326
|
+
"euiColorVisCool1": "#6092C0",
|
|
327
|
+
"euiColorVisCool2": "#6092C0",
|
|
328
|
+
"euiColorVisComplementary0": "#6092C0",
|
|
329
|
+
"euiColorVisComplementary1": "#DA8B45",
|
|
330
|
+
"euiColorChartLines": "#eef0f3",
|
|
331
|
+
"euiColorChartBand": "#f5f7fa",
|
|
281
332
|
"euiColorGhost": "#ffffff",
|
|
282
333
|
"euiColorInk": "#000000",
|
|
283
334
|
"euiColorPrimary": "#0077cc",
|
|
284
335
|
"euiColorAccent": "#f04e98",
|
|
336
|
+
"euiColorAccentSecondary": "#00bfb3",
|
|
285
337
|
"euiColorSuccess": "#00bfb3",
|
|
286
338
|
"euiColorWarning": "#fec514",
|
|
287
339
|
"euiColorDanger": "#bd271e",
|
|
@@ -305,6 +357,66 @@
|
|
|
305
357
|
"euiColorDangerText": "#bd271e",
|
|
306
358
|
"euiColorDisabledText": "#abb4c4",
|
|
307
359
|
"euiLinkColor": "#0071c2",
|
|
308
|
-
"
|
|
309
|
-
"
|
|
360
|
+
"euiColorPlainLight": "#FFFFFF",
|
|
361
|
+
"euiColorPlainDark": "#000000",
|
|
362
|
+
"euiColorTextPrimary": "#006bb8",
|
|
363
|
+
"euiColorTextAccent": "#ba3d76",
|
|
364
|
+
"euiColorTextAccentSecondary": "#007871",
|
|
365
|
+
"euiColorTextSuccess": "#007871",
|
|
366
|
+
"euiColorTextWarning": "#83650a",
|
|
367
|
+
"euiColorTextDanger": "#bd271e",
|
|
368
|
+
"euiColorTextParagraph": "#343741",
|
|
369
|
+
"euiColorTextHeading": "#1a1c21",
|
|
370
|
+
"euiColorTextSubdued": "#646a77",
|
|
371
|
+
"euiColorTextDisabled": "#a2abba",
|
|
372
|
+
"euiColorTextInverse": "#FFFFFF",
|
|
373
|
+
"euiColorBackgroundBasePrimary": "#e6f1fa",
|
|
374
|
+
"euiColorBackgroundBaseAccent": "#feedf5",
|
|
375
|
+
"euiColorBackgroundBaseAccentSecondary": "#e6f9f7",
|
|
376
|
+
"euiColorBackgroundBaseSuccess": "#e6f9f7",
|
|
377
|
+
"euiColorBackgroundBaseWarning": "#fff9e8",
|
|
378
|
+
"euiColorBackgroundBaseDanger": "#f8e9e9",
|
|
379
|
+
"euiColorBackgroundBaseSubdued": "#f7f8fc",
|
|
380
|
+
"euiColorBackgroundBaseDisabled": "#ABB4C4",
|
|
381
|
+
"euiColorBackgroundBaseHighlighted": "#f7f8fc",
|
|
382
|
+
"euiColorBackgroundBasePlain": "#FFFFFF",
|
|
383
|
+
"euiColorBackgroundBaseFormsPrepend": "#e9edf3",
|
|
384
|
+
"euiColorBackgroundBaseFormsControlDisabled": "#98A2B3",
|
|
385
|
+
"euiColorBackgroundBaseInteractiveHover": "rgba(211,218,230,0.2)",
|
|
386
|
+
"euiColorBackgroundBaseInteractiveSelect": "#f5fafd",
|
|
387
|
+
"euiColorBackgroundBaseInteractiveOverlay": "rgba(0,0,0,0.5)",
|
|
388
|
+
"euiColorBackgroundBaseSkeletonEdge": "#f0f2f6",
|
|
389
|
+
"euiColorBackgroundBaseSkeletonMiddle": "#f6f8fa",
|
|
390
|
+
"euiColorBackgroundLightPrimary": "#cce4f5",
|
|
391
|
+
"euiColorBackgroundLightAccent": "#fcdcea",
|
|
392
|
+
"euiColorBackgroundLightAccentSecondary": "#ccf2f0",
|
|
393
|
+
"euiColorBackgroundLightSuccess": "#ccf2f0",
|
|
394
|
+
"euiColorBackgroundLightWarning": "#fff3d0",
|
|
395
|
+
"euiColorBackgroundLightDanger": "#f2d4d2",
|
|
396
|
+
"euiColorBackgroundLightText": "#e9edf3",
|
|
397
|
+
"euiColorBackgroundFilledPrimary": "#0077CC",
|
|
398
|
+
"euiColorBackgroundFilledAccent": "#f583b7",
|
|
399
|
+
"euiColorBackgroundFilledAccentSecondary": "#4dd2ca",
|
|
400
|
+
"euiColorBackgroundFilledSuccess": "#4dd2ca",
|
|
401
|
+
"euiColorBackgroundFilledWarning": "#FEC514",
|
|
402
|
+
"euiColorBackgroundFilledDanger": "#BD271E",
|
|
403
|
+
"euiColorBackgroundFilledText": "#69707D",
|
|
404
|
+
"euiColorBorderBasePrimary": "#99c9eb",
|
|
405
|
+
"euiColorBorderBaseAccent": "#f9b8d6",
|
|
406
|
+
"euiColorBorderBaseAccentSecondary": "#99e5e1",
|
|
407
|
+
"euiColorBorderBaseSuccess": "#99e5e1",
|
|
408
|
+
"euiColorBorderBaseWarning": "#fedc72",
|
|
409
|
+
"euiColorBorderBaseDanger": "#e5a9a5",
|
|
410
|
+
"euiColorBorderBaseSubdued": "#D3DAE6",
|
|
411
|
+
"euiColorBorderBaseDisabled": "rgba(191,198,210,0.1)",
|
|
412
|
+
"euiColorBorderBasePlain": "#D3DAE6",
|
|
413
|
+
"euiColorBorderBaseFloating": "transparent",
|
|
414
|
+
"euiColorBorderBaseFormsColorSwatch": "rgba(0,0,0,0.1)",
|
|
415
|
+
"euiColorBorderBaseFormsControl": "#919296",
|
|
416
|
+
"euiColorBorderStrongPrimary": "#99c9eb",
|
|
417
|
+
"euiColorBorderStrongAccent": "#f9b8d6",
|
|
418
|
+
"euiColorBorderStrongAccentSecondary": "#99e5e1",
|
|
419
|
+
"euiColorBorderStrongSuccess": "#99e5e1",
|
|
420
|
+
"euiColorBorderStrongWarning": "#fedc72",
|
|
421
|
+
"euiColorBorderStrongDanger": "#e5a9a5"
|
|
310
422
|
}
|
|
@@ -0,0 +1,425 @@
|
|
|
1
|
+
declare module '@elastic/eui/dist/eui_theme_amsterdam_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
|
+
}
|