v2.6.1
2.6.1 - 2018-08-21
Development workflow
- Moved
pa11y
andobject-hash
from dependencies to devDependencies
Bug fixes
- Fixed inconsistent drop zone error styling
2.6.0 - 2018-08-21
Development workflow
- Added a
test:coverage
script to gather and display test coverage results - Added Codecov test coverage checks to pull requests
- Added automated a11y testing to CI
Enhancements
- Added support for
FilterType.DateSelector
inResourceList
component - Added
code
as an acceptedvariation
of the text style component to provide support for accessible markup and styling of inline code snippets and code-like text - Added new
border-width
SCSS function - Added support for
fullWidth
andconnectedTop
props onButtonGroup
- Added
label
prop toDropZone
for better accessibility - Added support for radio buttons to accept a block as a
label
- Added a
singleColumn
prop to the skeleton page component - Updated the transition on large modals to match the default transition
- Added
nextKeys
,previousKeys
,nextTooltip
, andpreviousTooltip
props to the pagination component to support keypress handling and tooltips in pagination buttons. - Added examples to the layout component documentation for two and three column grid layouts
- Added an export for the
Progress
type to support downstream typechecking of the badge componentprogress
prop - Added an
iFrameName
prop to the modal component to support named iframe children - Added a
ScrollTo
subcomponent to the scrollable component to support scrolling to a child node programmatically - Added support for the button component to accept an array of strings as children
- Changed the primary focus target of an activated popover from the first focusable child to the popover itself
- Added an improved error message when the child of an embedded alert component is not a string(thanks @superwhykz for the original issue)
- Added a minimum width to tab items to improve touch target sizing and account for smaller tab titles
- Added support for additional accessibility attributes to the text field and option list components
- Added support for option list with avatars, icons, and thumbnails when
options
descriptors have amedia
property - Added support for destructive action list items
- Added support for option list
options
descriptors to accept a block for thelabel
property - Added
$page-max-width
variable to capture page calculatedmax-width
value andpage-when-not-max-width
mixin to trigger when page is resized horizontally - Added support for select error messages to be optional
- Updated the breadcrumbs component to support the
CallbackAction
type as a prop(thanks @dylan for the current issue and everyone who identified this.) - Added support for text field error messages to be optional
- Added a
disabled
prop to the choice component. Checkbox and radio labels are now styled to reflect their disabled state - Added support for Windows High Contrast mode in the select, checkbox and radio components
Bug fixes
- Fixed text field resizer rendering when
multiline
was false - Fixed modal header condensing
- Fixed tooltip so active prop activates on initial render
- Fixed popover border radius and left and right alignment
- Fixed visibility of the hidden implicit submit button in form (thanks @cgenevier for the original issue)
- Fixed alignment of wrapped empty state actions
- Swapped the import and export icons
- Fixed incorrect data table column count and content skipping in assistive technologies
- Fixed unintended form submittal by action list items enclosed in a
form
- Fixed text alignment of multiline option list option text
- Fixed an issue where the stack component would render incorrectly nested items
- Fixed spacing above annotated sections on smaller screens
- Fixed an issue that cause problems for some build tools
- Fixed the word-break of long text in labels and banners on small screens
Documentation
- Added examples for iOS and Android radio buttons
- Added examples for iOS and Android banners
- Added toast component
- Added examples for iOS and Android buttons
- Added examples for iOS and Android button groups
- Added examples for iOS and Android badge
- Added stepper component
New components
InlineError
Use inline errors to describe custom form inputs or form groups when invalid.