EVO React Components

Changelog

May 22nd, 2026

Added

  • New Combobox component with full accessibility support - a searchable dropdown combining a text input with a listbox, built on Radix UI with keyboard navigation and screen reader compatibility.
  • SMB Page Header experimental block with back navigation, actions, and overflow menu (PPL/SMB).
  • SMB View Switcher experimental block with basic and count badge variants (PPL/SMB).
  • SMB Badge experimental block with 15 colour variants (PPL/SMB).
  • SMB Metric Card experimental block with 3 sizes and passive/active modes (PPL/SMB).
  • SMB Empty State unified experimental block with basic, actions, and error variants (PPL/SMB).
  • SMB Page Tabs experimental block (PPL/SMB).
  • 10 SMB illustration SVGs for empty state components (PPL/SMB).
  • Automated accessibility test scripts: `scripts/check-a11y-tests.js` (CI enforcement) and `scripts/add-a11y-tests.js` (local scaffolding) to ensure all base UI components have axe-core accessibility test coverage.
  • Comprehensive axe-core (jest-axe) accessibility tests for all base UI components in `__tests__/registry/evo-shadcn/ui/`.
  • Color contrast utility test suite (`__tests__/lib/color-contrast.test.ts`).
  • TypeScript configuration for testing (`tsconfig.test.json`).
  • ESLint configuration (`eslint.config.mjs`) with TypeScript, React, and accessibility rules.

Changed

  • Alert: updated light mode background from transparent to `background` color to ensure sufficient contrast with borders for accessibility compliance. Updated variant colors for WCAG compliance.
  • Input, Textarea, Select, Native Select: set light mode background to `background` color to ensure contrast with borders.
  • Tabs: fixed styling inconsistencies introduced during shadcn v4 upgrade.
  • Combobox demo: redesigned demo page to showcase all Combobox variants and accessibility features.
  • Button, Button Group, Input Group, Input OTP, Item, Progress, Slider, Tooltip demos: updated to reflect current component APIs.
  • EDS style (`eds-style.json`, `app/globals.css`): refined CSS custom property values for improved color contrast and semantic token consistency.
  • Sidebar demo: minor layout and styling adjustments.
  • Drawer demo: minor accessibility improvements.
  • Chart demo: added additional chart variant example.
  • File Upload block: minor styling fix.
  • Pagination: minor accessibility attribute addition.
  • Sidebar: import and class ordering cleanup.

Removed

  • Removed MultiSelect experimental block.
  • Removed Smart Menu experimental block.
  • Removed Stats Circles experimental block.
  • Removed Task Cards experimental block.
  • Removed Avatar Stack experimental block.
April 2nd, 2026

Added

  • New Direction utility component for providing LTR/RTL text direction context to child components.
  • New Native Select component - a styled native HTML select element with custom chevron indicator.
  • Popover: added PopoverHeader, PopoverTitle, PopoverDescription, and PopoverFooter sub-components.
  • AlertDialog: added size prop (default, sm) and AlertDialogMedia sub-component.
  • Tabs: added TabsList line variant via tabsListVariants (cva), and orientation support (horizontal/vertical). Exported tabsListVariants.
  • ToggleGroup: added spacing prop for configurable gap between toggle items.
  • Avatar: added size prop (default, sm, lg) with data-size attribute.
  • Button: added xs, icon-xs, icon-sm, and icon-lg size variants.
  • Sheet: added showCloseButton prop to SheetContent.
  • Select: changed default position from popper to item-aligned.

Changed

  • Updated shadcn from 3.8.5 to 4.0.2.
  • Unified Radix UI packages - replaced 26 individual @radix-ui/react-* packages with a single radix-ui dependency.
  • Accordion: simplified styling - removed custom padding, gap, border-radius, and focus-within ring styles from Accordion root and AccordionItem. Changed ChevronDown icon to ChevronDownIcon.
  • Alert: reworked layout from flexbox to CSS grid with has-[>svg] responsive columns. Updated default and destructive variant styles to use semantic tokens.
  • AlertDialog: updated shadow DOM fix pattern from JSX comments to line comments above JSX for cleaner code.
  • Button: updated variant styles to use semantic design tokens (e.g. bg-primary/90, hover:bg-accent) instead of hardcoded EDS colors.
  • Card: added gap-6 and py-6 to Card root; simplified CardHeader gap from 1.5 to 2 and removed mt-6.
  • Dialog: updated shadow DOM fix pattern from JSX comments to line comments above JSX.
  • Popover: removed shadow DOM JSX comments, updated CSS class ordering.
  • Select: updated dark mode styles from dark:bg-neutral-50 to dark:bg-input/30.
  • Sidebar: reorganized imports, updated className ordering for consistency.
  • Toggle: updated base styles to use semantic tokens (hover:bg-muted, data-[state=on]:bg-accent) instead of hardcoded neutral/teal colors.
  • Tooltip: removed TooltipProvider wrapper from Tooltip component.
  • Removed data-oid attributes from all components.
  • Reordered Tailwind CSS classes to follow a consistent convention across all components.

Fixed

  • Updated demos for new component APIs: AlertDialog, Avatar, Button, Collapsible, Dialog, Dropdown Menu, Popover, Resizable, Select, Sheet, Switch, Tabs, and ToggleGroup.
March 5th, 2026

Changed

  • Updated shadcn from 3.6.3 to 3.8.5.

Security

  • Resolved minimatch ReDoS vulnerability (CVSS 7.5) by adding pnpm override to enforce minimatch >=10.2.3, upgrading transitive dependency from 10.1.1.
February 4th, 2026

Added

  • Page Tabs experimental block for APAC - a horizontal navigation bar combining a back button, tabbed navigation with underline style, and optional search input.
  • APAC: PDF Viewer - A lightweight PDF viewer component with zoom controls, vertical scroll functionality, page navigation, and support for URL, File, or base64 PDF sources.
  • User Feedback Dialog - added optional star rating feature (1-5 stars) on step 2, enabled via `includeStarRating` prop. When enabled, rating is required before submission.
January 19th, 2026

Added

  • Page Header experimental block for APAC - a flexible page header component with configurable icon/avatar, title, subtitle, and action buttons (secondary, primary, tertiary dropdown menu).

Fixed

  • Destructive Alert Dialog demo - matched the dialog action button styling with the trigger button by applying complete destructive variant styles.
December 8th, 2025

Added

  • Documentation for Recharts zIndex fix in shadow DOM MFE - charts using Recharts 3.4.0+ require zIndex={0} prop to render correctly.
  • Resolved security vulnerability CVE-2025-55182. Upgraded Next.js to version 16.07, React to 19.2.1, and eslint-config-next to 16.0.1.
  • Corrected installation dependency references for page-header, page-template, and wizard components to use the proper dependency property.
December 3rd, 2025

Fixed

  • MFE Shadow DOM fix for Dialog and AlertDialog components - changed top positioning from 50% to 54% for proper centering in shadow DOM context.
  • Reverted Button outline variant styling to use EDS theme colors (neutral-400, neutral-700) instead of generic accent colors for consistent design system appearance.
November 20th, 2025

Added

  • Application Insights telemetry for copy/install actions, search, and navigation.
November 3rd, 2025

Added

  • MFE Shadow DOM Support documentation with fixes for 13 components (alert-dialog, context-menu, dialog, drawer, dropdown-menu, focus-scope, hover-card, menubar, popover, select, sheet, tooltip, use-shadow-root hook)
  • Custom Date Picker component
  • Upgraded Recharts to v3.
  • Add link to the contribution page when no component is found.
  • Icon Container
  • Page Header
  • Page Template.
October 22nd, 2025

Added

  • User Feedback Dialog.
October 17th, 2025

Added

  • Rating experimental block with decimal precision support, partial star fills, keyboard navigation, accessibility features, size variants, and custom icon support.
  • Fix Wizard component for the dark theme.
October 15th, 2025

Removed

  • Alert Banner experimental block (temporarily removed, will return in a future release)
October 13th, 2025

Added

  • Wizard component block with internal state management and step navigation.
  • Add the latest shadcn components: Field, Item, Spinner, Input Group, Kbd, Button Group and Empty.

Removed

  • Step Wizard from blocks
  • Modal Wizard from blocks
October 6th, 2025

Added

  • Initial release of Evo React Components
  • EDS-themed components with interactive demos
  • Automated scaffolding for new components and blocks
  • Component validation and health check scripts
  • Registry build and deployment pipeline
  • Support for both components and blocks
  • Comprehensive documentation and contributing guidelines