fix(button): L3-4918 button font and image sizes are incorrect and non responsive

[scottdickerson]

Jira ticket

L3-4918

Screenshots

Before	After

Summary

The previous version of the Button had a size property instead of adjusting automatically at the different breakpoints. This made it non responsive.

Change List (describe the changes made to the files)

• change(Button): remove the size property
• change(button.scss): remove the size classes and replace all sizes with the responsive css variables.

Acceptance Test (how to verify the PR)

• Verify the button story for all variants looks correct at the different breakpoints.
• Compare those CSS property values to the screenshot from the Figma here:

Regression Test

• (Optional) Add verification steps to make sure this PR doesn't break old functionality

Evidence of testing

• Post logs, screenshots, etc

Things to look for during review

• PR title should correctly describe the most significant type of commit. I.e. feat(scope): ... if a minor release should be triggered.
• All commit messages follow convention and are appropriate for the changes
• All references to phillips class prefix are using the prefix variable
• All major areas have a data-testid attribute.
• Document all props with jsdoc comments
• All strings should be translatable.
• Unit tests should be written and should have a coverage of 90% or higher in all areas.

New Components

• Are there any accessibility considerations that need to be taken into account and tested?
• Default story called "Playground" should be created for all new components
• Create a jsdoc comment that has an Overview section and a link to the Figma design for the component
• Export the component and its typescript type from the index.ts file
• Import the component scss file into the componentStyles.scss file.

[netlify]

✅ Deploy Preview for phillips-seldon ready!

Name	Link
🔨 Latest commit	a245e88
🔍 Latest deploy log	https://app.netlify.com/sites/phillips-seldon/deploys/677bf5dd3496330008f55bdc
😎 Deploy Preview	https://deploy-preview-455--phillips-seldon.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[davidicus]

🎉 This issue has been resolved in version 1.103.2 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀