chore(CardHorizontal): 🤖 Migrate component to CSS Modules#1001

Open

punkbit wants to merge 25 commits into

test/cardhorizontal-visual-regressionfrom

chore/migrate-component-cardhorizontal-to-css

Commits on Apr 15, 2026

refactor(CardHorizontal): 💡 Migrate from styled-components to CSS Modules
punkbit
committed
style(CardHorizontal): 💄 Fix CSS linting errors and property ordering
punkbit
committed
style(CardHorizontal): 💄 Clean up stylelint disable comments
punkbit
committed
docs(CardHorizontal): 📝 Add explanatory comment for stylelint disable
punkbit
committed
chore: 🤖 add comment explaining why lint rule's disabled
punkbit
committed
style: 💄 Disable media-feature-range-notation rule for better browser support
punkbit
committed
fix(CardHorizontal): 🐛 Scope :focus/:active styles to selectable cards only
punkbit
committed
style(CardHorizontal): 💄 Use :focus-visible instead of :focus per project convention
punkbit
committed
fix(CardHorizontal): 🐛 Add Enter key handling for role=button accessibility
punkbit
committed
fix(CardHorizontal): 🐛 Remove pointer-events: none to allow not-allowed cursor on disabled
punkbit
committed
fix(CardHorizontal): 🐛 Add hover styles for disabled selected cards to show visible border
punkbit
committed
fix(CardHorizontal): 🐛 Ensure disabled styles override selected styles when both present
punkbit
committed
style: 💄 default+disabled+selected
punkbit
committed
style: 💄 not selectable must use not-allowed cursor
punkbit
committed
fix(CardHorizontal): 🐛 Remove orphaned tab stop and use consistent :focus-visible
punkbit
committed
style(CardHorizontal): 💄 Remove duplicate CSS selectors
punkbit
committed
style(CardHorizontal): 💄 Fix remaining :focus and remove incorrect not-allowed cursor
punkbit
committed
style(CardHorizontal): 💄 Use explicit flex-direction and direct gap token
punkbit
committed
style(CardHorizontal): 💄 Fix CSS property ordering
punkbit
committed
fix(CardHorizontal): 🐛 Fix CSS specificity for disabled selectable cards
punkbit
committed
style(CardHorizontal): 💄 Use modern :not() selector list notation
punkbit
committed
fix(CardHorizontal): 🐛 Fix types, use flex, add children class, and Enter key test
punkbit
committed
fix(CardHorizontal): 🐛 Update onButtonClick type to accept both MouseEvent and KeyboardEvent
punkbit
committed
docs(CardHorizontal): 📝 Add JSDoc for isSelectable and infoText props
punkbit
committed
chore: 🤖 Add changeset for CardHorizontal CSS Modules migration
punkbit
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(CardHorizontal): 🤖 Migrate component to CSS Modules#1001

chore(CardHorizontal): 🤖 Migrate component to CSS Modules#1001
punkbit wants to merge 25 commits into
test/cardhorizontal-visual-regressionfrom
chore/migrate-component-cardhorizontal-to-css

Commits on Apr 15, 2026

refactor(CardHorizontal): 💡 Migrate from styled-components to CSS Modules

style(CardHorizontal): 💄 Fix CSS linting errors and property ordering

style(CardHorizontal): 💄 Clean up stylelint disable comments

docs(CardHorizontal): 📝 Add explanatory comment for stylelint disable

chore: 🤖 add comment explaining why lint rule's disabled

style: 💄 Disable media-feature-range-notation rule for better browser support

fix(CardHorizontal): 🐛 Scope :focus/:active styles to selectable cards only

style(CardHorizontal): 💄 Use :focus-visible instead of :focus per project convention

fix(CardHorizontal): 🐛 Add Enter key handling for role=button accessibility

fix(CardHorizontal): 🐛 Remove pointer-events: none to allow not-allowed cursor on disabled

fix(CardHorizontal): 🐛 Add hover styles for disabled selected cards to show visible border

fix(CardHorizontal): 🐛 Ensure disabled styles override selected styles when both present

style: 💄 default+disabled+selected

style: 💄 not selectable must use not-allowed cursor

fix(CardHorizontal): 🐛 Remove orphaned tab stop and use consistent :focus-visible

style(CardHorizontal): 💄 Remove duplicate CSS selectors

style(CardHorizontal): 💄 Fix remaining :focus and remove incorrect not-allowed cursor

style(CardHorizontal): 💄 Use explicit flex-direction and direct gap token

style(CardHorizontal): 💄 Fix CSS property ordering

fix(CardHorizontal): 🐛 Fix CSS specificity for disabled selectable cards

style(CardHorizontal): 💄 Use modern :not() selector list notation

fix(CardHorizontal): 🐛 Fix types, use flex, add children class, and Enter key test

fix(CardHorizontal): 🐛 Update onButtonClick type to accept both MouseEvent and KeyboardEvent

docs(CardHorizontal): 📝 Add JSDoc for isSelectable and infoText props

chore: 🤖 Add changeset for CardHorizontal CSS Modules migration