diff --git a/packages/eui-theme-borealis/changelogs/upcoming/9049.md b/packages/eui-theme-borealis/changelogs/upcoming/9049.md deleted file mode 100644 index b09d56d59ec..00000000000 --- a/packages/eui-theme-borealis/changelogs/upcoming/9049.md +++ /dev/null @@ -1 +0,0 @@ -- Added `tabsSize` theme override to size `m` for `EuiPageHeader` \ No newline at end of file diff --git a/packages/eui-theme-borealis/changelogs/upcoming/9057.md b/packages/eui-theme-borealis/changelogs/upcoming/9057.md deleted file mode 100644 index 06e95677559..00000000000 --- a/packages/eui-theme-borealis/changelogs/upcoming/9057.md +++ /dev/null @@ -1 +0,0 @@ -- Added component tokens for `emptyPrompt` spacing configuration: `titleBodySpacing`, `bodyActionsSpacing` and `paddingSize` \ No newline at end of file diff --git a/packages/eui-theme-borealis/src/variables/_components.ts b/packages/eui-theme-borealis/src/variables/_components.ts index c7b242fbae9..c9891724df3 100644 --- a/packages/eui-theme-borealis/src/variables/_components.ts +++ b/packages/eui-theme-borealis/src/variables/_components.ts @@ -20,8 +20,6 @@ import { import { border_colors } from './colors/_colors_light'; import { buttons } from './_buttons'; import { forms } from './_forms'; -import { emptyPrompt } from './_empty_prompt'; -import { pageHeader } from './_page_header'; const component_colors: _EuiThemeComponentColors = { badgeBackground: computed( @@ -372,8 +370,6 @@ const component_colors: _EuiThemeComponentColors = { export const components: _EuiThemeComponents = { buttons, forms, - emptyPrompt, - pageHeader, LIGHT: component_colors, DARK: { ...component_colors, diff --git a/packages/eui-theme-borealis/src/variables/_empty_prompt.ts b/packages/eui-theme-borealis/src/variables/_empty_prompt.ts deleted file mode 100644 index 7ca9d71a6d6..00000000000 --- a/packages/eui-theme-borealis/src/variables/_empty_prompt.ts +++ /dev/null @@ -1,14 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0 and the Server Side Public License, v 1; you may not use this file except - * in compliance with, at your election, the Elastic License 2.0 or the Server Side Public License, v 1. - */ - -import { _EuiThemeEmptyPrompt } from '@elastic/eui-theme-common'; - -export const emptyPrompt: _EuiThemeEmptyPrompt = { - titleBodySpacing: 's', - bodyActionsSpacing: 'm', - paddingSize: 'm', -}; diff --git a/packages/eui-theme-borealis/src/variables/_page_header.ts b/packages/eui-theme-borealis/src/variables/_page_header.ts deleted file mode 100644 index be5d8e0a7a3..00000000000 --- a/packages/eui-theme-borealis/src/variables/_page_header.ts +++ /dev/null @@ -1,13 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0 and the Server Side Public License, v 1; you may not use this file except - * in compliance with, at your election, the Elastic License 2.0 or the Server - * Side Public License, v 1. - */ - -import { _EuiThemePageHeader } from '@elastic/eui-theme-common'; - -export const pageHeader: _EuiThemePageHeader = { - tabsSize: 'm', // Reduced from default 'l' -}; diff --git a/packages/eui-theme-common/changelogs/upcoming/9049.md b/packages/eui-theme-common/changelogs/upcoming/9049.md deleted file mode 100644 index 5e286d5ec2c..00000000000 --- a/packages/eui-theme-common/changelogs/upcoming/9049.md +++ /dev/null @@ -1 +0,0 @@ -- Added `_EuiThemePageHeader` type and `pageHeader` component token \ No newline at end of file diff --git a/packages/eui-theme-common/changelogs/upcoming/9057.md b/packages/eui-theme-common/changelogs/upcoming/9057.md deleted file mode 100644 index 1368b9d7ca4..00000000000 --- a/packages/eui-theme-common/changelogs/upcoming/9057.md +++ /dev/null @@ -1 +0,0 @@ -- Added `_EuiThemeEmptyPrompt` type and `emptyPrompt` component token diff --git a/packages/eui-theme-common/src/global_styling/variables/components.ts b/packages/eui-theme-common/src/global_styling/variables/components.ts index b748680dc91..cf8ef16ec52 100644 --- a/packages/eui-theme-common/src/global_styling/variables/components.ts +++ b/packages/eui-theme-common/src/global_styling/variables/components.ts @@ -12,8 +12,6 @@ import { } from '../../services/theme/types'; import { _EuiThemeButton } from './buttons'; import { _EuiThemeForm, _EuiThemeFormColors } from './forms'; -import { _EuiThemeEmptyPrompt } from './empty_prompt'; -import { _EuiThemePageHeader } from './page_header'; export type _EuiThemeComponentColors = { badgeBackground: ColorModeSwitch; @@ -159,8 +157,6 @@ export type _EuiThemeComponentColors = { export type _EuiThemeComponents = { buttons: _EuiThemeButton; forms: _EuiThemeForm & StrictColorModeSwitch<_EuiThemeFormColors>; - emptyPrompt: _EuiThemeEmptyPrompt; - pageHeader: _EuiThemePageHeader; /** * internal-only key that holds temporary tokens used while migrating themes */ diff --git a/packages/eui-theme-common/src/global_styling/variables/empty_prompt.ts b/packages/eui-theme-common/src/global_styling/variables/empty_prompt.ts deleted file mode 100644 index e580be3bceb..00000000000 --- a/packages/eui-theme-common/src/global_styling/variables/empty_prompt.ts +++ /dev/null @@ -1,12 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0 and the Server Side Public License, v 1; you may not use this file except - * in compliance with, at your election, the Elastic License 2.0 or the Server Side Public License, v 1. - */ - -export type _EuiThemeEmptyPrompt = { - titleBodySpacing: string; - bodyActionsSpacing: string; - paddingSize: string; -}; diff --git a/packages/eui-theme-common/src/global_styling/variables/index.ts b/packages/eui-theme-common/src/global_styling/variables/index.ts index e0f9a922dcc..18b3e15971e 100644 --- a/packages/eui-theme-common/src/global_styling/variables/index.ts +++ b/packages/eui-theme-common/src/global_styling/variables/index.ts @@ -19,8 +19,6 @@ export * from './states'; export * from './typography'; export * from './buttons'; export * from './forms'; -export * from './empty_prompt'; -export * from './page_header'; export * from './components'; export * from './flags'; export * from './overrides'; diff --git a/packages/eui-theme-common/src/global_styling/variables/page_header.ts b/packages/eui-theme-common/src/global_styling/variables/page_header.ts deleted file mode 100644 index 7deded98e56..00000000000 --- a/packages/eui-theme-common/src/global_styling/variables/page_header.ts +++ /dev/null @@ -1,11 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0 and the Server Side Public License, v 1; you may not use this file except - * in compliance with, at your election, the Elastic License 2.0 or the Server - * Side Public License, v 1. - */ - -export type _EuiThemePageHeader = { - tabsSize: string; -}; diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast.png index ac02d3d6feb..981ea42e9e3 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast_Transparent.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast_Transparent.png index f1bf60a4197..019430f53f9 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast_Transparent.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_High_Contrast_Transparent.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Page_Template.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Page_Template.png index df0a855dd34..f72fcb20e10 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Page_Template.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Page_Template.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Playground.png index 9d06bc7f43d..e72be7d8fcd 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiEmptyPrompt_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Display_EuiIconTip_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Display_EuiIconTip_Playground.png index f916fc4bf80..63c7b136574 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Display_EuiIconTip_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Display_EuiIconTip_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png index d903952bf8e..2aa2ade8801 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png index d3ca6b3f514..1b508df5f80 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png index 363d2d41862..0bd42a4326b 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png index 363d2d41862..0bd42a4326b 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png index 5fc8cd11491..fb1d5e5808d 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png index e2e041d64b1..b882bbd27f8 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png b/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png index 8a5e9a6be26..9b06f24394d 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png and b/packages/eui/.loki/reference/chrome_desktop_Navigation_EuiCollapsibleNav_EuiCollapsibleNav_Full_Header_Pattern.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Keyboard_Shortcuts.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Keyboard_Shortcuts.png index 5ba9429238a..55ab7b775db 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Keyboard_Shortcuts.png and b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiDataGrid_toolbarVisibility_prop_Keyboard_Shortcuts.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Playground.png index 33bdb14c508..e1b36fa9577 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Templates_EuiPageTemplate_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast.png index 1c51eae03d7..340bba65cfa 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast_Transparent.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast_Transparent.png index 043d7d230df..fbdf879bdca 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast_Transparent.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_High_Contrast_Transparent.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Page_Template.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Page_Template.png index 865ae106c91..e1b4ead216a 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Page_Template.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Page_Template.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Playground.png index aa4fffb7f40..5531291ec85 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiEmptyPrompt_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Display_EuiIconTip_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Display_EuiIconTip_Playground.png index 751ceb41f21..6018e8fc170 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Display_EuiIconTip_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Display_EuiIconTip_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png index af85c6e6553..ccb13b6fae1 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png and b/packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Quick_Select_Only.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png index e375b1dc663..a466c63ff0e 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png index 4ff04be7f52..7cc0e460b34 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_False.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png index 3ef1763465d..99bd2a4ad15 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Responsive_Reverse.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png index 74ac9457ec4..b8cffbcd5ba 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeaderContent_Wrapping_Content.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png index 7621357d70f..93f68d095ca 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiPage_EuiPageHeader_EuiPageHeader_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Playground.png index a27d70136e0..c9b88d77c87 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Templates_EuiPageTemplate_Playground.png differ diff --git a/packages/eui/changelogs/upcoming/9049.md b/packages/eui/changelogs/upcoming/9049.md deleted file mode 100644 index 9ef0e63bf03..00000000000 --- a/packages/eui/changelogs/upcoming/9049.md +++ /dev/null @@ -1 +0,0 @@ -- Changed `EuiPageHeader` tabs to `m` size for Borealis theme \ No newline at end of file diff --git a/packages/eui/changelogs/upcoming/9057.md b/packages/eui/changelogs/upcoming/9057.md deleted file mode 100644 index e759401f88b..00000000000 --- a/packages/eui/changelogs/upcoming/9057.md +++ /dev/null @@ -1 +0,0 @@ -- Added component tokens for `EuiEmptyPrompt` spacing configuration \ No newline at end of file diff --git a/packages/eui/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap b/packages/eui/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap index 234a61ad663..847de3a3ef2 100644 --- a/packages/eui/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap +++ b/packages/eui/src/components/empty_prompt/__snapshots__/empty_prompt.test.tsx.snap @@ -7,7 +7,7 @@ exports[`EuiEmptyPrompt is rendered 1`] = ` data-test-subj="test subject string" >
Actions @@ -51,7 +51,7 @@ exports[`EuiEmptyPrompt props actions renders alone 1`] = ` class="euiPanel euiPanel--transparent euiEmptyPrompt emotion-euiPanel-m-transparent-euiEmptyPrompt-vertical" >
@@ -303,7 +303,7 @@ exports[`EuiEmptyPrompt props icon renders alone 1`] = ` class="euiPanel euiPanel--transparent euiEmptyPrompt emotion-euiPanel-m-transparent-euiEmptyPrompt-vertical" >
{ `, horizontal: css` ${euiMinBreakpoint(euiThemeContext, 'l')} { - padding: ${euiTheme.size.l}; + padding-block: ${euiTheme.size.l}; + padding-inline: 0; } `, }, diff --git a/packages/eui/src/components/empty_prompt/empty_prompt.tsx b/packages/eui/src/components/empty_prompt/empty_prompt.tsx index 9b2854d0d99..d16fe9539fc 100644 --- a/packages/eui/src/components/empty_prompt/empty_prompt.tsx +++ b/packages/eui/src/components/empty_prompt/empty_prompt.tsx @@ -14,11 +14,11 @@ import React, { } from 'react'; import classNames from 'classnames'; -import { useEuiMemoizedStyles, useEuiTheme } from '../../services'; +import { useEuiMemoizedStyles } from '../../services'; import { CommonProps } from '../common'; import { EuiTitle, EuiTitleSize } from '../title'; import { EuiFlexGroup, EuiFlexItem } from '../flex'; -import { EuiSpacer, SpacerSize } from '../spacer'; +import { EuiSpacer } from '../spacer'; import { EuiIcon, IconColor, IconType } from '../icon'; import { isNamedColor } from '../icon/named_colors'; import { EuiText } from '../text'; @@ -86,7 +86,7 @@ export const EuiEmptyPrompt: FunctionComponent = ({ iconColor: _iconColor, title, titleSize = 'm', - paddingSize, + paddingSize = 'l', body, actions, className, @@ -98,22 +98,12 @@ export const EuiEmptyPrompt: FunctionComponent = ({ }) => { const classes = classNames('euiEmptyPrompt', className); const styles = useEuiMemoizedStyles(euiEmptyPromptStyles); - const euiTheme = useEuiTheme(); - - // Get spacing values from theme, fallback to defaults for Amsterdam theme - const titleBodySpacing = (euiTheme.euiTheme.components.emptyPrompt - ?.titleBodySpacing ?? 'm') as SpacerSize; - const bodyActionsSpacing = (euiTheme.euiTheme.components.emptyPrompt - ?.bodyActionsSpacing ?? 'l') as SpacerSize; - const themePaddingSize = - euiTheme.euiTheme.components.emptyPrompt?.paddingSize ?? 'l'; const cssStyles = [styles.euiEmptyPrompt, styles[layout]]; - const finalPaddingSize = (paddingSize ?? themePaddingSize) as PaddingSize; const mainStyles = [ styles.main.euiEmptyPrompt__main, styles.main[layout], - styles.main[finalPaddingSize], - layout === 'horizontal' && styles.main.horizontalPadding[finalPaddingSize], + styles.main[paddingSize], + layout === 'horizontal' && styles.main.horizontalPadding[paddingSize], ]; const contentStyles = [ styles.content.euiEmptyPrompt__content, @@ -171,7 +161,7 @@ export const EuiEmptyPrompt: FunctionComponent = ({ if (!footer) return null; const footerStyles = [ styles.footer.euiEmptyPrompt__footer, - styles.footer[finalPaddingSize], + styles.footer[paddingSize], styles.footer[color], color === 'transparent' && !hasBorder && styles.footer.roundedBorders, ]; @@ -180,7 +170,7 @@ export const EuiEmptyPrompt: FunctionComponent = ({ {footer}
); - }, [footer, finalPaddingSize, color, hasBorder, styles.footer]); + }, [footer, paddingSize, color, hasBorder, styles.footer]); return ( = ({ {iconNode}
{title && {title}} - {title && body && } + {title && body && } {body && {body}} - {actionsNode && (body || title) && ( - - )} + {actionsNode && (body || title) && } {actionsNode}
diff --git a/packages/eui/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap b/packages/eui/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap index 949c18fb9a8..b65e738e5f3 100644 --- a/packages/eui/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap +++ b/packages/eui/src/components/page/page_header/__snapshots__/page_header.test.tsx.snap @@ -334,7 +334,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`] />
@@ -346,7 +346,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`] type="button" > Tab 1 @@ -359,7 +359,7 @@ exports[`EuiPageHeader props page content props are passed down is rendered 1`] type="button" > Tab 2 diff --git a/packages/eui/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap b/packages/eui/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap index 367b21460e4..bb303c77089 100644 --- a/packages/eui/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap +++ b/packages/eui/src/components/page/page_header/__snapshots__/page_header_content.test.tsx.snap @@ -293,7 +293,7 @@ exports[`EuiPageHeaderContent props children is rendered even if content props a class="euiSpacer euiSpacer--l emotion-euiSpacer-l" />