chore(SplitButton): 🤖 Migrate component to CSS Modules#993

Closed

punkbit wants to merge 43 commits into

mainfrom

chore/migrate-component-split-button-to-css

Commits on Apr 14, 2026

chore(SplitButton): 🤖 extend stories with types, disabled states and interactive
punkbit
committed
test(SplitButton): 💍 generated baseline snapshots for visual regression
punkbit
committed
test(SplitButton): 💍 fix snapshot tests to capture entire component wrapper
punkbit
committed
test(SplitButton): 💍 regenerate all 12 snapshots capturing full component
punkbit
committed
test(SplitButton): 💍 add aria-disabled assertions to all disabled tests per CONVENTIONS.md
punkbit
committed
test(SplitButton): 💍 add aria-disabled to PrimaryButton and accessibility test per CONVENTIONS.md
punkbit
committed
fix(SplitButton): ♿ add aria-disabled to SecondaryButton per CONVENTIONS.md
punkbit
committed
test(SplitButton): 💍 assert aria-disabled on dropdown trigger in disabled test
punkbit
committed
test(SplitButton): 💍 add hover and focus tests for secondary variant (light and dark)
punkbit
committed
fix(SplitButton): 🐛 add aria-disabled to SecondaryButton per CONVENTIONS.md
punkbit
committed
test(SplitButton): 💍 fix fragile keyboard navigation test to use direct focus
punkbit
committed
test(SplitButton): 💍 add aria-disabled assertions on dropdown trigger in disabled visual tests
punkbit
committed
chore: 🤖 add changeset for SplitButton CSS module migration
punkbit
committed
style: 💄 add CSS module for SplitButton with BEM naming
punkbit
committed
refactor: 💡 migrate SplitButton from styled-components to CSS modules
punkbit
committed
fix: 🐛 increase specificity for SplitButton border-radius reset
punkbit
committed
fix: 🐛 increase specificity for all SplitButton variant classes to restore background colors
punkbit
committed
style: 💄 fix CSS property order and selector specificity lint errors
punkbit
committed
refactor(SplitButton): 💡 remove styled-components, use inline style for Dropdown.Content
punkbit
committed
style(SplitButton): 💄 change :focus to :focus-visible per project conventions
punkbit
committed
fix(SplitButton): 🐛 add aria-disabled to secondary button per conventions
punkbit
committed
style(SplitButton): 💄 update to proper BEM element naming with __
punkbit
committed
fix(SplitButton): 🐛 fix CSS class names to match JS references with proper BEM
punkbit
committed
fix(SplitButton): 🐛 add data-testid to wrapper div for testability
punkbit
committed
refactor(SplitButton): 💡 remove unused button-data div and CSS class
punkbit
committed
fix(SplitButton): 🐛 add aria-disabled to BaseButton to fix failing tests
punkbit
committed
fix(SplitButton): 🐛 forward className to root element instead of BaseButton
punkbit
committed
fix(SplitButton): 🐛 align disabled selectors to use [data-disabled] consistently
punkbit
committed
test(SplitButton): 💍 add FillWidth story for visual regression coverage
punkbit
committed
fix(SplitButton): 🐛 increase CSS specificity to override BaseButton border-radius
punkbit
committed
fix(SplitButton): 🐛 add explicit outline on focus-visible states per a11y conventions
punkbit
committed
fix(SplitButton): 🐛 move data-testid to inner button for aria-disabled testability
punkbit
committed
fix(SplitButton): 🐛 add role=group and aria-label to wrapper div for a11y
punkbit
committed
refactor(SplitButton): 💡 remove redundant cn() call from secondary button
punkbit
committed
docs(SplitButton): 📝 add comment explaining specificity bump for BaseButton override
punkbit
committed
chore: 🤖 add .storybook to tsconfig include to fix Vite docgen warning
punkbit
committed
fix(SplitButton): 🐛 make group aria-label dynamic based on children text
punkbit
committed
fix(SplitButton): 🐛 add explicit disabled prop to inner dropdown button
punkbit
committed
fix(SplitButton): 🐛 replace overflow:hidden with clip-path to preserve focus outlines
punkbit
committed
chore: 🤖 add tsconfigPath to Storybook react-docgen-typescript config
punkbit
committed
style: 💄 revert clip-path back to overflow:hidden
punkbit
committed
style: 💄 fix CSS property order lint errors
punkbit
committed
refactor(SplitButton): 💡 wrap component with React.forwardRef for programmatic focus
punkbit
committed