Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design/error alert #1937

Merged
merged 8 commits into from
Jul 19, 2022
Merged

Design/error alert #1937

merged 8 commits into from
Jul 19, 2022

Conversation

AriannaChau
Copy link
Contributor

@AriannaChau AriannaChau commented Jul 12, 2022

Overview

This PR:

  • Add Error alert
  • Add sad-emoji to correspond with the Error alert
  • Add Status Color design section
  • Add 2 new red colors

I've added a TODO, I don't wanna bug a developer when we're so close to launch. I'm going to create an issue to make the icon and color change automatic, instead of just the color when the class is applied. I don't know how to do that. Or, I can convert this PR to a draft and come back to it when a dev is more available.

Screenshots

Color design tokens:
Screen Shot 2022-07-12 at 2 46 32 PM

Error alert:
Screen Shot 2022-07-12 at 2 48 03 PM

Icon:
Screen Shot 2022-07-12 at 2 48 30 PM

Testing

  1. Alert
  2. Design Tokens

@changeset-bot
Copy link

changeset-bot bot commented Jul 12, 2022

🦋 Changeset detected

Latest commit: 141bccf

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

This PR includes changesets to release 1 package
Name Type
@cloudfour/patterns Minor

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
Copy link

netlify bot commented Jul 12, 2022

Deploy Preview for cloudfour-patterns ready!

Name Link
🔨 Latest commit 141bccf
🔍 Latest deploy log https://app.netlify.com/sites/cloudfour-patterns/deploys/62d72179a7f34b000939c66f
😎 Deploy Preview https://deploy-preview-1937--cloudfour-patterns.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@AriannaChau AriannaChau marked this pull request as ready for review July 12, 2022 21:51
.changeset/nervous-glasses-sparkle.md Outdated Show resolved Hide resolved
src/assets/icons/sad-emoji.svg Outdated Show resolved Hide resolved
src/assets/icons/sad-emoji.svg Outdated Show resolved Hide resolved
src/components/alert/alert.scss Outdated Show resolved Hide resolved
src/components/alert/alert.stories.mdx Outdated Show resolved Hide resolved
src/components/alert/alert.stories.mdx Outdated Show resolved Hide resolved
src/design/colors.stories.mdx Outdated Show resolved Hide resolved
src/design/colors.stories.mdx Outdated Show resolved Hide resolved
.changeset/nervous-glasses-sparkle.md Outdated Show resolved Hide resolved
src/assets/icons/confused-face.svg Show resolved Hide resolved
src/assets/icons/confused-face.svg Outdated Show resolved Hide resolved
src/components/alert/alert.scss Outdated Show resolved Hide resolved
src/components/alert/alert.scss Outdated Show resolved Hide resolved
src/components/alert/alert.stories.mdx Outdated Show resolved Hide resolved
src/design/colors.stories.mdx Outdated Show resolved Hide resolved
src/tokens/color/status.json Outdated Show resolved Hide resolved
AriannaChau and others added 3 commits July 18, 2022 13:34
Co-authored-by: Tyler Sticka <tyler@cloudfour.com>
Edit changeset message
Move content around
Delete comments in json file
tylersticka
tylersticka previously approved these changes Jul 19, 2022
src/components/alert/alert.scss Outdated Show resolved Hide resolved
@AriannaChau AriannaChau merged commit 87f012d into v-next Jul 19, 2022
@AriannaChau AriannaChau deleted the design/error-alert branch July 19, 2022 21:39
This was referenced Jul 19, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add an Error pattern to help with required component props
2 participants