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.

v0.35.3

Adds

• bg-transparent also removes any background image

v0.35.2

Fixes

• s-avatar now has a fixed font size
• s-btn__google now has a border

v0.35.1

Fixes

• .s-modal had some rendering issues in IE11.

v0.35.0

Adds

• s-breadcrumbs has been added and documented.
• s-sidebarwidget is now theme-aware. Its highlights will take the theme's primary color.
• Our email section now has columns documented as a pattern.
• user-select and user-drag atomic classes have been added and consolidated with pointer-events in an "interactivity" section

Fixes

• s-sidebarwidget now has margin overrides since some production CSS was interfering.

v0.34.0

Adds

• .s-expandable has been added for showing and hiding elements with a sliding transition.

v0.33.0

Adds

• .s-popover's markup has been released. JavaScript controllers will follow.
• .c-help has been added to our selection of available cursor atomic classes.
• Visibility atomic classes have landed including .v-visible-sr, a way to make content visible only to screen readers.
• Links now have .s-link__underlined modifier. This was required for links to appear properly in .s-notice.
• Stacks.addController is now an officially supported helper.
• .s-input__search and .s-input-icon__search have been added as helpers to create a search field.

Fixes

• We've changed the way our form markup is documented to allow for clicking on the description as well as the label to select the radio button, input, or checkbox it's next to.
• .s-description is now a bit darker for accessibility contrast ratios.
• Spinners are now a bit more accessible with guidance on how to show screenreader-only loading text.
• @Svg.Slack now has Slack's new logo.
• Adds margin: 0 to button in our reset to account for Safari adding margins.

Removes

• .wb-break-word has been removed and should be replaced by .ow-break-word.
• 8px border classes were removed since no one was using them and what the heck do you need them for?
• .bas border none classes have been removed

v0.32.2

Fixed

• Something in production was adding a margin to our button elements, so s-btn now has margin: 0 applied to it.

v0.32.1

Fixed

• Descenders in .s-select should no longer be cut off
• .s-spinner now looks better in Safari