From 2122c7783910b2f239b674926d54a0175b54f327 Mon Sep 17 00:00:00 2001 From: Lene Gadewoll Date: Thu, 12 Dec 2024 12:03:00 +0100 Subject: [PATCH] refactor: remove support for accentSecondary badges --- packages/eui/src-docs/src/views/badge/beta_badge.tsx | 8 +------- packages/eui/src/components/badge/badge.styles.ts | 1 - packages/eui/src/components/badge/badge.tsx | 1 - .../src/components/badge/beta_badge/beta_badge.styles.ts | 3 --- .../eui/src/components/badge/beta_badge/beta_badge.tsx | 8 +------- .../badge/notification_badge/badge_notification.styles.ts | 1 - .../badge/notification_badge/badge_notification.tsx | 7 +------ 7 files changed, 3 insertions(+), 26 deletions(-) diff --git a/packages/eui/src-docs/src/views/badge/beta_badge.tsx b/packages/eui/src-docs/src/views/badge/beta_badge.tsx index 71173c0199d..0d72a59bb4d 100644 --- a/packages/eui/src-docs/src/views/badge/beta_badge.tsx +++ b/packages/eui/src-docs/src/views/badge/beta_badge.tsx @@ -3,13 +3,7 @@ import { css } from '@emotion/react'; import { EuiBetaBadge, EuiSpacer, EuiTitle } from '../../../../src/components'; -const colors = [ - 'hollow', - 'accent', - 'accentSecondary', - 'subdued', - 'warning', -] as const; +const colors = ['hollow', 'accent', 'subdued', 'warning'] as const; export default () => ( <> diff --git a/packages/eui/src/components/badge/badge.styles.ts b/packages/eui/src/components/badge/badge.styles.ts index a6da4b031d8..b9dd7f27a02 100644 --- a/packages/eui/src/components/badge/badge.styles.ts +++ b/packages/eui/src/components/badge/badge.styles.ts @@ -106,7 +106,6 @@ export const euiBadgeStyles = (euiThemeContext: UseEuiTheme) => { `, primary: css(setBadgeColorVars(badgeColors.primary)), accent: css(setBadgeColorVars(badgeColors.accent)), - accentSecondary: css(setBadgeColorVars(badgeColors.accentSecondary)), warning: css(setBadgeColorVars(badgeColors.warning)), danger: css(setBadgeColorVars(badgeColors.danger)), success: css(setBadgeColorVars(badgeColors.success)), diff --git a/packages/eui/src/components/badge/badge.tsx b/packages/eui/src/components/badge/badge.tsx index edfda98531c..735576b30b6 100644 --- a/packages/eui/src/components/badge/badge.tsx +++ b/packages/eui/src/components/badge/badge.tsx @@ -40,7 +40,6 @@ export const COLORS = [ 'primary', 'success', 'accent', - 'accentSecondary', 'warning', 'danger', ] as const; diff --git a/packages/eui/src/components/badge/beta_badge/beta_badge.styles.ts b/packages/eui/src/components/badge/beta_badge/beta_badge.styles.ts index 49c4e00801d..4e852436ba6 100644 --- a/packages/eui/src/components/badge/beta_badge/beta_badge.styles.ts +++ b/packages/eui/src/components/badge/beta_badge/beta_badge.styles.ts @@ -46,9 +46,6 @@ export const euiBetaBadgeStyles = (euiThemeContext: UseEuiTheme) => { accent: hasVisColorAdjustment ? css(badgeColors.accentText) : css(badgeColors.accent), - accentSecondary: hasVisColorAdjustment - ? css(badgeColors.accentSecondaryText) - : css(badgeColors.accentSecondary), subdued: css(badgeColors.subdued), hollow: css` color: ${badgeColors.hollow.color}; diff --git a/packages/eui/src/components/badge/beta_badge/beta_badge.tsx b/packages/eui/src/components/badge/beta_badge/beta_badge.tsx index 75dd6550018..77e3e5d4363 100644 --- a/packages/eui/src/components/badge/beta_badge/beta_badge.tsx +++ b/packages/eui/src/components/badge/beta_badge/beta_badge.tsx @@ -22,13 +22,7 @@ import { EuiIcon, IconType } from '../../icon'; import { euiBetaBadgeStyles } from './beta_badge.styles'; -export const COLORS = [ - 'accent', - 'accentSecondary', - 'subdued', - 'hollow', - 'warning', -] as const; +export const COLORS = ['accent', 'subdued', 'hollow', 'warning'] as const; export type BetaBadgeColor = (typeof COLORS)[number]; export const SIZES = ['s', 'm'] as const; diff --git a/packages/eui/src/components/badge/notification_badge/badge_notification.styles.ts b/packages/eui/src/components/badge/notification_badge/badge_notification.styles.ts index e68e7276226..04e0c4bb2e6 100644 --- a/packages/eui/src/components/badge/notification_badge/badge_notification.styles.ts +++ b/packages/eui/src/components/badge/notification_badge/badge_notification.styles.ts @@ -55,7 +55,6 @@ export const euiNotificationBadgeStyles = (euiThemeContext: UseEuiTheme) => { `, // Colors accent: css(badgeColors.accentText), - accentSecondary: css(badgeColors.accentSecondaryText), success: css(badgeColors.success), subdued: css(badgeColors.subdued), }; diff --git a/packages/eui/src/components/badge/notification_badge/badge_notification.tsx b/packages/eui/src/components/badge/notification_badge/badge_notification.tsx index 00d3f13644a..c68cfa21510 100644 --- a/packages/eui/src/components/badge/notification_badge/badge_notification.tsx +++ b/packages/eui/src/components/badge/notification_badge/badge_notification.tsx @@ -14,12 +14,7 @@ import { CommonProps } from '../../common'; import { euiNotificationBadgeStyles } from './badge_notification.styles'; -export const COLORS = [ - 'accent', - 'accentSecondary', - 'subdued', - 'success', -] as const; +export const COLORS = ['accent', 'subdued', 'success'] as const; export type BadgeNotificationColor = (typeof COLORS)[number]; export const SIZES = ['s', 'm'] as const;