v0.42.0

Adds

• .s-navigation, a collection of pill-shaped buttons that respond gracefully to various window sizes and parent containers.
• .s-progress__stepped for a small number of discrete steps.
• .s-input__creditcard for adding an icon to credit card inputs.
• .fl-equal allows for equally spacing all children in a grid

Improves

• All our stimulus controllers have been rewritten in TypeScript.

Removes

• s-tabs. This component was half-baked and probably shouldn't have shipped. It had no javascript and as a pattern, tabs fall apart very easily on smaller screens.

v0.41.0

Adds

• outline-none
• outline-focus
• bs-ring

Improves

• overflow-[x] scrolling now includes refinements for mobile users

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.