[jackieyoungsfgov]

Old PR: https://github.com/SFDigitalServices/forms/pull/29

1. Update the link color to Primary blue for all the banners
2. Avoid having red texts in the warning alert banner
3. Also adds our Info/Warning/Critical/Success colors to their respective banners, following our designs
   (took out the title color and spacing between title and text, since our partners have been changing that themselves in fillout)

📦 Published canary version 0.2.2--canary.8.40599455452.0

https://unpkg.com/@sfgov/fillout@0.2.2--canary.8.40599455452.0/dist/theme-sfgov.css

Copy the URL above to test this release with the CSS extension.

[shawnbot]

This looks great. I pointed the extension at the second page of the kitchen sink and confirmed that it works for all of the different alert styles.

One thing I'd like to try in this PR now that we have postcss: Can we nest all of the .fillout-field-alert styles under that selector instead of repeating it in the source?

.fillout-field-alert {
  .text-blue-400 {
    color: #0046c2;
  }
}

This will dramatically simplify the source, give us a single line to change if the fillout-field-alert selector ever needs to change, and enables other nice DX like folding in VS Code (without region comments).

[shawnbot]

Nice, it looks great! I added bulleted lists to the alerts in the kitchen sink form to verify that the text color is fixed there, too.