1.0.0 (July 16, 2019)
- [a11y] Make the “+ More” action for showing more filters keyboard accessible (@constancecchen in #311)
- Rename render result to result view (@yakhinvadim in #312)
- Fix issue where paging info would show a higher end than possible (@constancecchen in #318)
- Fix ResultsPerPage vertical alignment on mobile (@constancecchen in #336)
- Remove max-height+scrolling on Result card body (@constancecchen in #335)
- Facet CSS cleanup (@constancecchen in #324)
- Fix misc. Edge cross-browser styling issues (@constancechen in #341)
- Removed babel polyfill (@JasonStoltz in #340)
Breaking changes
-
The
renderResult
prop ofResults
component has been renamed toresultView
to be consistent with other components that accept render functions viaview
prop. If you used therenderResult
prop before, rename it toresultView
. (#312) -
Result
component no longer cut off/scroll content past 300px height, and now expand to display all their content. If you were previously relying on this scroll behavior, please re-add your ownmax-height
andoverflow: auto
CSS to.sui-result__details
(#335) -
MultiCheckboxFacet
markup changes:- Filter groups with multiple checkboxes now use the more semantic and accessible
<fieldset>
/<legend>
markup, which provides more context clues for screen readers. This does come with some browser-opinionatedborder
/margin
/padding
defaults, which users with completely custom CSS may now need to override. (#319) - For filter checkbox groups, the “+ More” action now uses the more semantic and accessible
<button>
tag, which allows keyboard and screen reader users to interact with the action. This does come with some browser-opinionated default styling, which users with completely custom CSS may now need to override. (#311)
- Filter groups with multiple checkboxes now use the more semantic and accessible
-
Facet
CSS class changes: (#324)MultiCheckboxFacet
:- The
.sui-multi-checkbox-facet
class is now located where.sui-multi-checkbox-facet__options-list
used to be..sui-multi-checkbox-facet__options-list
has been removed .sui-multi-checkbox-facet__view-more
has been renamed to.sui-facet-view-more
- The
. sui-multi-checkbox-facet__label
class has been removed for redundancy. You can use the generic.sui-facet__title
to target all filter labels at once.
- The
SingleSelectFacet
&SingleLinksFacet
:- The
.sui-search-facet
class has been removed for redundancy. You can use the generic.sui-facet
class to target all filter facet groups at once. - The
.sui-search-facet__label
class has been removed for redundancy. You can use the generic.sui-facet__title
to target all filter labels at once.
- The
SingleLinksFacet
:- Several class names have been renamed for specificity:
.sui-facet__list
has been renamed to.sui-single-option-facet
.sui-facet__selected
has been renamed to.sui-single-option-facet__selected
.sui-facet__remove
has been reamed to.sui-single-option-facet__remove
.sui-facet__item
has been renamed to.sui-single-option-facet__item
.sui-facet__link
has been renamed to.sui-single-option-facet__link