2.8.0

Summary

• Added the acc-nuxt doctor project-health command and documentation for the authentication templates.
• Made component sizing, loading states, customization, and documentation more consistent across the Accelerator source templates.
• Improved nested overlay behavior and aligned component styling with semantic design tokens for easier branding.

Added

• Added npx acc-nuxt doctor [--json] to check declared peer dependencies, configured Nuxt modules, and storage-driver dependencies. It also inspects layers/accelerator-base/nuxt.config.*.
• Added documentation and navigation for the PasswordRequirements block and AuthPage layout.
• Added size support to Input and Toggle (xs through md), and Radio (sm through lg).
• Added the closeLabel prop to Alert, closeOnOutsideClick to Modal and Popover, a checked-state icon slot to Checkbox, and custom footer slots to Popover and Modal multi-step.
• Added Tabs --lev-tabs-width for customizing the tab-list width.
• Added documented Dropdown wrapper layout variables for width, display, flex direction, and gap.

Changed

• Updated component and auth-template styling to use semantic design tokens, so brand, state, border, and content roles can be overridden consistently.
• Standardized component documentation around props, bindings, emits, slots, CSS variables, and wrapper configuration.
• Nested Modals and Popovers now manage their layering and outside-click behavior automatically. Modal multi-step now composes the public Modal wrapper.

Fixed

• Fixed Dropdown loading-more skeletons so they retain their intended option height inside the teleported popover.
• Improved Expandable keyboard semantics when its trigger is rendered as a div.

Breaking Changes

• Reinstall the Dropdown and Modal multi-step templates with npx acc-nuxt add Dropdown ModalMultiStep --force. Back up local customizations first: --force overwrites the existing files.
• Removed Popover insideModal. Nested overlay layering is now automatic; remove this prop from Popover usage.
• Removed the exported AccModalWrapperProps type. Use AccModalProps and declare any wrapper-specific props locally.
• Badge label is now required. Pass a label whenever a badge is rendered.
• Removed custom skeleton slots from Calendar, Checkbox, Input, Radio, Textarea, and Toggle, plus skeleton and skeleton-option from Dropdown. Use the built-in loading skeleton styling instead.
• Removed the dark prop from Skeleton, plus dark-specific CSS variables from Modal, Modal multi-step, Popover, and Tooltip. Override each component's regular CSS variables in your dark-theme selector instead.
• Renamed Button CSS classes from the acc-button* prefix to lev-button*. Update custom CSS selectors accordingly.
• Removed Dropdown's --lev-dropdown-size-*-padding CSS variables. Use the size prop for the standard sizes.
• Radio and Toggle no longer use .small and .large sizing classes; use size instead. Textarea no longer has built-in .small sizing.
• Removed the global --spacing-0 and --spacing-px tokens. Use 0 and 1px directly where needed.