fix(components): update Disclosure focus and hover styling

chris-at-jobber commented 2 weeks ago

Motivations

Improve the appearance of hover and focus states and make them more consistent with other Atlantis elements

Apply a radius of small to Disclosure (as it is typically a child component)
Adjust how the left alignment of the Disclosure works so that on hover and focus-visible, the title is not flush to the edge of the changing surface

Test in Storybook and via prerelease

Random photo of Atlantis

cloudflare-workers-and-pages[bot] commented 2 weeks ago

Latest commit:	`1e268bb`
Status:	✅ Deploy successful!
Preview URL:	https://f34e6117.atlantis.pages.dev
Branch Preview URL:	https://improve-disclosure-interacti.atlantis.pages.dev

github-actions[bot] commented 2 weeks ago

Published Pre-release for 24773b810352c0dd596448af5773466908fe917f with versions:

  - @jobber/components@5.29.1-improve-di-24773b8.2+24773b81

To install the new version(s) for Web run:

npm install @jobber/components@5.29.1-improve-di-24773b8.2+24773b81

fagnanm commented 3 days ago

Some QA findings: Feature comparison uses disclosures but changes a bunch of the styling which has it's issues with negative margins.

chris-at-jobber commented 18 hours ago

@fagnanm good catch, can make sure to go in and fix that up when we pull this in