Summary
As part of the EuiBadge design update, we need to update the styles of the EuiBadge component to match the latest changes.
Style changes
- Set the
border-radius to euiTheme.size.l (24px) - while this value is seemingly too high, it protects existing Kibana customizations
- Add an inline padding of to the text (
children) wrapper to euiTheme.size.xxs (2px)
- Set the inline left/right margin between the text and icon elements to
euiTheme.size.xxs (2px); this should not be applied for icon-only badges
- Any additional CSS changes necessary to match the design
Acceptance criteria
- All style changes listed above should be implemented
- The updated EuiBadge component should match the new design
- VRT snapshots and tests should be updated
Summary
As part of the EuiBadge design update, we need to update the styles of the EuiBadge component to match the latest changes.
Style changes
border-radiustoeuiTheme.size.l(24px) - while this value is seemingly too high, it protects existing Kibana customizationschildren) wrapper toeuiTheme.size.xxs(2px)euiTheme.size.xxs(2px); this should not be applied for icon-only badgesAcceptance criteria