Each version number follows the MAJOR.MINOR.PATCH format. Changes to the major version indicate potential incompatibilities with previous versions. For instance, updating from v2.8.0 to v3.0.0 may break existing implementations in your project. In contrast, updates to a new minor version (e.g., from v2.8.0 to v2.9.0) or a new patch version (e.g., from v2.8.0 to v2.8.1) should not cause any disruptions.
resources
Versions
Here you’ll find a detailed history of updates and changes made to our design system. Each version tracks modifications separately for components, color tokens, and global styles. By referencing past updates, you can understand the evolution of each element and maintain consistency across projects by adopting the appropriate versions of each asset type.
Ripple follows the semantic versioning convention to indicate whether or not a version contains breaking changes.
About Semantic Versioning
Component Versions
11/18/2024v5.5.0
Features
Fixed
10/24/2024 10/07/2024 10/03/2024 09/23/2024 09/12/2024 09/23/2024 08/22/2024 08/01/2024 08/01/2024 06/20/2024 05/30/2024 05/14/2024 05/09/2024 04/18/2024 03/28/2024 03/07/2024 02/14/2024 01/25/2024 01/04/2024 12/07/2023 11/16/2023 Now introducing stateless components! Please see our upgrade guide for more information. 01/04/2024 12/07/2023 01/04/2024 11/16/2023 10/26/2023 09/14/2023 08/24/2023 08/03/2023 07/13/2023 06/22/2023 06/08/2023 05/11/2023 04/25/2023 04/20/2023 04/13/2023 03/30/2023 03/10/2023 03/09/2023 02/23/2023 02/16/2023 01/26/2023 01/05/2023 12/15/2022 11/22/2022 11/03/2022 10/13/2022 09/22/2022 09/01/2022 08/11/2022 08/03/2022 07/21/2022 06/30/2022 06/09/2022 05/20/2022 05/19/2022 04/28/2022 04/14/2022 04/07/2022 03/23/2022 03/17/2022 03/10/2022 02/17/2022 01/27/2022 01/13/2022 01/12/2022 01/06/2022 12/16/2021 12/9/2021 11/24/2021 11/23/2021 11/04/2021 10/05/2021 10/14/2021 09/23/2021 10/05/2021v5.4.0
Features
wmcolor-interactive-background-selected
.wmcolor-interactive-background-highlight
.wmcolor-interactive-background-highlight
.v5.3.1
Fixed
v5.3.0
Features
Fixed
v5.2.1
Fixed
v5.2.0
Features
target-size
.Fixed
search
Selects with Options containing "<"
or ">"
would not render Option text properly.v5.1.1
Fixed
v5.1.0
Features
v5.0.0
v4.11.0
Fixed
v4.10.0
Features
uploaded-by
.Fixed
v4.9.0
Fixed
disabled
menuitems.subinfo
when spanning multiple lines.v4.8.1
Fixed
v4.8.0
Features
Fixed
v4.7.0
Features
Fixed
v4.6.0
Fixed
wmModalCloseTriggered
event is not emitted on escape key press.v4.5.0
Fixed
print-mode
and print-mode-format
.v4.4.0
Fixed
v4.3.0
Fixed
v4.2.0
Fixed
v4.1.0
Fixed
v4.0.0
v3.38.0
Fixed
v3.37.0
Fixed
v3.36.1
Fixed
v3.36.0
Fixed
v3.35.0
Fixed
v3.34.0
Features
Fixed
v3.33.0
Fixed
disabled="false"
now removes the attribute from the component, preventing screen readers from falsely recognizing the component as disabled.v3.32.0
Features
Fixed
v3.31.0
Features
is-submit
to enable form submission.is-submit
to enable form submission.Fixed
v3.30.0
Features
label-position
property.Fixed
bar2
label.max-height
when contained within a wm-modal
.v3.29.0
Features
Fixed
v3.28.0
Fixed
v3.27.1
Features
v3.27.0
Features
overflow
rules. Fixed
v3.26.1
Fixed
v3.26.0
Features
input-width
, symbol-before
, symbol-after
, text-after
.Fixed
v3.25.1
Fixed
v3.25.0
Features
message-config
, required-field
and error-message
.Fixed
v3.24.1
Fixed
01/02/2023
to 1/2/23
) would result in the component holding an unformatted value.v3.24.0
Features
Fixed
v3.23.0
Features
chart-type
s bar6
and bar7
.label
, required-field
, and error-message
.Fixed
v3.22.0
Features
Fixed
v3.21.0
Features
action-menu-type
selector-primary
.Fixed
v3.20.0
Features
doughnut2
now allows for a 4th slice.Deprecated
controller-enabled
property and related functionality.v3.19.0
Fixed
v3.18.0
Features
bar-labels-width
property.Fixed
v3.17.0
Features
group-legend
property.required-field-message
property.Fixed
character-limit
from screen reader label.v3.16.0
Features
table
.v3.15.0
Features
icon-rotate
and icon-flip
.Fixed
wm-menuitem
children.v3.14.1
Fixed
v3.14.0
Fixed
v3.13.0
Features
Fixed
v3.12.0
Features
v3.11.1
Fixed
v3.11.0
Features
Fixed
Deprecated
uploader-types
and wm-network-uploader
.v3.10.0
Fixed
v3.9.1
Fixed
v3.9.0
Features
Fixed
v3.8.2
v3.8.1
Fixed
v3.8.0
Features
Fixed
v3.7.0
Features
pairpositive
and pairnegative
.Fixed
v3.6.0
Fixed
v3.5.2
Fixed
v3.5.1
Fixed
v3.5.0
Fixed
v3.4.0
Fixed
v3.3.2
Fixed
v3.3.1
Fixed
v3.3.0
Features
Fixed
v3.2.0
Features
notifications
property.Fixed
wmDatepickerValidValue
has up-to-date target.value.v3.1.3
Fixed
v3.1.2
Features
wmDatepickerNewValidValue
.wmInputValueChanged
.type
.wmSearchValueChanged
.Fixed
input
event was fired twice when selecting a date from the dropdown.Deprecated
button-type
has been deprecated in favor of action-menu-type
.button-style
has been deprecated in favor of button-type
.show-values
has been deprecated in favor of value-format
.is-open
has been deprecated in favor of open
.is-type-dialog
has been deprecated in favor of modal-type
.wmCloseTriggered
has been deprecated in favor of wmModalCloseTriggered
.wmPrimaryTriggered
has been deprecated in favor of wmModalPrimaryTriggered
.wmSecondaryTriggered
has been deprecated in favor of wmModalSecondaryTriggered
.pageClicked
has been deprecated in favor of wmPaginationPageClicked
.wmBrowseSearchResults
has been deprecated in favor of wmSearchBrowseResults
.wmComponentBlurred
has been deprecated in favor of wmSelectBlurred
.userFinishedSnack
has been deprecated in favor of wmSnackbarSnackFinished
.userTriggeredAction
has been deprecated in favor of wmSnackbarActionTriggered
.tabSelected
has been deprecated in favor of wmTabSelected
.wmTimepickerOnChange
has been deprecated in favor of wmTimepickerNewValidValue
.tooltip-text
has been deprecated in favor of tooltip
.type
has been deprecated in favor of uploader-type
.wmFilesSelected
has been deprecated in favor of wmUploaderFilesSelected
.wmDeleteFile
has been deprecated in favor of wmUploaderDeleteFile
.wmDownloadFile
has been deprecated in favor of wmUploaderDownloadFile
.v3.0.1
Please note, due to a glitch this new major version is released as 3.0.1. There is no v3.0.0.
Features
max-tags
property.v2.33.1
Fixed
Versions below were published in the old repository (administrator/wm-components)
v2.33.0
09/02/2021
Features
- Datepicker, Input, Timepicker: Added the
prevent-validation
property. - Action Menu: Component detects automatically where to open dropdown (
position
property is now useless). Added newtooltip-position
property.
Fixed
- Input: Fixed Input custom id support.
- Tag Input: Fixed an issue where removing the last tag while using NVDA in Chrome would not assign focus properly.
- Button: Tooltip position will adjust if there is not enough room at the specified position.
v2.32.0
08/12/2021
Features
- Input: Added character count functionality via the
characterLimit
property.
Fixed
- Tabs: Fixed an issue causing the component to throw an error in certain cases.
- Tag Input: Fixed an issue where dropdown items were improperly sorted (case sensitive)
- Tag Input: Fixed an issue where duplicate tags with different casing could be added (e.g. "APPLE" and "apple")
- Timepicker: Fixed an issue where custom error messages were getting cleared on blur.
- Fixed an issue in Firefox where in some instances NVDA announcements were only partially read.
- Tag Input: Removed automatic title-casing of dropdown items and added tags.
v2.31.1
08/05/2021
Fixed
- Navigator: Updated styling to allow for differently sized product icons.
v2.31.0
07/22/2021
Fixed
- Tag Input: Screen reader "n existing options" announcement made accurate.
- Tag Input: Deleting the last tag via keyboard now redirects focus to the input.
- Tag Input: Typing while hitting the character limit will now repeatedly warn the user via screen reader.
- Tag Input: Input field now takes up remaining width available.
- Input: Error message is now announced by screen readers on component focus.
- Modal: Fix an issue where focus would go to info text on primary button activation.
v2.30.0
07/01/2021
Features
- New Component: Tag Input.
Fixed
- Chart: Add prop to allow gray "not started" color for bar type 5.
- Select, Datepicker, Timepicker, Input: Update label spacing and font weight.
v2.29.0
06/10/2021
Features
- New Component: Input.
Fixed
- Datepicker: Updating value prop now reflects in input.
Deprecated
- Autogenerated tooltips: Buttons no longer autogenerate tooltips for common icons.
v2.28.1
08/09/2021
Fixed
- Navigator: Updated styling to allow for differently sized product icons.
v2.28.0
05/20/2021
Features
- Chart: Add new chart type, bar5.
- Menu Item: Add new prop
description
- Tabs: Add new prop
custom-padding
Fixed
- Select: Fix cursor type when component is disabled.
- Accessibility improvements in Action Menu, Button, Chart, Datepicker, Select and Timepicker.
v2.27.1
05/03/2021
Fixed
- Datepicker: Fix keyboard accessibility on month panel.
v2.27.0
04/29/2021
Features
- New Component: Toggletip.
- Uploader: Network Uploader timestamp time now formats according to the user's language (12hr v 24hr)
- Uploader: Network Uploader now emits new event
wmNetworkUploaderFilesChanged
.
Deprecated
- Autogenerated labels: Button will stop autogenerating labels for common icons in version 2.29.0.
v2.26.0
04/8/2021
Fixed
- Datepicker: Fix issue where calendar opens on escape key.
- Modal: The
wmCloseTriggered
event is now emitted by the wm-modal element. - Navigator: Navigator now accepts camelCase product keys in addition to snake_case.
- Select: Option text is no longer user-selectable.
- Select, Tabs: Handle the focus method.
v2.25.0
03/18/2021
Features
- Action Menu: Handles the focus method.
- Chart: Doughnut slices that make up less than 1% of the chart are labelled accordingly.
Fixed
- Chart: Fix an issue where chart-slice onclick functions would run on click of the svg element (instead of just the popover button)
- Datepicker: Fix an issue where the required field error was shown prematurely in one instance.
- Modal: Properly returns focus to Action Menu on close.
- Navigator: product prop includes icon url (v2.23.3 hotfix)
Deprecated
- Chart: The chart-slice onclick as a means to provide functionality to the popover button has been deprecated. A replacement event
wmChartPopoverButtonTriggered
is added.
v2.24.2
03/18/2021
Fixed
- Navigator: product prop includes icon url (v2.23.3 hotfix)
v2.24.1
03/12/2021
Fixed
- Tabs: Fix an issue with the breakpoint (tabs were displayed as dropdown too early)
v2.24.0
02/25/2021
Fixed
- Action Menu, Select: Fix an issue where disabled Menu Items / Options would still run onclick functions.
- Chart: Update bar3 font weight.
- Datepicker: Errors now clear for empty optional fields.
- Datepicker: Displays error when required fields are left empty.
- Tabs: Fix an issue where Tab was not entering dropdown mode when within Modal.
- Select: Multiselect variant now displays "All selected" when all options are selected.
- Select: Fix an issue where React wrappers were not displaying Multiselect checkboxes.
- Modal: Fix an accessibility issue where modals would have a tabindex when hidden.
- Navigator: The dropdown has a maximum height (and scrolls if there are additional items)
Removed
- The following deprecated props were removed:
label-for-buttons-with-identical-tooltip
(in Button) andbase-logout-uri
(in Navigator)
v2.23.3
03/17/2021
Fixed
- Navigator: product prop includes icon url.
v2.23.2
02/12/2021
Fixed
- Navigator: Replace trailing / for SAML links.
v2.23.1
02/09/2021
Fixed
- Navigator: Do not append connection-name in endpoint mode.
v2.23.0
02/04/2021
Features
- New Component: Timepicker.
- Datepicker: New
invalid
property.
Fixed
- Select: Displays an error when an error message is passed.
v2.22.1
01/29/2021
Fixed
- Navigator: Handles unknown ids. Supports 2 new product ids in prop mode (c1 and system_admin)
v2.22.0
01/14/2021
Features
- Select: Add new component variant, multiple.
Fixed
- Action Menu: Fix an animation issue when opening upwards.
- Button: Fix an issue where navigational button icons would sometimes not respond to icon-size property.
- Button: Update disabled color for text-only buttons.
- Navigator: Match menu positioning when opening right versus left.
- Tabs: Fix an issue where dropdowns would remain open within tab panels when Tab is in responsive view.
v2.21.2
02/03/2021
Fixed
- Navigator: Handles unknown ids. Supports 2 new product ids in prop mode (c1 and system_admin) [same as v2.22.1]
v2.21.1
01/12/2021
- Action Menu: Fix an issue where the component would add extra space underneath.
v2.21.0
12/17/2020
Fixed
- Select: Fix a screen reader issue with expanded state and number of options.
- Datepicker: Fix incorrect reformatting when user types 3 digits for month.
- Uploader: Component now handles file validation regardless of the case of the file name.
- Tabs: Fix an issue where component would prevent action menu within tab panel from closing on tab change.
v2.20.3
01/06/2021
Fixed
- Action Menu: Fix an issue where the component would add extra space underneath.
v2.20.2
12/11/2020
Fixed
- Navigator: New mode to get data from endpoint rather than props.
v2.20.1
12/09/2020
Fixed
- Navigator: Remove trailing slash in url.
v2.20.0
12/03/2020
Changes
- Select: Update dropdown scrollbar behavior when navigating by keyboard.
- Datepicker: Add multi-line support for left-aligned labels.
- Improved support for internationalization.
v2.19.2
12/01/2020
Fixed
- Navigator: Fix sso redirect url (connection_name parameter)
v2.19.1
11/20/2020
Fixed
- Datepicker, Select, Action Menu: Fix opening direction detection.
- Uploader: Fix spacing issue between items.
v2.19.0
11/12/2020
Features
- Uploader: Add
rejected-files
property for ability to display server-side errors.
Fixed
- Navigator: Detects open direction on open instead of on load.
- Chart: Fix bars showing values from disappearing while rerendered and focused.
- Datepicker: Update label height / margin to meet 4-point spacing guidelines.
- Datepicker: Now opens up if there is not enough space below.
- Datepicker: Add red border for error state and fix label position when error is displayed.
- Action Menu: Clicking button when menu is expanded now closes the menu.
- Action Menu: Now opens up if there is not enough space below.
v2.18.0
10/22/2020
Fixed
- Navigator:
logout-url
propertyreplaces base-logout-uri
. - Select: Dropdown now opens up if there is not enough space below.
- Uploader: Type validation now based on file extension (with fallback on MIME type). More descriptive error message. Layout improvements.
- Chart: Add onclick function capability on wm-chart-slice. Fix an issue where warning message would overlap.
- Modal: Add missing footer hairline.
- Button: Fix misalignment between icon and text when icon is larger.
- Search: Fix overlap when input string is longer than the box.
v2.17.1
10/08/2020
Fixed
v2.17.0
10/01/2020
Fixed
- Button, Search: Programmatic focus (it is now possible to call .focus() on the custom element itself)
- Chart: Fix the percentage display for the doughnut charts when small values are close to one another.
- Chart: Reduce gap between label and legend for bar chart, and fix other spacing inconsistencies.
v2.16.0
09/10/2020
Fixed
- Datepicker, Select: Fix cursor for clickable and disabled items.
- Button: Add new tooltip positions. Value "left" renamed "bottom-left" (the "left" value now places the tooltip on the left side, vertically centered)
- Tabs: Update inactive tab text color.
- Uploader: Fix text wrapping on button, fix unit in file size error message.
- Navigator: Fix tabbing navigation.
- Chart: fix display on bar 4 when displaying values.
v2.15.6
08/20/2020
Features
- Chart: New doughnut type (doughnut3)
Fixed
- Chart: Accessibility fix (popover title doesn't repeat segment info)
v2.15.5
07/31/2020
Fixed
- Fixes a bug in Tabs where the active state of the tab item scaled down and resulted in the edge of the tab not being activated on click.
v2.15.4
07/30/2020
Fixed
- Fixes a bug in Action Menu triggering a console error.
v2.15.3
07/28/2020
Fixed
- Uploader: Add missing tabbing focus style.
- Select: Fix subinfo text wrapping.
- Chart: Add programmatic focus capability.
- Modal: Reposition close button tooltip to lefthand side.
- Action Menu: Reposition tooltip next to button, above dropdown.
v2.15.2
07/08/2020
Fixed
- Action Menu: Tooltip doesn't cover first item.
v2.15.1
06/26/2020
Features
- Chart: New style ("bar4")
Fixed
v2.15.0
06/25/2020
Features
- New Component: Search.
Fixed
- Tabs: fix issue with accessiblity focus style when component is focused programmatically
Update
- Tabs: update spacing between tabs and add prop to customize it.
v2.14.2
06/22/2020
Fixed
- Updated smartcatalog identifier in navigator. smart catalog was not showing in menu due to a change of id.
v2.14.0
05/20/2020
Features
- The component library can now be used as react components
Fixed
- Navigator button closes menu if menu is open Pointer on clickable menu items
v2.13.2
05/19/2020
Change
- Added missing Spanish transations
Fixed
- Navigator: Fixed the taskstream logo and spacing in menu
v2.13.0
05/06/2020
Fixed
- From this version on, the library distribution is available from the repo wm-components (used to be wm-dist). The code is in the dist directory.
v2.12.15
05/04/2020
Fixed
- Input tooltip shows translated date format
v2.12.14
04/28/2020
Update
- Added Spanish language
v2.12.12
04/23/2020
Fixed
- Pagination: Fix tabbing focus indicator on the pagination components for smaller screens
v2.12.10
04/20/2020
Fixed
- Uploader: fix a bug where component didn't consider file with progress of 0 as uploading
v2.12.9
04/16/2020
Fixed
- Chart: fix tab focus indicator
- Action Menu: Fix console warning (deprecated prop)
v2.12.8
04/01/2020
Fixed
- Datepicker: styles adjustments for VIA
v2.12.7
03/31/2020
Fixed
- Uploader: Disabled styles were not applied on the button (bug introduced in 2.12.3)
- Uploader: In certain cases with Firefox on Windows the component doesn't get the file type. The component now accepts files with missing MIME type (better to accept an invalid file, which will be refused by the server, than to prevent upload of a valid file)
v2.12.3
03/27/2020
Fixed
v2.12.2
03/26/2020
Fixed
- Uploader: The button width fix from the previous patch resulted in extremely wide buttons in the uploader where there was an empty state. This resolves that issue.
v2.12.1
03/25/2020
Fixed
- Datepicker: invalid state is now exposed (class .invalid on thecomponent). This can be used for instance to conditionally disable form validation.
- Button width fix
v2.12.0
03/21/2020
Features
- New Component: Uploader.
v2.11.2
03/21/2020
Fixed
- Buttons spacing to reflect new UI specs
v2.11.0
02/18/2020
Fixed
- Introduces modes and product-specific styles
Fixed
- Datepicker only accepts 2 or 4 digits for years
v2.10.0
02/18/2020
Features
- New Component: Navigator.
v2.9.6
02/12/2020
Features
-
Button: Introduces
labelForIdenticalButtons
prop so that an aria-label with more informative text can be set on any button
Deprecated
-
Button: Prop
labelForIdenticalButtons
deprecateslabelForButtonsWithIdenticalTooltip
. This props is still supported but with deprecation warning.
v2.9.5
02/03/2020
Fixed
- Chart: style fixes for chart component
v2.9.4
01/28/2020
Fixed
- Button: Fix broken transition on button hover
v2.9.3
01/23/2020
Fixed
- Chart: Fix an issue where chart popover would not close on scroll in certain conditions
v2.9.2
01/09/2020
Fixed
v2.9.1
01/03/2020
Fixed
- Select: Fix a styling issue in Select component with disabled and selected options
v2.9.0
12/19/2019
Features
- New Component: Tabs.
v2.8.3
12/19/2019
Features
-
Add
show-legend
prop to chart component
v2.8.2
12/05/2019
Fixed
- Width of bar chart types 2 and 3 is now 100% of container width
- No more gap between the parts of the bar chart
- Fixed bug where doughnut chart hidden label would show a hairline
v2.8.1
11/20/2019
Fixed
- Removed fixed height on snackbar to accommodate longer messages
- Fixed screenreader repeating snackbar announcements
v2.8.0
11/12/2019
Features
- New Component: Chart.
v2.7.9
10/23/2019
Fixed
- Modal: emits third event in case secondary button and close buttons have discrete actions
v2.7.8
10/22/2019
Fixed
- Select: accepts error messages for the screen reader to announce. Select emits custom event on blur for app validation.
v2.7.7
10/18/2019
Fixed
- Modal: accommodates focusing a footer button on opening, with new
requirements to pass an id and set an id on the modal body. Prop
idToFocus
changed toelementToFocus
v2.7.6
10/15/2019
Fixed
- Button: Dynamic icon change in icononly buttons for Firefox and Edge
v2.7.5
10/11/2019
Fixed
- Modal: Primary action button in modal does not automatically close modal
v2.7.4
10/10/2019
Fixed
- Button: Fix bug in button where long strings would overflow the container instead of wrapping
v2.7.3
10/09/2019
Fixed
- Select: Added aria-labelledby and aria-hidden attributes to select listbox to resolve Axe errors
v2.7.2
10/09/2019
Features
- Action, Button: New prop in Button and Action menu components allows the tooltip text and the aria-label text to be different, to give more contextual information when several component on the same page share the same tooltip (e.g. "edit", "delete")
Removed
- Button: Removed deprecated
icon-label
prop in the button component
v2.7.1
10/05/2019
Fixed
- Library bundling optimization.
v2.7.0
9/27/2019
Features
- New Component: Modal.
v2.6.5
9/26/2019
Fixed
- Action, Select: Screenreader announces expanded/collapsed state
- Datepicker: Screenreader fixes and enhancements
v2.6.4
9/23/2019
Fixed
- Button: Fix an issue in Elm where a disabled button would fire the onclick event
v2.6.3
9/17/2019
Features
- Button: Added styles for dark background
v2.6.2
9/16/2019
Fixed
- Snackbar: Style fix for snackbar spacing in Chrome
v2.6.1
9/10/2019
Fixed
- Pagination: Mobile button on pagination component not emitting correct data with event
v2.6.0
9/9/2019
Features
- New Component: Snackbar.
v2.5.0
9/5/2019
Features
- New Component: Wrapper.
v2.4.9
8/20/2019
Fixed
- Button: disabled styles fixed (for types permanentlyDelete and navigational)
v2.4.8
8/19/2019
Fixed
- Button: Text-only button has now left-aligned text.
v2.4.7
8/14/2019
Features
- Button: New text-wrap property (for text-only buttons)
Fixed
- Button:
icon-size
property now takes CSS value (instead of strings "big" and "small")
v2.4.6
8/13/2019
Features
- Action Menu: New
tooltip
prop that is required when the button type is "icon"
v2.4.5
8/13/2019
Fixed
- Action Menu: Menuitem displays focus style on load if menu re-renders and user is tabbing
v2.4.4
8/9/2019
Fixed
- Datepicker: component automatically scrolls when calendar popup falls below the fold of a container
v2.4.3
8/1/2019
Fixed
- Datepicker: displays error messages when external validations are run on blur
- Datepicker: calendar has responsive positioning left and right
v2.4.2
7/29/2019
Fixed
- Button: Fix button size
v2.4.1
7/26/2019
Fixed
- Datepicker: Fixed focus style when using keyboard in datepicker panel
- Select: Fixed the way screen readers announce the select component
- Select: Fixed the focus style on button in select component after selecting an option (when user is tabbing)
v2.4.0
7/8/2019
Features
- Select: Now includes the label. The
label
attribute is required.
Fixed
- Datepicker: Fixed a bug in the datepicker (tabbing out of the component was not working as expected in some cases)
- Datepicker: Prop
input-required
renamedrequired-field
for consistency.
Deprecated
- Select:
select-type
prop is deprecated.
v2.3.3
7/8/2019
Fixed
v2.3.2
6/28/2019
Features
- Button: Increase button height
v2.3.1
6/26/2019
Fixed
- Button: Tooltip value getting overriden by generated label on load. Make tooltip
backwards compatible by checking for
iconLabel
property.
v2.3.0
6/26/2019
Features
- Button: New visual styles, including the addition of a
permanentlyDelete
prop for a button variant
v2.2.1
6/25/2019
Features
- Datepicker: New
inputRequired
prop to render label in "required" format
v2.2.0
6/18/2019
Features
- New Component: Pagination.
v2.1.1
6/12/2019
Fixed
- Button now supports dynamic change of icon
v2.1.0
6/5/2019
Features
- New Component: Datepicker.
v2.0.0
5/31/2019
Features
- Upgrade to Stencil v1 (performance improvements)
v1.2.4
5/29/2019
Fixed
- Action Menu: Focus doesn't return to button when action menu closes if at that point focus has left the menu, e.g., shifting to a modal
v1.2.3
5/24/2019
Features
- Action Menu: Emits an event when menu is loaded.
v1.2.2
5/21/2019
Fixed
- The component library doesn't bundle the Material Design Icons anymore. This asset needs to be loaded before the component library (See Installation page)
- Components using Material Design icons take the code as a property instead of the icon name. (Icon name is still valid for backwards compatibility)
- Components now use CSS containment for improved performance. See here for more details.
Bug Fixes
- Action Menu: Fixes focus issue when screenreader is on.
v1.2.1
5/6/2019
Features
- Action Menu: The selector variant can be disabled.
- Select: New
invalid
property.
v1.2.0
5/6/2019
Features
- Action Menu: New "selector button" variant.
Bug Fixes
- Action Menu: Focus removed on menuitem when not tabbing.
- Action Menu: Fixes a display issue for right-to-left languages.
- Auto-generation of ID now begins with letters.
v1.1.1
04/17/2019
Bug Fixes
- Button: Handle a bug in Edge where an onclick function on a disabled button would run.
v1.1.0
04/15/2019
Features
- Select: Add max-height property.
Bug Fixes
- Button, Action Menu: Refactor ARIA attributes.
- Button: Fixes bug triggering an error in the console.
v1.0.0
Features
- Added Button, Action Menu, Menu Item, Select and Option components.
Global Styles Versions
v1.3.0
- Callout Messages (link opens in new window): Added styles for callout messages used to provide tips or emphasize the key messages within content
v1.2.1
- Cards (link opens in new window): Updated border color (using color token), made the vertical spacing consisten, and converted to CSS logical properties
v1.2.0
- Removed "toggle-switch" class in favor of "switch-toggle" (which used 2 labels)
- Changed .user-is-tabbing to :focus-visible
- Changed focus styles for inputs, checkboxes, radio buttons and toggle switches
v1.1.13
- Updated Watermark Cyan to meet accessibility requirements
v1.1.12
- Darkened the card shadow
- Cards for empty states only have the dark header if there is no actual header
- Added focus styles for textarea character count
v1.1.11
- Updated the Grid styles to use CSS grid instead of flexbox
- Used the
aria-current
attribute to style the current step in the Stepper instead of an arbitrary class name - Used math.div in the SCSS files instead of a slash
- Added dvh units wherever 100vh was used
v1.1.10
- Updated styles for the "textfieldlabel" class used with inputs closing the distance between the label and the input field.
v1.1.9
- Button border color on hover changes to the hover state color
- Changed button left/right padding to 14px to accommodate the 2px border and maintain the 16px spacing
- Updated button-collection space between buttons to 16px
- Updated padding in cards
v1.1.8
- Updated the font weight of links
- Changed the main content padding to a fixed unit
- Fixed the vertical alignment of link chevrons in bread crumbs
1.1.7
- Change textfield label font weight
- Change character count top margin from 10px to 4px
- Added styles for the switch-toggle
1.1.6
- Added search highlighting styles (primary-highlight and secondary-hightlight classes)
1.1.5
- Updated the styles for empty state cards
- Removed improperly named "subtitle" class for eyebrow titles in cards
- Updated subtitle font size in modal headers
1.1.4
- In the page header, the paragraph following the title has no top margin
- The header has no letter-spacing
- Added a -noborder variant on the card header that removes the rule
- For tables in cards there is no bottom border on the last row
- For text fields that are in error, when they are focused the border color is the normal focus color and does not remain red
- Updated the empty card styles
1.1.3
- In cards with headers if there is a data table in the body, the left padding of the card aligns with the header.
- Added an "eyebrowtitle" class that's more appropriately named than "subtitle" (which will be removed in a future version).
- The error messages on text inputs is no longer absolutely positioned, so it will cause the content after it to shift appropriately.
- Textfields that are in error can simply have an error class on the textfield container without needing the error classes on the label, input and message.
Color Token Versions
v1.4.0
10/24/2024
Added
- wmcolor-interactive-background-disabled
- wmcolor-interactive-background-highlight
- wmcolor-interactive-background-selected
Updated
- wmcolor-option-background-disabled: wmcolor-background-disabled -> wmcolor-interactive-background-disabled
- wmcolor-table-row-background-selected: wmcolor-background-highlight -> wmcolor-interactive-background-highlight
- wmcolor-option-background-selected: wmcolor-background-selected -> wmcolor-interactive-background-selected
v1.3.0
10/3/2024
Added
- wmcolor-background-accent
- wmcolor-callout-background
v1.2.0
06/30/2024
Added
- wmcolor-quartz
Updated
- Updated the neutral theme color on the following tokens:
- wmcolor-background-selected: wmcolor-linen -> wmcolor-sleet-lighter
- wmcolor-interactive-background-focus: wmcolor-palelilacgray -> wmcolor-linen
- wmcolor-interactive-hover-ondark: wmcolor-palelilacgray -> wmcolor-sleet-lighter
- Updated the following tokens to change color on the neutral theme:
- wmcolor-option-background-focus: wmcolor-palelilacgray -> wmcolor-linen
- wmcolor-table-header-background: wmcolor-palelilacgray -> wmcolor-sleet-lighter
- wmcolor-background-selected: wmcolor-palelilacgray -> wmcolor-sleet-lighter
- Updated the default theme color on the following tokens:
- wmcolor-interactive-background-focus: wmcolor-palelilacgray -> wmcolor-quartz
- wmcolor-option-background-focus: wmcolor-palelilacgray -> wmcolor-quartz
Deprecated
- wmcolor-acidwashjeans
- wmcolor-asphalt-light
- wmcolor-cement
- wmcolor-firetruck-darker
- wmcolor-lavender
- wmcolor-salmon
v1.1.0
03/07/2024
New token Deprecation Token removed
Added
- wmcolor-orchid
- wmcolor-blueberry
- Neutral Theme colors:
Updated
- Default Theme
- wmcolor-interactive-focus: wmcolor-violet -> wmcolor-orchid
- Neutral Theme
- wmcolor-interactive-focus: wmcolor-brightblue -> wmcolor-blueberry
Deprecated
- wmcolor-interactive-focus-ondark
- wmcolor-interactive-focus-textonly-ondark
- wmcolor-interactive-focus-textonly
Removed
- wmcolor-brightblue
- wmcolor-violet
- wmcolor-violet-light
v1.0.0
11/12/2023
Color tokens introduced to the Ripple design system. The Colors page now includes color token documentation.