diff --git a/packages/eui/changelogs/upcoming/8762.md b/packages/eui/changelogs/upcoming/8762.md new file mode 100644 index 00000000000..f22b20a9b52 --- /dev/null +++ b/packages/eui/changelogs/upcoming/8762.md @@ -0,0 +1,3 @@ +**Breaking changes** + +- Removed `xl` size from `EuiTabs` 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 bc6ad9625b0..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 @@ -552,7 +552,7 @@ exports[`EuiPageHeaderContent props tabs is rendered 1`] = ` Tab 1
-
-`; - exports[`EuiTabs renders 1`] = `
{ (x, y) => x + y )}; `, - xl: css` - font-size: ${euiFontSize(euiThemeContext, 'l').fontSize}; - line-height: ${mathWithUnits( - [euiTheme.size.xxxl, euiTheme.size.s], - (x, y) => x + y - )}; - `, }; }; diff --git a/packages/eui/src/components/tabs/tabs.styles.ts b/packages/eui/src/components/tabs/tabs.styles.ts index 34016c64e36..c22458b24cf 100644 --- a/packages/eui/src/components/tabs/tabs.styles.ts +++ b/packages/eui/src/components/tabs/tabs.styles.ts @@ -39,8 +39,5 @@ export const euiTabsStyles = (euiThemeContext: UseEuiTheme) => { l: css` gap: ${euiTheme.size.l}; `, - xl: css` - gap: ${euiTheme.size.xl}; - `, }; }; diff --git a/packages/eui/src/components/tabs/tabs.tsx b/packages/eui/src/components/tabs/tabs.tsx index eaa0ca38edc..2ffa09d5efb 100644 --- a/packages/eui/src/components/tabs/tabs.tsx +++ b/packages/eui/src/components/tabs/tabs.tsx @@ -19,7 +19,7 @@ import { CommonProps } from '../common'; import { euiTabsStyles } from './tabs.styles'; import { EuiTabsContext } from './tabs_context'; -export const SIZES = ['s', 'm', 'l', 'xl'] as const; +export const SIZES = ['s', 'm', 'l'] as const; export type EuiTabsSizes = (typeof SIZES)[number]; export type EuiTabsProps = HTMLAttributes & @@ -40,7 +40,6 @@ export type EuiTabsProps = HTMLAttributes & bottomBorder?: boolean; /** * Sizes affect both font size and overall size. - * Only use the `xl` size when displayed as page titles. */ size?: EuiTabsSizes; };