v0.40.0

Adds:

• Popovers are now showable on pageload and are dismissible.
• Popovers now have events for show, shown, hide, and hidden.
• Popovers on hover are documented
• Popover colors can now more easily be overridden using atomic classes
• 96px and 128px spacing units have been added
• .w[x] and .h[x] classes that correspond with our spacing units have been added.

Fixed:

• Email templates now have a pixel-fit, consistent Stack Overflow logo

Removes:

• The s-hero component has been removed

v0.39.5

Fixes

• s-popover is now positioned absolutely by default
• s-popover positioning is now updated before being shown

v0.39.4

Fixes

• s-popover had a bug on Safari caused by its initial z-index.

v0.39.3

Fixes

• Bumps .s-toast z-index

v0.39.2

Adds:

• Focus and hover states for .fc-white, .bg-white, .fc-orange-500, and .bg-orange-500.
• We’ve added .print:d-block so you can show things for print only.

v0.39.1

Fixes

• .s-anchors now have sensible :visited states.
• .s-btn now plays nicely with .grid.

v0.39.0

Adds:

• s-popover now has a Stimulus JavaScript controller
• s-anchors__underlined. You can now underline groups of anchors
• Error message guidance
• Proper guidance on how to use the word "OK".
• Example Stack Overflow for Business email
• Documentation for using webfonts in emails
• We now return the event from triggerEvent
• Border radius classes have been returned to top left, top right, bottom right, and bottom right.
• .bar0 is now responsive if you need.

Fixes:

• Icons were a little goofy in IE11 when used within an s-btn.
• The z-index stack was a little goofy. This now ensures that popovers aren't above the navigation.
• Button text is now centered by default
• Buttons now have display: inline-block by default.
• Email CSS reset now fixes a text centering bug
• Email image preparation is now linked to the proper documentation
• Some relative positioning on our form elements were trolling recent versions of Firefox.

Improves:

• Our visual regression test suite has been upgraded throughout our codebase
• All our documentation now adheres to our capitalization guidelines
• Various email documentation has been clarified or moved to places that make more sense.
• README.md now includes instructions on running test suite
• Documentation of our type sizes is now responsive and will show you the proper type size at different breakpoints. Clever!

v0.38.0

Adds

• s-block-link has been added to the Links page
• Responsive border classes have been added. In addition to adding bt, you can also add sm:bb if you need to add borders at different breakpoints.
• Our larger type sizes are now more aggressively scaled at the smallest breakpoint. fs-headline should now be much more usable at smaller breakpoints.
• More width classes have been added .w33 and w66. We've also made .w25, .w33, .w50, and .w66 responsive.

v0.37.0

Improves

• Email documentation has been improved throughout
• Various typos

Adds

• Background atomic classes
• Components now have a status assigned to them
• Form validation state guidance

v0.36.0

Adds

• Focus atomic classes have been added for when you need to change something on the :focus state. Check the documentation for .f:[xxx] classes.
• Certain greens (success), reds (danger / error), and yellows (warning) have each been aliased to .fc-success, .bg-success, .bc-success, .fc-danger, .bg-danger, .bc-danger, .fc-error, .bg-error, .bc-error, and .fc-warning, .bg-warning, .bc-warning.
• s-expandable now has data-s-expandable-control-toggle-class="is-selected" for toggling a selected state on the button that expands and collapses the s-expandable.

Fixes

• .s-btn__google and s-btn__facebook now have proper :focus states
• .h:fc-orange-600 didn't actually work
• s-btn-group now responds a bit more gracefully by wrapping and automagically making the buttons smaller at the smallest breakpoints.

Removes

• s-notice__outlined has been removed because no one was using it and it was ugly. Sorry not sorry.