Add status and icon resize to Toast

RocketCommunicationsInc / astro

Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.

https://astrouxds.com

Other

108 stars 25 forks source link

Add status and icon resize to Toast #1309

Closed micahjones13 closed 5 months ago

micahjones13 commented 5 months ago

Brief Description

Adds the ability to assign a status to rux-toast via the new status prop. This styles the toast with the corresponding status symbol, border color and icon color.

Adds the ability to resize the close icon via a new --iconSize CSS custom prop. For example:

rux-toast {
    --iconSize: 24px;
}

JIRA Link

General Notes

Motivation and Context

There is a use case where different types of toasts should be displayed as a user uses an application.

Issues and Limitations

Types of changes

[ ] Bug fix
[x] New feature
[ ] Breaking change

Checklist

[ ] This PR adds or removes a Storybook story.
[x] I have added tests to cover my changes.
[ ] Regressions are passing and/or failures are documented
[ ] Changes have been checked in evergreen browsers

changeset-bot[bot] commented 5 months ago

🦋 Changeset detected

Latest commit: 0cc3d363a5efe4430ddb72f6c98a81f9fc7f5ee8

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

netlify[bot] commented 5 months ago

Deploy Preview for astro-stencil ready!

Name	Link
Latest commit	0cc3d363a5efe4430ddb72f6c98a81f9fc7f5ee8
Latest deploy log	https://app.netlify.com/sites/astro-stencil/deploys/661d5c0c9acc18000825011a
Deploy Preview	https://deploy-preview-1309--astro-stencil.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.