feat(eui): remove xl size from EuiTabs

weronikaolejniczak · weronikaolejniczak · commit c47441367a5f · 2025-06-06T18:09:44.000+02:00
diff --git a/packages/eui/src/components/tabs/tab.styles.ts b/packages/eui/src/components/tabs/tab.styles.ts
@@ -99,12 +99,5 @@ export const euiTabContentStyles = (euiThemeContext: UseEuiTheme) => {
         (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
@@ -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
@@ -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<HTMLDivElement> &
@@ -40,7 +40,6 @@ export type EuiTabsProps = HTMLAttributes<HTMLDivElement> &
     bottomBorder?: boolean;
     /**
      * Sizes affect both font size and overall size.
-     * Only use the `xl` size when displayed as page titles.
      */
     size?: EuiTabsSizes;
   };
