diff --git a/packages/terra-action-header/CHANGELOG.md b/packages/terra-action-header/CHANGELOG.md index a1e4add1fe9..ee34e48076c 100644 --- a/packages/terra-action-header/CHANGELOG.md +++ b/packages/terra-action-header/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 2.85.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 2.84.0 - (October 3, 2023) * Changed diff --git a/packages/terra-action-header/package.json b/packages/terra-action-header/package.json index fbd5a39a735..aa50eada772 100644 --- a/packages/terra-action-header/package.json +++ b/packages/terra-action-header/package.json @@ -1,7 +1,7 @@ { "name": "terra-action-header", "main": "lib/ActionHeader.js", - "version": "2.84.0", + "version": "2.85.0", "description": "The terra-action-header component is a header bar containing a title and optional actionable items such as links and buttons.", "repository": { "type": "git", @@ -31,7 +31,7 @@ "classnames": "^2.2.5", "lodash.uniqueid": "^4.0.1", "prop-types": "^15.5.8", - "terra-button": "^3.68.2", + "terra-button": "^3.69.0", "terra-mixins": "^1.40.0", "terra-theme-context": "^1.0.0", "terra-visually-hidden-text": "2.36.0" diff --git a/packages/terra-alert/CHANGELOG.md b/packages/terra-alert/CHANGELOG.md index 39891854287..e863df70cab 100644 --- a/packages/terra-alert/CHANGELOG.md +++ b/packages/terra-alert/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 4.84.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 4.83.0 - (October 16, 2023) * Updated diff --git a/packages/terra-alert/package.json b/packages/terra-alert/package.json index 0993a89fabd..e198364cbef 100644 --- a/packages/terra-alert/package.json +++ b/packages/terra-alert/package.json @@ -1,7 +1,7 @@ { "name": "terra-alert", "main": "lib/Alert.js", - "version": "4.83.0", + "version": "4.84.0", "description": "The Terra Alert component is a notification banner that can be rendered in your application when there is information that you want to bring to the user's attention. The Alert component supports a number of built-in notification types that render with pre-defined colors and icons that help the user understand the severity and meaning of the notification. A custom notification type is also supported that allows your application to customize an alert that may not fit into the pre-defined types.", "repository": { "type": "git", @@ -29,7 +29,7 @@ "dependencies": { "classnames": "^2.2.5", "prop-types": "^15.5.8", - "terra-button": "^3.68.2", + "terra-button": "^3.69.0", "terra-icon": "^3.58.0", "terra-responsive-element": "^5.37.0", "terra-theme-context": "^1.0.0", diff --git a/packages/terra-arrange/CHANGELOG.md b/packages/terra-arrange/CHANGELOG.md index 1a8a975f6ed..40d270150b0 100644 --- a/packages/terra-arrange/CHANGELOG.md +++ b/packages/terra-arrange/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 3.54.0 - (October 23, 2023) + +* Fixed + * Fixed reflow issue when the viewport is resized to 320x256 px. + ## 3.53.0 - (August 23, 2023) * Removed diff --git a/packages/terra-arrange/package.json b/packages/terra-arrange/package.json index a79145c052f..76bee9de909 100644 --- a/packages/terra-arrange/package.json +++ b/packages/terra-arrange/package.json @@ -1,7 +1,7 @@ { "name": "terra-arrange", "main": "lib/Arrange.js", - "version": "3.53.0", + "version": "3.54.0", "description": "The arrange component is used for horizontally arranging and vertically aligning a single row of container elements.", "repository": { "type": "git", diff --git a/packages/terra-arrange/src/Arrange.module.scss b/packages/terra-arrange/src/Arrange.module.scss index fc33a6fa8fc..7fd7fa3e7ef 100644 --- a/packages/terra-arrange/src/Arrange.module.scss +++ b/packages/terra-arrange/src/Arrange.module.scss @@ -38,4 +38,10 @@ .default { align-self: flex-start; } + + @media (max-width: 320px), (max-height: 256px) { + .fit { + flex: 0 0; + } + } } diff --git a/packages/terra-button-group/CHANGELOG.md b/packages/terra-button-group/CHANGELOG.md index 855c474f2fc..a9064ef5cd4 100644 --- a/packages/terra-button-group/CHANGELOG.md +++ b/packages/terra-button-group/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 3.71.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 3.70.0 - (October 3, 2023) * Changed diff --git a/packages/terra-button-group/package.json b/packages/terra-button-group/package.json index 7cea945358c..2be2db37b2e 100644 --- a/packages/terra-button-group/package.json +++ b/packages/terra-button-group/package.json @@ -1,7 +1,7 @@ { "name": "terra-button-group", "main": "lib/ButtonGroup.js", - "version": "3.70.0", + "version": "3.71.0", "description": "The Terra Button Group component groups buttons and can maintain a toggle selection state.", "repository": { "type": "git", @@ -29,7 +29,7 @@ "classnames": "^2.2.5", "keycode-js": "^3.1.0", "prop-types": "^15.5.8", - "terra-button": "^3.68.2", + "terra-button": "^3.69.0", "terra-theme-context": "^1.0.0" }, "scripts": { diff --git a/packages/terra-button/CHANGELOG.md b/packages/terra-button/CHANGELOG.md index 88d28821c9d..3de7c00acec 100644 --- a/packages/terra-button/CHANGELOG.md +++ b/packages/terra-button/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 3.69.0 - (October 23, 2023) + +* Changed + * Added support of selection state for Fusion-Button + ## 3.68.2 - (October 3, 2023) * Fixed diff --git a/packages/terra-button/package.json b/packages/terra-button/package.json index 8914381a9be..cb1a2aaf4d7 100644 --- a/packages/terra-button/package.json +++ b/packages/terra-button/package.json @@ -1,7 +1,7 @@ { "name": "terra-button", "main": "lib/Button.js", - "version": "3.68.2", + "version": "3.69.0", "description": "The terra-button component provides users a way to trigger actions in the UI.", "repository": { "type": "git", diff --git a/packages/terra-button/src/Button.jsx b/packages/terra-button/src/Button.jsx index 52ec953fdf0..2667bbc2edf 100644 --- a/packages/terra-button/src/Button.jsx +++ b/packages/terra-button/src/Button.jsx @@ -118,7 +118,7 @@ const defaultProps = { class Button extends React.Component { constructor(props) { super(props); - this.state = { active: false, focused: false }; + this.state = { active: false, focused: false, isSelected: false }; this.handleKeyDown = this.handleKeyDown.bind(this); this.handleKeyUp = this.handleKeyUp.bind(this); this.handleOnBlur = this.handleOnBlur.bind(this); @@ -144,7 +144,7 @@ class Button extends React.Component { } } - handleClick(event) { + handleClick(event, isSelectable) { // See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Button#Clicking_and_focus // Button on Firefox, Safari and IE running on OS X does not receive focus when clicked. // This will put focus on the button when clicked if it is not currently the active element. @@ -155,11 +155,15 @@ class Button extends React.Component { } if (this.props.onClick) { - this.props.onClick(event); + if (isSelectable) { + this.props.onClick(event, this.state.isSelected); + } else { + this.props.onClick(event); + } } } - handleKeyDown(event) { + handleKeyDown(event, isSelectable) { // Add active state to FF browsers if (event.nativeEvent.keyCode === KeyCode.KEY_SPACE) { this.setState({ active: true }); @@ -175,6 +179,9 @@ class Button extends React.Component { // Add focus styles for keyboard navigation if (event.nativeEvent.keyCode === KeyCode.KEY_SPACE || event.nativeEvent.keyCode === KeyCode.KEY_RETURN) { this.setState({ focused: true }); + if (isSelectable) { + this.setState(prevState => ({ isSelected: !prevState.isSelected })); + } } if (this.props.onKeyDown) { @@ -208,10 +215,13 @@ class Button extends React.Component { } } - handleMouseDown(event) { + handleMouseDown(event, isSelectable) { if (this.props.onMouseDown) { this.props.onMouseDown(event); } + if (isSelectable) { + this.setState(prevState => ({ isSelected: !prevState.isSelected })); + } // See https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/focus#Notes // If you call HTMLElement.focus() from a mousedown event handler, you must call event.preventDefault() to keep the focus from leaving the HTMLElement. @@ -246,6 +256,9 @@ class Button extends React.Component { const isMac = () => navigator.userAgent.indexOf('Mac') !== -1; const buttonLabelCx = isMac() ? 'button-label-mac' : 'button-label-win'; + // TODO: `isSelectable` prop is used for fusion pass through passivity and should be removed after Fusion Phase2 release. + const { isSelectable } = customProps; + const buttonClasses = classNames( cx([ 'button', @@ -255,6 +268,7 @@ class Button extends React.Component { { compact: isCompact }, { 'is-active': this.state.active && !isDisabled }, { 'is-focused': this.state.focused && !isDisabled }, + { 'is-selected': isSelectable && this.state.isSelected && !isDisabled }, theme.className, ]), customProps.className, @@ -302,6 +316,10 @@ class Button extends React.Component { ariaLabel = (icon && icon.props.a11yLabel) ? icon.props.a11yLabel : ariaLabel || text; } + if (isSelectable) { + customProps['aria-pressed'] = this.state.isSelected; + } + let ComponentType = 'button'; if (href) { ComponentType = 'a'; @@ -317,12 +335,12 @@ class Button extends React.Component { tabIndex={isDisabled ? '-1' : customProps.tabIndex} aria-disabled={isDisabled} aria-label={ariaLabel} - onKeyDown={this.handleKeyDown} + onKeyDown={(event) => { this.handleKeyDown(event, isSelectable); }} onKeyUp={this.handleKeyUp} onBlur={this.handleOnBlur} title={buttonTitle} - onClick={this.handleClick} - onMouseDown={this.handleMouseDown} + onClick={(event) => { this.handleClick(event, isSelectable); }} + onMouseDown={(event) => { this.handleMouseDown(event, isSelectable); }} onFocus={this.handleFocus} href={href} ref={refCallback} diff --git a/packages/terra-button/src/Button.module.scss b/packages/terra-button/src/Button.module.scss index 8469583e890..5b65abd2d3b 100644 --- a/packages/terra-button/src/Button.module.scss +++ b/packages/terra-button/src/Button.module.scss @@ -78,6 +78,34 @@ opacity: var(--terra-button-disabled-opacity, 0.3); pointer-events: none; // prevent pointer interaction for anchor elements } + + &.is-selected.is-focused { + background-color: var(--terra-button-selected-and-focus-background-color, #52585b); + border-color: var(--terra-button-selected-and-focus-border-color, #52585b); + box-shadow: var(--terra-button-selected-and-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35)); + color: var(--terra-button-selected-and-focus-color, #fff); + } + + &.is-selected { + background-color: var(--terra-button-selected-background-color, #52585b); + border-color: var(--terra-button-selected-border-color, #52585b); + box-shadow: var(--terra-button-selected-box-shadow); + color: var(--terra-button-selected-color, #fff); + } + + &.is-selected:active { + background-color: var(--terra-button-selected-and-active-background-color, #52585b); + border-color: var(--terra-button-selected-and-active-border-color, #52585b); + box-shadow: var(--terra-button-selected-and-active-box-shadow); + color: var(--terra-button-selected-and-active-color, #fff); + } + + &.is-selected:hover { + background-color: var(--terra-button-selected-and-hover-background-color, #40474a); + border-color: var(--terra-button-selected-and-hover-border-color, #40474a); + box-shadow: var(--terra-button-selected-and-hover-box-shadow); + color: var(--terra-button-selected-and-hover-color, #fff); + } } .button-label-mac { diff --git a/packages/terra-button/src/clinical-lowlight-theme/Button.module.scss b/packages/terra-button/src/clinical-lowlight-theme/Button.module.scss index 780750b5203..90f855e48af 100644 --- a/packages/terra-button/src/clinical-lowlight-theme/Button.module.scss +++ b/packages/terra-button/src/clinical-lowlight-theme/Button.module.scss @@ -190,5 +190,26 @@ --terra-button-hover-background-color-utility: transparent; --terra-button-hover-border-color-utility: transparent; --terra-button-hover-color-utility: #b2b5b6; + + // isSelected button + --terra-button-selected-background-color: #1a2023; + --terra-button-selected-border-color: #181b1d; + --terra-button-selected-box-shadow: none; + --terra-button-selected-color: #9b9b9b; + + --terra-button-selected-and-focus-background-color: #1a2023; + --terra-button-selected-and-focus-border-color: #181b1d; + --terra-button-selected-and-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35); + --terra-button-selected-and-focus-color: #9b9b9b; + + --terra-button-selected-and-active-background-color: #1a2023; + --terra-button-selected-and-active-border-color: #181b1d; + --terra-button-selected-and-active-box-shadow: none; + --terra-button-selected-and-active-color: #9b9b9b; + + --terra-button-selected-and-hover-background-color: #121517; + --terra-button-selected-and-hover-border-color: #181b1d; + --terra-button-selected-and-hover-box-shadow: none; + --terra-button-selected-and-hover-color: #9b9b9b; } } diff --git a/packages/terra-button/src/orion-fusion-theme/Button.module.scss b/packages/terra-button/src/orion-fusion-theme/Button.module.scss index 300172853cf..9461a961c4b 100644 --- a/packages/terra-button/src/orion-fusion-theme/Button.module.scss +++ b/packages/terra-button/src/orion-fusion-theme/Button.module.scss @@ -190,5 +190,26 @@ --terra-button-hover-background-color-utility: transparent; --terra-button-hover-border-color-utility: transparent; --terra-button-hover-color-utility: #004c76; + + // isSelected button + --terra-button-selected-and-hover-background-color: #52585b; + --terra-button-selected-and-hover-border-color: #6f7477; + --terra-button-selected-and-hover-box-shadow: none; + --terra-button-selected-and-hover-color: #fff; + + --terra-button-selected-and-focus-background-color: #52585b; + --terra-button-selected-and-focus-border-color: #6f7477; + --terra-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3); + --terra-button-selected-and-focus-color: #fff; + + --terra-button-selected-background-color: #52585b; + --terra-button-selected-border-color: #6f7477; + --terra-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d; + --terra-button-selected-color: #fff; + + --terra-button-selected-and-active-background-color: #52585b; + --terra-button-selected-and-active-border-color: #6f7477; + --terra-button-selected-and-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d; + --terra-button-selected-and-active-and-color: #fff; } } diff --git a/packages/terra-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/button-spec/selected-button.png b/packages/terra-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/button-spec/selected-button.png new file mode 100644 index 00000000000..ec758c10558 Binary files /dev/null and b/packages/terra-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/button-spec/selected-button.png differ diff --git a/packages/terra-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/button-spec/selected-button.png b/packages/terra-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/button-spec/selected-button.png new file mode 100644 index 00000000000..9b3dc58a08e Binary files /dev/null and b/packages/terra-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/button-spec/selected-button.png differ diff --git a/packages/terra-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/button-spec/selected-button.png b/packages/terra-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/button-spec/selected-button.png new file mode 100644 index 00000000000..0a225c7cf0e Binary files /dev/null and b/packages/terra-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/button-spec/selected-button.png differ diff --git a/packages/terra-button/tests/wdio/button-spec.js b/packages/terra-button/tests/wdio/button-spec.js index 0f861a8ae77..7ee2272428e 100644 --- a/packages/terra-button/tests/wdio/button-spec.js +++ b/packages/terra-button/tests/wdio/button-spec.js @@ -255,4 +255,12 @@ Terra.describeViewports('Button', ['tiny'], () => { Terra.validates.element('programmatic re-enabled -Enabled Button is not focused', { selector: '#root' }); }); }); + + describe('Selectable button', () => { + it('displays selected button', () => { + browser.url('/raw/tests/cerner-terra-core-docs/button/selectable-button'); + $(' + + {this.createListItems(mockData)} + + ); } } diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/paginator/example/ProgressivePaginatorCustomPageCountExample.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/paginator/example/ProgressivePaginatorCustomPageCountExample.jsx index 18b5f74a99c..89dad168f47 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/paginator/example/ProgressivePaginatorCustomPageCountExample.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/paginator/example/ProgressivePaginatorCustomPageCountExample.jsx @@ -6,6 +6,7 @@ import styles from './PaginatorExampleCommon.module.scss'; const cx = classNames.bind(styles); const totalCount = 450; +const itemCountPerPage = 10; const buildPage = () => { const fullContent = [

Patients are requesting greater affordability and efficiency in healthcare. With procedures performed in an ambulatory surgery center costing up to 60% less compared to a hospital outpatient department (1), the demand for these facilities is increasing. In fact, the U.S. ambulatory surgery center market is expected to see a 6.9 % compound annual growth rate, reaching $33 billion by 2028. (2) Cerner understands the urgency to grow in the ambulatory surgery center market while continuing to deliver excellent care. Healthcare IT products can help improve clinician efficiency and patient outcomes, as well as enhance communication and data exchange between ambulatory surgery center providers and patients.

]; @@ -22,7 +23,7 @@ class ProgressivePaginatorCustomPageCountExample extends React.Component { this.state = { content: buildPage(), currentPage: 1, - pageLabel: `Summary 1 in ${totalCount}`, + pageLabel: `Summary 1 in ${Math.abs(totalCount / itemCountPerPage)}`, }; this.changePages = this.changePages.bind(this); @@ -30,7 +31,7 @@ class ProgressivePaginatorCustomPageCountExample extends React.Component { changePages(index) { this.setState({ currentPage: index }); - this.setState({ pageLabel: `Summary ${index} of total ${totalCount}` }); + this.setState({ pageLabel: `Summary ${index} of total ${Math.abs(totalCount / itemCountPerPage)}` }); } render() { @@ -43,7 +44,7 @@ class ProgressivePaginatorCustomPageCountExample extends React.Component { )} // eslint-disable-next-line react/prop-types - footer={} + footer={} > {this.state.content} diff --git a/packages/terra-core-docs/src/terra-dev-site/test/button/SelectableButton.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/button/SelectableButton.test.jsx new file mode 100644 index 00000000000..7e7bf75cd4e --- /dev/null +++ b/packages/terra-core-docs/src/terra-dev-site/test/button/SelectableButton.test.jsx @@ -0,0 +1,31 @@ +import React, { useState } from 'react'; +import Button from 'terra-button'; +import classNames from 'classnames/bind'; +import styles from './ButtonTestCommon.module.scss'; + +const cx = classNames.bind(styles); + +const SelectableButton = () => { + const [text, setText] = useState('Unselected'); + + const handleSelection = (event, toggledState) => { + if (toggledState) { + setText('Selected'); + } else { + setText('Unselected'); + } + }; + + return ( +
+

+ Status: + {' '} + {text} +

+
+ ); +}; + +export default SelectableButton; diff --git a/packages/terra-dialog/CHANGELOG.md b/packages/terra-dialog/CHANGELOG.md index 730ce426186..2507e86be55 100644 --- a/packages/terra-dialog/CHANGELOG.md +++ b/packages/terra-dialog/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 2.82.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 2.81.0 - (October 16, 2023) * Changed diff --git a/packages/terra-dialog/package.json b/packages/terra-dialog/package.json index 54d3f1f186c..4b45c44aa34 100644 --- a/packages/terra-dialog/package.json +++ b/packages/terra-dialog/package.json @@ -1,7 +1,7 @@ { "name": "terra-dialog", "main": "lib/Dialog.js", - "version": "2.81.0", + "version": "2.82.0", "description": "Dialogs are temporary views that can be used in a myriad of ways. Dialogs have the ability to alert users to act on critical information. In doing so, Dialogs may allow users to avoid destructive decisions, and also extend user workflows without disorienting the user.", "repository": { "type": "git", @@ -29,7 +29,7 @@ "dependencies": { "classnames": "^2.2.5", "prop-types": "^15.5.8", - "terra-button": "^3.68.2", + "terra-button": "^3.69.0", "terra-content-container": "^3.39.1", "terra-icon": "^3.58.0", "terra-mixins": "^1.40.0", diff --git a/packages/terra-dropdown-button/CHANGELOG.md b/packages/terra-dropdown-button/CHANGELOG.md index 45912cf3d2f..aad697f2bcc 100644 --- a/packages/terra-dropdown-button/CHANGELOG.md +++ b/packages/terra-dropdown-button/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 1.37.0 - (October 26, 2023) + +* Changed + * Updated focus border as dashed border in `dropdown-split-button`. + ## 1.36.0 - (August 8, 2023) * Added diff --git a/packages/terra-dropdown-button/package.json b/packages/terra-dropdown-button/package.json index 3b45453f377..2fbc66a9d96 100644 --- a/packages/terra-dropdown-button/package.json +++ b/packages/terra-dropdown-button/package.json @@ -1,7 +1,7 @@ { "name": "terra-dropdown-button", "main": "lib/DropdownButton.js", - "version": "1.36.0", + "version": "1.37.0", "description": "Provides a dropdown button component and split button component for selecting a single option (action) from a list of options.", "repository": { "type": "git", diff --git a/packages/terra-dropdown-button/src/_mixins.scss b/packages/terra-dropdown-button/src/_mixins.scss index 1bac4111b5a..995b63fc50c 100644 --- a/packages/terra-dropdown-button/src/_mixins.scss +++ b/packages/terra-dropdown-button/src/_mixins.scss @@ -57,7 +57,7 @@ &:focus { border-right-color: map-get($color-map, focus-border-color); - box-shadow: map-get($color-map, focus-split-box-shadow); + outline: map-get($color-map, focus-split-outline); } &.is-active, @@ -82,7 +82,7 @@ box-shadow: map-get($color-map, split-caret-box-shadow); &:focus { - box-shadow: map-get($color-map, focus-split-caret-box-shadow); + outline: map-get($color-map, focus-split-caret-outline); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (hover: hover) and (pointer: fine) { &:hover { diff --git a/packages/terra-dropdown-button/src/_variables.scss b/packages/terra-dropdown-button/src/_variables.scss index 61da11a90e6..fef6dbc85f6 100644 --- a/packages/terra-dropdown-button/src/_variables.scss +++ b/packages/terra-dropdown-button/src/_variables.scss @@ -20,8 +20,8 @@ $terra-dropdown-button-neutral-color-scheme: ( focus-background-color: var(--terra-dropdown-button-focus-background-color-neutral, #dedfe0), focus-border-color: var(--terra-dropdown-button-focus-border-color-neutral, #c8cacb), focus-dropdown-box-shadow: var(--terra-dropdown-button-dropdown-type-focus-box-shadow-neutral, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27)), - focus-split-box-shadow: var(--terra-dropdown-button-split-type-focus-box-shadow-neutral, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27)), - focus-split-caret-box-shadow: var(--terra-dropdown-button-split-type-caret-focus-box-shadow-neutral, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27)), + focus-split-outline: var(--terra-dropdown-button-split-type-focus-outline-neutral, 2px dashed #000), + focus-split-caret-outline: var(--terra-dropdown-button-split-type-caret-focus-outline-neutral, 2px dashed #000), hover-background-color: var(--terra-dropdown-button-hover-background-color-neutral, #b9bbbc), hover-color: var(--terra-dropdown-button-hover-color-neutral, #000), hover-split-caret-box-shadow: var(--terra-dropdown-button-split-type-caret-hover-box-shadow-neutral, none), @@ -72,8 +72,8 @@ $terra-dropdown-button-ghost-color-scheme: ( focus-background-color: var(--terra-dropdown-button-focus-background-color-ghost, transparent), focus-border-color: var(--terra-dropdown-button-focus-border-color-ghost, rgba(28, 31, 33, 0.25)), focus-dropdown-box-shadow: var(--terra-dropdown-button-dropdown-type-focus-box-shadow-ghost, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27)), - focus-split-box-shadow: var(--terra-dropdown-button-split-type-focus-box-shadow-ghost, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27)), - focus-split-caret-box-shadow: var(--terra-dropdown-button-split-type-caret-focus-box-shadow-ghost, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27)), + focus-split-outline: var(--terra-dropdown-button-split-type-focus-outline-ghost, 2px dashed #000), + focus-split-caret-outline: var(--terra-dropdown-button-split-type-caret-focus-outline-ghost, 2px dashed #000), hover-background-color: var(--terra-dropdown-button-hover-background-color-ghost, rgba(0, 0, 0, 0.05)), hover-color: var(--terra-dropdown-button-hover-color-ghost, #000), hover-split-caret-box-shadow: var(--terra-dropdown-button-split-type-caret-hover-box-shadow-ghost, none), diff --git a/packages/terra-dropdown-button/src/clinical-lowlight-theme/SplitButton.module.scss b/packages/terra-dropdown-button/src/clinical-lowlight-theme/SplitButton.module.scss index 62bc6615500..2561af8b0f8 100644 --- a/packages/terra-dropdown-button/src/clinical-lowlight-theme/SplitButton.module.scss +++ b/packages/terra-dropdown-button/src/clinical-lowlight-theme/SplitButton.module.scss @@ -34,8 +34,8 @@ --terra-dropdown-button-split-type-box-shadow-neutral: none; --terra-dropdown-button-split-type-font-weight-neutral: 400; --terra-dropdown-button-split-type-caret-box-shadow-neutral: none; - --terra-dropdown-button-split-type-focus-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; - --terra-dropdown-button-split-type-caret-focus-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-split-type-focus-outline-neutral: 2px dashed #b2b5b6; + --terra-dropdown-button-split-type-caret-focus-outline-neutral: 2px dashed #b2b5b6; --terra-dropdown-button-split-type-caret-hover-box-shadow-neutral: none; // ghost @@ -56,8 +56,8 @@ --terra-dropdown-button-split-type-box-shadow-ghost: none; --terra-dropdown-button-split-type-font-weight-ghost: 400; --terra-dropdown-button-split-type-caret-box-shadow-ghost: none; - --terra-dropdown-button-split-type-focus-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; - --terra-dropdown-button-split-type-caret-focus-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-dropdown-button-split-type-focus-outline-ghost: 2px dashed #b2b5b6; + --terra-dropdown-button-split-type-caret-focus-outline-ghost: 2px dashed #b2b5b6; --terra-dropdown-button-split-type-caret-hover-box-shadow-ghost: none; /* Icons */ diff --git a/packages/terra-dropdown-button/src/orion-fusion-theme/SplitButton.module.scss b/packages/terra-dropdown-button/src/orion-fusion-theme/SplitButton.module.scss index c06d06fee92..c3568f4cf19 100644 --- a/packages/terra-dropdown-button/src/orion-fusion-theme/SplitButton.module.scss +++ b/packages/terra-dropdown-button/src/orion-fusion-theme/SplitButton.module.scss @@ -15,7 +15,7 @@ --terra-dropdown-button-split-type-caret-height: 1em; --terra-dropdown-button-split-type-caret-top: 0.2em; --terra-dropdown-button-split-type-caret-width: 1em; - + // neutral --terra-dropdown-button-active-background-color-neutral: #9b9fa1; --terra-dropdown-button-active-border-color-neutral: #6f7477; @@ -34,8 +34,8 @@ --terra-dropdown-button-split-type-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4; --terra-dropdown-button-split-type-font-weight-neutral: 400; --terra-dropdown-button-split-type-caret-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4; - --terra-dropdown-button-split-type-focus-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(128, 191, 253, 1), 0 0 6px 3px rgba(128, 191, 253, 1); - --terra-dropdown-button-split-type-caret-focus-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(128, 191, 253, 1), 0 0 6px 3px rgba(128, 191, 253, 1); + --terra-dropdown-button-split-type-focus-outline-neutral: 2px dashed #000; + --terra-dropdown-button-split-type-caret-focus-outline-neutral: 2px dashed #000; --terra-dropdown-button-split-type-caret-hover-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4; // ghost @@ -56,8 +56,8 @@ --terra-dropdown-button-split-type-box-shadow-ghost: none; --terra-dropdown-button-split-type-font-weight-ghost: 400; --terra-dropdown-button-split-type-caret-box-shadow-ghost: none; - --terra-dropdown-button-split-type-focus-box-shadow-ghost: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3); - --terra-dropdown-button-split-type-caret-focus-box-shadow-ghost: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3); + --terra-dropdown-button-split-type-focus-outline-ghost: 2px dashed #000; + --terra-dropdown-button-split-type-caret-focus-outline-ghost: 2px dashed #000; --terra-dropdown-button-split-type-caret-hover-box-shadow-ghost: none; /* Icons */ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png index 1c12e83106d..d1b685b624e 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png index 3ed20b099a6..a478768ec4d 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/caret_focus.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/caret_focus.png index 7c7c2fb2898..dd4bda8e972 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/caret_focus.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/caret_focus.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/click.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/click.png index 84643490f98..88c203dc8cb 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/click.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/click.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png index 9e6ce241468..21a7f325bf1 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png index 9ace2f13c13..eaac6f24cd0 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png index 9ace2f13c13..eaac6f24cd0 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/down_arrow.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/down_arrow.png index 4aaeb6bb4e6..8b71116789d 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/down_arrow.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/down_arrow.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/end.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/end.png index 9e6ce241468..21a7f325bf1 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/end.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/end.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/enter.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/enter.png index 9e6ce241468..21a7f325bf1 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/enter.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/enter.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/escape.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/escape.png index 38872314f68..24a8be411f5 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/escape.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/escape.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/first_item_focused.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/first_item_focused.png index 84643490f98..88c203dc8cb 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/first_item_focused.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/first_item_focused.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/home.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/home.png index 84643490f98..88c203dc8cb 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/home.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/home.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png index 9e6ce241468..21a7f325bf1 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/last_item_focused.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/last_item_focused.png index 9e6ce241468..21a7f325bf1 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/last_item_focused.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/last_item_focused.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/primary_button_click.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/primary_button_click.png index 9ace2f13c13..eaac6f24cd0 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/primary_button_click.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/primary_button_click.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/primary_focus.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/primary_focus.png index a1285ea8941..3028f3577ba 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/primary_focus.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/primary_focus.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/space.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/space.png index 84643490f98..88c203dc8cb 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/space.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/space.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/tab.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/tab.png index 9e6ce241468..21a7f325bf1 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/tab.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/tab.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/up_arrow.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/up_arrow.png index 84643490f98..88c203dc8cb 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/up_arrow.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/split-button-spec/up_arrow.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png index 9c6fe9d8419..456b9c9ef3c 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png index f7536f23de9..d981f740f48 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/caret_focus.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/caret_focus.png index c30ee682997..7d0278431fd 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/caret_focus.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/caret_focus.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/click.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/click.png index 840226b938f..ef33caa8373 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/click.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/click.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png index 197a3fb237b..7629288ca0c 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png index 2145d90f4f1..9cbe5ea0ed8 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png index 2145d90f4f1..9cbe5ea0ed8 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/down_arrow.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/down_arrow.png index 74ef5f737f1..7e3031e50be 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/down_arrow.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/down_arrow.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/end.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/end.png index 197a3fb237b..7629288ca0c 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/end.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/end.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/enter.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/enter.png index 197a3fb237b..7629288ca0c 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/enter.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/enter.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/escape.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/escape.png index aed4042bafc..b9c09860e30 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/escape.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/escape.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/first_item_focused.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/first_item_focused.png index 840226b938f..ef33caa8373 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/first_item_focused.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/first_item_focused.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/home.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/home.png index 840226b938f..ef33caa8373 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/home.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/home.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png index 197a3fb237b..7629288ca0c 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/last_item_focused.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/last_item_focused.png index 197a3fb237b..7629288ca0c 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/last_item_focused.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/last_item_focused.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/primary_button_click.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/primary_button_click.png index 2145d90f4f1..9cbe5ea0ed8 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/primary_button_click.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/primary_button_click.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/primary_focus.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/primary_focus.png index 4314f8f29ea..398613ddc99 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/primary_focus.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/primary_focus.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/space.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/space.png index 840226b938f..ef33caa8373 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/space.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/space.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/tab.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/tab.png index 197a3fb237b..7629288ca0c 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/tab.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/tab.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/up_arrow.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/up_arrow.png index 840226b938f..ef33caa8373 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/up_arrow.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/split-button-spec/up_arrow.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png index 351cb31d11b..46cc7b89e26 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/MetaData_of_1st_option.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png index de60ea02d4a..4b2df942f02 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/MetaData_of_Primary_Button_option.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/caret_focus.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/caret_focus.png index 01ce74a892f..6f8e9b1cf79 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/caret_focus.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/caret_focus.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/click.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/click.png index 303c1eaf4ac..77692748380 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/click.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/click.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png index 2cf49d79808..d81958c219f 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_caret_closes_dropdown.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png index 48f99615de4..ebc6b7868c6 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_outside_closes_dropdown.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png index 48f99615de4..ebc6b7868c6 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/clicking_primary_closes_dropdown_and_selects_primary.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/down_arrow.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/down_arrow.png index 4268219f15e..f3f7c007350 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/down_arrow.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/down_arrow.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/end.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/end.png index 2cf49d79808..d81958c219f 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/end.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/end.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/enter.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/enter.png index 2cf49d79808..d81958c219f 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/enter.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/enter.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/escape.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/escape.png index 91726efe95b..f95d73d965c 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/escape.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/escape.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/first_item_focused.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/first_item_focused.png index 303c1eaf4ac..77692748380 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/first_item_focused.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/first_item_focused.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/home.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/home.png index 303c1eaf4ac..77692748380 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/home.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/home.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png index 2cf49d79808..d81958c219f 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/jumps_when_typing.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/last_item_focused.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/last_item_focused.png index 2cf49d79808..d81958c219f 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/last_item_focused.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/last_item_focused.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/primary_button_click.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/primary_button_click.png index 48f99615de4..ebc6b7868c6 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/primary_button_click.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/primary_button_click.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/primary_focus.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/primary_focus.png index 3a6b7781dee..6f0199829ec 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/primary_focus.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/primary_focus.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/space.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/space.png index 303c1eaf4ac..77692748380 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/space.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/space.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/tab.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/tab.png index 2cf49d79808..d81958c219f 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/tab.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/tab.png differ diff --git a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/up_arrow.png b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/up_arrow.png index 303c1eaf4ac..77692748380 100644 Binary files a/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/up_arrow.png and b/packages/terra-dropdown-button/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/split-button-spec/up_arrow.png differ diff --git a/packages/terra-form-radio/CHANGELOG.md b/packages/terra-form-radio/CHANGELOG.md index 452d1a3d649..2d457dbeb48 100644 --- a/packages/terra-form-radio/CHANGELOG.md +++ b/packages/terra-form-radio/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 4.44.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 4.43.0 - (October 3, 2023) * Changed diff --git a/packages/terra-form-radio/package.json b/packages/terra-form-radio/package.json index 138117d6420..dc96d32c9e3 100644 --- a/packages/terra-form-radio/package.json +++ b/packages/terra-form-radio/package.json @@ -1,7 +1,7 @@ { "name": "terra-form-radio", "main": "lib/Radio.js", - "version": "4.43.0", + "version": "4.44.0", "description": "The Terra Form Radio is a responsive input component rendered as a radio button next to label text. When activated, a dot shall appear. Use the `name` attribute to group radio buttons together. Tabbing switches focus between radio button groups; arrow keys switch between radio buttons of the same group. The checked state can be activated with a space.", "repository": { "type": "git", @@ -30,7 +30,7 @@ "classnames": "^2.2.5", "lodash.uniqueid": "^4.0.1", "prop-types": "^15.5.8", - "terra-button": "^3.68.2", + "terra-button": "^3.69.0", "terra-mixins": "^1.40.0", "terra-theme-context": "^1.0.0", "terra-visually-hidden-text": "^2.36.0" diff --git a/packages/terra-form-select/CHANGELOG.md b/packages/terra-form-select/CHANGELOG.md index c3e032e4072..14f1d8aa8c2 100644 --- a/packages/terra-form-select/CHANGELOG.md +++ b/packages/terra-form-select/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 6.49.0 - (October 23, 2023) + +* Changed + * Changed `class` selector used for accessing input text with data-attribute in form select `combobox` and `tag`. + ## 6.48.0 - (October 16, 2023) * Changed diff --git a/packages/terra-form-select/package.json b/packages/terra-form-select/package.json index c2f87cf4c5e..978c903d81f 100644 --- a/packages/terra-form-select/package.json +++ b/packages/terra-form-select/package.json @@ -1,7 +1,7 @@ { "name": "terra-form-select", "main": "lib/Select.js", - "version": "6.48.0", + "version": "6.49.0", "description": "Provides a drop down of selectable options.", "repository": { "type": "git", diff --git a/packages/terra-form-select/src/combobox/Menu.jsx b/packages/terra-form-select/src/combobox/Menu.jsx index 7ebc8688927..7a213a934cb 100644 --- a/packages/terra-form-select/src/combobox/Menu.jsx +++ b/packages/terra-form-select/src/combobox/Menu.jsx @@ -342,7 +342,7 @@ class Menu extends React.Component { // Detects if option is an "Add option" and provides accessible text const active = this.menu.querySelector('[data-select-active]'); if (active && active.hasAttribute('data-terra-select-add-option')) { - const display = active.querySelector("[class*='display']").innerText; + const display = active.querySelector('[data-terra-add-option]') ? active.querySelector('[data-terra-add-option]').innerText : null; visuallyHiddenComponent.current.innerText = display; } diff --git a/packages/terra-form-select/src/shared/_Option.jsx b/packages/terra-form-select/src/shared/_Option.jsx index 67b95a8bb14..d3d1963225b 100644 --- a/packages/terra-form-select/src/shared/_Option.jsx +++ b/packages/terra-form-select/src/shared/_Option.jsx @@ -132,7 +132,7 @@ const Option = ({ aria-label={itemLabel} > {(isCheckable || isAddOption) && } - {display} + {display} ); }; diff --git a/packages/terra-form-select/src/tag/Menu.jsx b/packages/terra-form-select/src/tag/Menu.jsx index a66a3327f4b..57a70d30085 100644 --- a/packages/terra-form-select/src/tag/Menu.jsx +++ b/packages/terra-form-select/src/tag/Menu.jsx @@ -362,7 +362,7 @@ class Menu extends React.Component { // Detects if option is an "Add option" and provides accessible text const active = this.menu.querySelector('[data-select-active]'); if (active && active.hasAttribute('data-terra-select-add-option')) { - const display = active.querySelector("[class*='display']").innerText; + const display = active.querySelector('[data-terra-add-option]') ? active.querySelector('[data-terra-add-option]').innerText : null; visuallyHiddenComponent.current.innerText = display; } diff --git a/packages/terra-form-select/tests/jest/__snapshots__/ClearOption.test.jsx.snap b/packages/terra-form-select/tests/jest/__snapshots__/ClearOption.test.jsx.snap index 97c81e92818..7aaccf8d8bd 100644 --- a/packages/terra-form-select/tests/jest/__snapshots__/ClearOption.test.jsx.snap +++ b/packages/terra-form-select/tests/jest/__snapshots__/ClearOption.test.jsx.snap @@ -60,6 +60,7 @@ exports[`ClearOption correctly applies the theme context className 1`] = ` > Clear diff --git a/packages/terra-form-select/tests/jest/__snapshots__/Menu.test.jsx.snap b/packages/terra-form-select/tests/jest/__snapshots__/Menu.test.jsx.snap index 4ab47e141a5..1dcbd142fbe 100644 --- a/packages/terra-form-select/tests/jest/__snapshots__/Menu.test.jsx.snap +++ b/packages/terra-form-select/tests/jest/__snapshots__/Menu.test.jsx.snap @@ -125,6 +125,7 @@ exports[`Menu correctly applies the theme context className 1`] = ` > display diff --git a/packages/terra-form-select/tests/jest/__snapshots__/Option.test.jsx.snap b/packages/terra-form-select/tests/jest/__snapshots__/Option.test.jsx.snap index 968725382e9..301b38916d8 100644 --- a/packages/terra-form-select/tests/jest/__snapshots__/Option.test.jsx.snap +++ b/packages/terra-form-select/tests/jest/__snapshots__/Option.test.jsx.snap @@ -24,6 +24,7 @@ exports[`Option correctly applies the theme context className 1`] = ` > display @@ -44,6 +45,7 @@ exports[`Option should render a default Option 1`] = ` > display @@ -62,6 +64,7 @@ exports[`Option should render a disabled Option 1`] = ` > display diff --git a/packages/terra-form-select/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png b/packages/terra-form-select/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png new file mode 100644 index 00000000000..73247673c91 Binary files /dev/null and b/packages/terra-form-select/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png differ diff --git a/packages/terra-form-select/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png b/packages/terra-form-select/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png new file mode 100644 index 00000000000..2c49c2a4e34 Binary files /dev/null and b/packages/terra-form-select/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png differ diff --git a/packages/terra-form-select/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png b/packages/terra-form-select/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png new file mode 100644 index 00000000000..1b8bd94fefa Binary files /dev/null and b/packages/terra-form-select/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/select-spec/Add_New_Option_in_combo_box.png differ diff --git a/packages/terra-form-select/tests/wdio/select-spec.js b/packages/terra-form-select/tests/wdio/select-spec.js index 74af3cf0d6a..4f31fd7c1a6 100644 --- a/packages/terra-form-select/tests/wdio/select-spec.js +++ b/packages/terra-form-select/tests/wdio/select-spec.js @@ -2517,4 +2517,19 @@ Terra.describeViewports('Select', ['tiny'], () => { after(() => $('#root').click()); }); }); + + describe('Combobox Add New Option', () => { + before(() => { + browser.url('/raw/tests/cerner-terra-core-docs/form-select/is-touch-accessible-combobox'); + }); + + it('should add new option in combo box', () => { + $('[data-terra-select]').click(); + browser.keys(['N', 'e', 'w']); + $('[data-terra-add-option]').click(); + expect($('[data-terra-add-option]')).toHaveTextContaining('Add "New"'); + $('[data-terra-select]').click(); + Terra.validates.element('Add New Option in combo box', { selector: '#root' }); + }); + }); }); diff --git a/packages/terra-heading/CHANGELOG.md b/packages/terra-heading/CHANGELOG.md index c5026bb3749..7ae7a44f2af 100644 --- a/packages/terra-heading/CHANGELOG.md +++ b/packages/terra-heading/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 4.53.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 4.52.0 - (August 23, 2023) * Changed diff --git a/packages/terra-heading/package.json b/packages/terra-heading/package.json index 4b63e65e11b..3fbf83fd0ab 100644 --- a/packages/terra-heading/package.json +++ b/packages/terra-heading/package.json @@ -1,7 +1,7 @@ { "name": "terra-heading", "main": "lib/Heading.js", - "version": "4.52.0", + "version": "4.53.0", "description": "Terra includes styling for all standard headings `h1` through `h6`, as well as styles that match the size of their respective heading.", "repository": { "type": "git", @@ -29,7 +29,7 @@ "dependencies": { "classnames": "^2.2.5", "prop-types": "^15.5.8", - "terra-arrange": "^3.53.0" + "terra-arrange": "^3.54.0" }, "scripts": { "compile": "babel --root-mode upward src --out-dir lib --copy-files", diff --git a/packages/terra-list/CHANGELOG.md b/packages/terra-list/CHANGELOG.md index 7cafbe3100c..e6e32ccdc89 100644 --- a/packages/terra-list/CHANGELOG.md +++ b/packages/terra-list/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 4.66.0 - (October 23, 2023) + +* Added + * Added `isTabFocusDisabled` prop to disable tab key navigation. + * Fixed * Fixed _property is undefined_ error while navigating with a keyboard. diff --git a/packages/terra-list/package.json b/packages/terra-list/package.json index e4b18fdb248..8e1ce76a3c3 100644 --- a/packages/terra-list/package.json +++ b/packages/terra-list/package.json @@ -1,7 +1,7 @@ { "name": "terra-list", "main": "lib/index.js", - "version": "4.65.0", + "version": "4.66.0", "description": "The Terra List is a structural component to arrange content within list/listitems.", "repository": { "type": "git", diff --git a/packages/terra-list/src/List.jsx b/packages/terra-list/src/List.jsx index d833a0c71e8..273378d1665 100644 --- a/packages/terra-list/src/List.jsx +++ b/packages/terra-list/src/List.jsx @@ -84,6 +84,11 @@ const propTypes = { * Whether or not the list item is draggable. List Item is draggable only when it is selectable. */ isDraggable: PropTypes.bool, + /** + * ![IMPORTANT](https://badgen.net/badge/UX/Accessibility/blue) + * Whether or not the list item is focusable with Tab key. Ensure alternative way of focusing list item when set to true for best accessibility experience. + */ + isTabFocusDisabled: PropTypes.bool, /** * Function callback when the Item is dropped. Parameters: * @param {Object} result result @@ -93,11 +98,12 @@ const propTypes = { }; const defaultProps = { + ariaSelectionStyle: 'none', children: [], dividerStyle: 'none', + isTabFocusDisabled: false, paddingStyle: 'none', role: 'none', - ariaSelectionStyle: 'none', }; const List = ({ @@ -112,6 +118,7 @@ const List = ({ role, ariaSelectionStyle, isDraggable, + isTabFocusDisabled, onDragEnd, ...customProps }) => { @@ -238,24 +245,30 @@ const List = ({ const cloneListItem = (ListItem, provider) => React.cloneElement(ListItem, { isDraggable: ListItem?.props?.isSelectable, + isTabFocusDisabled, refCallback: provider.innerRef, ...provider.draggableProps, ...provider.dragHandleProps, }); + const clone = (object) => React.Children.map(object, (listitem) => React.cloneElement(listitem, { + isTabFocusDisabled, + })); + const renderListDom = () => ( // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/role-supports-aria-props
    - {children} + {clone(children)}
); @@ -268,13 +281,14 @@ const List = ({ )} > {(provided) => ( - // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/role-supports-aria-props + /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/role-supports-aria-props */
    { diff --git a/packages/terra-list/src/ListItem.jsx b/packages/terra-list/src/ListItem.jsx index ad01179c0ab..443dde2e2a4 100644 --- a/packages/terra-list/src/ListItem.jsx +++ b/packages/terra-list/src/ListItem.jsx @@ -1,3 +1,4 @@ +/* eslint-disable no-param-reassign */ import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; @@ -99,7 +100,8 @@ const ListItem = ({ ), customProps.className, ); - const { isDraggable } = customProps; + const { isDraggable, isTabFocusDisabled } = customProps; + const attrSpread = {}; const onFocusResponse = intl.formatMessage({ id: 'Terra.list.focus' }); @@ -108,7 +110,7 @@ const ListItem = ({ if (isSelectable) { attrSpread.onClick = ListUtils.wrappedOnClickForItem(onClick, onSelect, metaData); attrSpread.onKeyDown = ListUtils.wrappedOnKeyDownForItem(onKeyDown, onSelect, metaData); - attrSpread.tabIndex = '0'; + attrSpread.tabIndex = (isTabFocusDisabled) ? '-1' : '0'; attrSpread.role = 'option'; attrSpread['aria-selected'] = isSelected; attrSpread['data-item-show-focus'] = 'true'; @@ -119,6 +121,9 @@ const ListItem = ({ attrSpread['aria-describedby'] = responseId; } + delete customProps?.isTabFocusDisabled; + delete customProps?.isDraggable; + return (
  • {(isDraggable) && ( diff --git a/packages/terra-list/tests/jest/ListItem.test.jsx b/packages/terra-list/tests/jest/ListItem.test.jsx index 3468356e116..50e6bbb77ba 100644 --- a/packages/terra-list/tests/jest/ListItem.test.jsx +++ b/packages/terra-list/tests/jest/ListItem.test.jsx @@ -43,6 +43,17 @@ it('should render with callback functions', () => { expect(mockCallBack.mock.calls.length).toEqual(3); }); +it('should render with tabindex -1 when isTabFocusDisabled is set to true', () => { + const mockCallBack = jest.fn(); + + const shallowComponent = shallowWithIntl( + , + ).dive(); + + expect(shallowComponent.prop('tabIndex')).toContain('-1'); + expect(shallowComponent).toMatchSnapshot(); +}); + it('correctly applies the theme context className', () => { const wrapper = mountWithIntl( diff --git a/packages/terra-list/tests/jest/__snapshots__/DraggableList.test.jsx.snap b/packages/terra-list/tests/jest/__snapshots__/DraggableList.test.jsx.snap index e7a509b0f3c..fd282e73640 100644 --- a/packages/terra-list/tests/jest/__snapshots__/DraggableList.test.jsx.snap +++ b/packages/terra-list/tests/jest/__snapshots__/DraggableList.test.jsx.snap @@ -62,6 +62,7 @@ exports[`should render List with items 1`] = ` } } isDraggable={true} + isTabFocusDisabled={false} paddingStyle="none" role="none" > @@ -219,6 +220,7 @@ exports[`should render List with items 1`] = ` draggable={false} isDraggable={true} isSelectable={true} + isTabFocusDisabled={false} key="1" onDragStart={[Function]} onTransitionEnd={null} @@ -270,6 +272,7 @@ exports[`should render List with items 1`] = ` isDraggable={true} isSelectable={true} isSelected={false} + isTabFocusDisabled={false} onDragStart={[Function]} onTransitionEnd={null} refCallback={[Function]} @@ -292,7 +295,6 @@ exports[`should render List with items 1`] = ` data-rbd-draggable-context-id="0" data-rbd-draggable-id="1" draggable={false} - isDraggable={true} onBlur={[Function]} onDragStart={[Function]} onMouseDown={[Function]} @@ -467,6 +469,7 @@ exports[`should render List with items 1`] = ` draggable={false} isDraggable={true} isSelectable={true} + isTabFocusDisabled={false} key="2" onDragStart={[Function]} onTransitionEnd={null} @@ -518,6 +521,7 @@ exports[`should render List with items 1`] = ` isDraggable={true} isSelectable={true} isSelected={false} + isTabFocusDisabled={false} onDragStart={[Function]} onTransitionEnd={null} refCallback={[Function]} @@ -540,7 +544,6 @@ exports[`should render List with items 1`] = ` data-rbd-draggable-context-id="0" data-rbd-draggable-id="2" draggable={false} - isDraggable={true} onBlur={[Function]} onDragStart={[Function]} onMouseDown={[Function]} @@ -674,15 +677,18 @@ exports[`should render List without Draggable items 1`] = ` >
`; @@ -1005,7 +1011,6 @@ exports[`should render Section with items 1`] = ` data-rbd-draggable-context-id="1" data-rbd-draggable-id="123" draggable={false} - isDraggable={true} onBlur={[Function]} onDragStart={[Function]} onMouseDown={[Function]} @@ -1253,7 +1258,6 @@ exports[`should render Section with items 1`] = ` data-rbd-draggable-context-id="1" data-rbd-draggable-id="124" draggable={false} - isDraggable={true} onBlur={[Function]} onDragStart={[Function]} onMouseDown={[Function]} @@ -1699,7 +1703,6 @@ exports[`should render subsection with items 1`] = ` data-rbd-draggable-context-id="2" data-rbd-draggable-id="13" draggable={false} - isDraggable={true} onBlur={[Function]} onDragStart={[Function]} onMouseDown={[Function]} @@ -1947,7 +1950,6 @@ exports[`should render subsection with items 1`] = ` data-rbd-draggable-context-id="2" data-rbd-draggable-id="14" draggable={false} - isDraggable={true} onBlur={[Function]} onDragStart={[Function]} onMouseDown={[Function]} @@ -2195,7 +2197,6 @@ exports[`should render subsection with items 1`] = ` data-rbd-draggable-context-id="2" data-rbd-draggable-id="15" draggable={false} - isDraggable={true} onBlur={[Function]} onDragStart={[Function]} onMouseDown={[Function]} diff --git a/packages/terra-list/tests/jest/__snapshots__/List.test.jsx.snap b/packages/terra-list/tests/jest/__snapshots__/List.test.jsx.snap index 629fbc67cd3..9492845f2a7 100644 --- a/packages/terra-list/tests/jest/__snapshots__/List.test.jsx.snap +++ b/packages/terra-list/tests/jest/__snapshots__/List.test.jsx.snap @@ -66,6 +66,7 @@ exports[`correctly applies the theme context className 1`] = ` "timeZone": null, } } + isTabFocusDisabled={false} paddingStyle="none" role="none" > @@ -201,19 +202,24 @@ exports[`should render with ariaDescription 1`] = ` role="list" > `; @@ -226,19 +232,24 @@ exports[`should render with ariaDescription 2`] = ` role="list" > `; @@ -364,19 +375,24 @@ exports[`should render with bottom only divided items 1`] = ` role="list" > `; @@ -388,19 +404,24 @@ exports[`should render with items 1`] = ` role="list" > `; @@ -414,19 +435,24 @@ exports[`should render with mutli select aria attributes with ariaSelectionStyle role="listbox" > `; @@ -447,19 +473,24 @@ exports[`should render with single select aria attributes with ariaSelectionStyl role="listbox" > `; @@ -471,19 +502,24 @@ exports[`should render with standard divided items 1`] = ` role="list" > `; @@ -495,19 +531,24 @@ exports[`should render with standard padded items 1`] = ` role="list" > `; @@ -519,19 +560,24 @@ exports[`should render with thin padded items 1`] = ` role="list" > `; diff --git a/packages/terra-list/tests/jest/__snapshots__/ListItem.test.jsx.snap b/packages/terra-list/tests/jest/__snapshots__/ListItem.test.jsx.snap index 2ef79f2ab1c..fec5fda5ee6 100644 --- a/packages/terra-list/tests/jest/__snapshots__/ListItem.test.jsx.snap +++ b/packages/terra-list/tests/jest/__snapshots__/ListItem.test.jsx.snap @@ -187,3 +187,23 @@ exports[`should render with selected 1`] = ` /> `; + +exports[`should render with tabindex -1 when isTabFocusDisabled is set to true 1`] = ` +
  • +
    +
  • +`; diff --git a/packages/terra-list/translations/de.json b/packages/terra-list/translations/de.json index e2af5e783ff..0d51ebdbbb9 100644 --- a/packages/terra-list/translations/de.json +++ b/packages/terra-list/translations/de.json @@ -5,5 +5,5 @@ "Terra.list.drag": "Sie haben das Element von Position {startPosition} nach Position {endPosition} verschoben.", "Terra.list.cancelDrag": "Verschiebung abgebrochen. Das Element wurde zurück an seine Ausgangsposition {startPosition} verschoben.", "Terra.list.drop": "Sie haben das Element abgelegt. Sie haben das Element von Position {startPosition} nach Position {endPosition} verschoben.", - "Terra.list.focus": "Leertaste drücken, um mit dem Ziehen zu beginnen. Beim Ziehen können Sie die Pfeiltasten verwenden, um das Element zu verschieben, und die Esc-Taste, um abzubrechen. Stellen Sie sicher, dass Ihre Sprachausgabe im Fokus- oder Formularmodus ist." + "Terra.list.focus": "Leertaste drücken, um mit dem Ziehen zu beginnen. Beim Ziehen können Sie die Pfeiltasten verwenden, um das Element zu verschieben, und die Esc-Taste, um abzubrechen" } diff --git a/packages/terra-list/translations/en-GB.json b/packages/terra-list/translations/en-GB.json index 08426520eab..4d6c1ad9378 100644 --- a/packages/terra-list/translations/en-GB.json +++ b/packages/terra-list/translations/en-GB.json @@ -5,5 +5,5 @@ "Terra.list.drag": "You have moved the item from position {startPosition} to position {endPosition}", "Terra.list.cancelDrag": "Movement cancelled. The item has returned to its starting position of {startPosition}", "Terra.list.drop": "You have dropped the item. You have moved the item from position {startPosition} to {endPosition}", - "Terra.list.focus": "Press SPACE to start a drag. When dragging you can use the arrow keys to move the item around and escape to cancel. Ensure your screen reader is in focus mode or forms mode" + "Terra.list.focus": "Press SPACE to start a drag. When dragging you can use the arrow keys to move the item around and escape to cancel" } diff --git a/packages/terra-list/translations/en.json b/packages/terra-list/translations/en.json index 08426520eab..4d6c1ad9378 100644 --- a/packages/terra-list/translations/en.json +++ b/packages/terra-list/translations/en.json @@ -5,5 +5,5 @@ "Terra.list.drag": "You have moved the item from position {startPosition} to position {endPosition}", "Terra.list.cancelDrag": "Movement cancelled. The item has returned to its starting position of {startPosition}", "Terra.list.drop": "You have dropped the item. You have moved the item from position {startPosition} to {endPosition}", - "Terra.list.focus": "Press SPACE to start a drag. When dragging you can use the arrow keys to move the item around and escape to cancel. Ensure your screen reader is in focus mode or forms mode" + "Terra.list.focus": "Press SPACE to start a drag. When dragging you can use the arrow keys to move the item around and escape to cancel" } diff --git a/packages/terra-list/translations/es.json b/packages/terra-list/translations/es.json index 6baeebff0e6..b7a81dc2f2c 100644 --- a/packages/terra-list/translations/es.json +++ b/packages/terra-list/translations/es.json @@ -5,5 +5,5 @@ "Terra.list.drag": "Ha movido el elemento de la posición {startPosition} a la posición {endPosition}", "Terra.list.cancelDrag": "Se canceló el movimiento. El elemento ha vuelto a su posición inicial {startPosition}", "Terra.list.drop": "Ha soltado el elemento. Ha movido el elemento de la posición {startPosition} a {endPosition}", - "Terra.list.focus": "Presione la barra espaciadora para empezar a arrastrar. Se pueden usar las teclas de flecha para mover el elemento al arrastrar y la tecla Esc para cancelar. Asegúrese de que su lector de pantalla esté en el modo de enfoque o el modo formularios" + "Terra.list.focus": "Presione la barra espaciadora para empezar a arrastrar. Se pueden usar las teclas de flecha para mover el elemento al arrastrar y la tecla Esc para cancelar" } diff --git a/packages/terra-list/translations/fr.json b/packages/terra-list/translations/fr.json index 64749272ac8..11c84211e35 100644 --- a/packages/terra-list/translations/fr.json +++ b/packages/terra-list/translations/fr.json @@ -5,5 +5,5 @@ "Terra.list.drag": "Vous avez déplacé l'élément de la position {startPosition} à {endPosition}.", "Terra.list.cancelDrag": "Déplacement annulé. L'élément est revenu à sa position initiale {startPosition}.", "Terra.list.drop": "Vous avez déposé l'élément. Vous avez déplacé l'élément de la position {startPosition} à {endPosition}.", - "Terra.list.focus": "Appuyez sur la barre d'espace pour faire glisser. Lorsque vous faites glisser un élément, vous pouvez utiliser les touches fléchées pour le déplacer et la touche Échappement pour annuler. Assurez-vous que votre lecteur d'écran est en mode Focus ou en mode Formulaires." + "Terra.list.focus": "Appuyez sur la barre d'espace pour faire glisser. Lorsque vous faites glisser un élément, vous pouvez utiliser les touches fléchées pour le déplacer et la touche Échappement pour annuler" } diff --git a/packages/terra-list/translations/nl.json b/packages/terra-list/translations/nl.json index 0269dce25cb..192fa534a64 100644 --- a/packages/terra-list/translations/nl.json +++ b/packages/terra-list/translations/nl.json @@ -5,5 +5,5 @@ "Terra.list.drag": "U heeft het item van positie {startPosition} naar positie {endPosition} verplaatst", "Terra.list.cancelDrag": "Verplaatsing geannuleerd. Het item is teruggezet naar startpositie {startPosition}.", "Terra.list.drop": "U heeft het item neergezet. U heeft het item van positie {startPosition} naar {endPosition} verplaatst.", - "Terra.list.focus": "Druk op de spatiebalk om een sleepactie te starten. U kunt tijdens het slepen de pijltoetsen gebruiken om het item te verplaatsen. Druk op Escape om te annuleren. Zorg dat de schermlezer in de focus- of formulierenmodus is." + "Terra.list.focus": "Druk op de spatiebalk om een sleepactie te starten. U kunt tijdens het slepen de pijltoetsen gebruiken om het item te verplaatsen. Druk op Escape om te annuleren" } diff --git a/packages/terra-list/translations/pt.json b/packages/terra-list/translations/pt.json index e2ea36b0650..c139f3eea7f 100644 --- a/packages/terra-list/translations/pt.json +++ b/packages/terra-list/translations/pt.json @@ -5,5 +5,5 @@ "Terra.list.drag": "Você moveu o item da posição {startPosition} para a posição {endPosition}", "Terra.list.cancelDrag": "Movimento cancelado. O item retornou para sua posição inicial de {startPosition}", "Terra.list.drop": "Você desceu o item. Você moveu o item da posição {startPosition} para a posição {endPosition}", - "Terra.list.focus": "Pressione a barra de espaço para arrastar. Ao fazer a seleção, você pode usar as teclas de seta para mover o item ou Esc para cancelar a seleção. Certifique-se de que seu leitor de tela esteja no modo foco ou formas" + "Terra.list.focus": "Pressione a barra de espaço para arrastar. Ao fazer a seleção, você pode usar as teclas de seta para mover o item ou Esc para cancelar a seleção" } diff --git a/packages/terra-list/translations/sv.json b/packages/terra-list/translations/sv.json index 769d2b343ac..60c9235d91c 100644 --- a/packages/terra-list/translations/sv.json +++ b/packages/terra-list/translations/sv.json @@ -5,5 +5,5 @@ "Terra.list.drag": "Du har flyttat objektet från plats {startPosition} till plats {endPosition}", "Terra.list.cancelDrag": "Förflyttningen avbröts. Objektet har återgått till startplats {startPosition}", "Terra.list.drop": "Du har tappat objektet. Du har flyttat objektet från plats {startPosition} till plats {endPosition}", - "Terra.list.focus": "Börja dra genom att trycka på blankstegstangenten. När du drar kan du flytta objektet genom att använda piltangenterna och avbryta genom att trycka på Esc-tangenten. Se till att skärmläsaren är i fokusläge eller formulärläge" + "Terra.list.focus": "Börja dra genom att trycka på blankstegstangenten. När du drar kan du flytta objektet genom att använda piltangenterna och avbryta genom att trycka på Esc-tangenten" } diff --git a/packages/terra-paginator/CHANGELOG.md b/packages/terra-paginator/CHANGELOG.md index e7f39efef03..af5c441c693 100644 --- a/packages/terra-paginator/CHANGELOG.md +++ b/packages/terra-paginator/CHANGELOG.md @@ -2,14 +2,16 @@ ## Unreleased +## 2.87.0 - (October 26, 2023) + +* Changed + * Updated all Paginator visually hidden text's aria-relevant attribute. + ## 2.86.0 - (October 3, 2023) * Added * Added `hidePageCount` prop to hide page count provided by paginator. -* Changed - * Updated all Paginator visually hidden text's aria-relevant attribute. - ## 2.85.0 - (September 19, 2023) * Added diff --git a/packages/terra-paginator/package.json b/packages/terra-paginator/package.json index e89e645a664..16e64488d5f 100644 --- a/packages/terra-paginator/package.json +++ b/packages/terra-paginator/package.json @@ -1,7 +1,7 @@ { "name": "terra-paginator", "main": "lib/Paginator.js", - "version": "2.86.0", + "version": "2.87.0", "description": "Paginator to be used for data sets of known and unknown size. Provides first, last, previous, next, and paged functionality.", "repository": { "type": "git", diff --git a/packages/terra-search-field/CHANGELOG.md b/packages/terra-search-field/CHANGELOG.md index bdfaa2ea39f..49b002732b2 100644 --- a/packages/terra-search-field/CHANGELOG.md +++ b/packages/terra-search-field/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 3.95.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 3.94.0 - (October 16, 2023) * Changed diff --git a/packages/terra-search-field/package.json b/packages/terra-search-field/package.json index 1d66696475b..cff112b20a8 100644 --- a/packages/terra-search-field/package.json +++ b/packages/terra-search-field/package.json @@ -1,7 +1,7 @@ { "name": "terra-search-field", "main": "lib/SearchField.js", - "version": "3.94.0", + "version": "3.95.0", "description": "A search component with a field that automatically performs a search callback after user input.", "repository": { "type": "git", @@ -30,7 +30,7 @@ "classnames": "^2.2.5", "keycode-js": "^3.1.0", "prop-types": "^15.5.8", - "terra-button": "^3.68.2", + "terra-button": "^3.69.0", "terra-icon": "^3.58.0", "terra-mixins": "^1.40.0", "terra-theme-context": "^1.0.0" diff --git a/packages/terra-section-header/CHANGELOG.md b/packages/terra-section-header/CHANGELOG.md index 945f43ed712..0ef19f5cd29 100644 --- a/packages/terra-section-header/CHANGELOG.md +++ b/packages/terra-section-header/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 2.63.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 2.62.0 - (August 23, 2023) * Changed diff --git a/packages/terra-section-header/package.json b/packages/terra-section-header/package.json index c02bfe016de..01548fc2999 100644 --- a/packages/terra-section-header/package.json +++ b/packages/terra-section-header/package.json @@ -1,7 +1,7 @@ { "name": "terra-section-header", "main": "lib/SectionHeader.js", - "version": "2.62.0", + "version": "2.63.0", "description": "Section Header component that contains text and can be optionally interacted with.", "repository": { "type": "git", @@ -29,7 +29,7 @@ "classnames": "^2.2.5", "keycode-js": "^3.1.0", "prop-types": "^15.5.8", - "terra-arrange": "^3.53.0", + "terra-arrange": "^3.54.0", "terra-mixins": "^1.40.0", "terra-theme-context": "^1.0.0" }, diff --git a/packages/terra-status-view/CHANGELOG.md b/packages/terra-status-view/CHANGELOG.md index bb4a7c26045..7c3a9a9bf1e 100644 --- a/packages/terra-status-view/CHANGELOG.md +++ b/packages/terra-status-view/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 4.67.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 4.66.0 - (October 16, 2023) * Changed diff --git a/packages/terra-status-view/package.json b/packages/terra-status-view/package.json index 920a14c4f07..882300310aa 100644 --- a/packages/terra-status-view/package.json +++ b/packages/terra-status-view/package.json @@ -1,7 +1,7 @@ { "name": "terra-status-view", "main": "lib/StatusView.js", - "version": "4.66.0", + "version": "4.67.0", "description": "The status view component provides an icon, title, message, and buttons inside a view.", "repository": { "type": "git", @@ -43,7 +43,7 @@ "classnames": "^2.2.5", "lodash.uniqueid": "^4.0.1", "prop-types": "^15.5.8", - "terra-button": "^3.68.2", + "terra-button": "^3.69.0", "terra-divider": "^3.38.0", "terra-icon": "^3.58.0", "terra-mixins": "^1.40.0", diff --git a/packages/terra-status/CHANGELOG.md b/packages/terra-status/CHANGELOG.md index 6643f5f406a..b28143b6ca7 100644 --- a/packages/terra-status/CHANGELOG.md +++ b/packages/terra-status/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 4.61.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 4.60.0 - (October 16, 2023) * Changed diff --git a/packages/terra-status/package.json b/packages/terra-status/package.json index 8ae9b3c236e..b761f106ef0 100644 --- a/packages/terra-status/package.json +++ b/packages/terra-status/package.json @@ -1,7 +1,7 @@ { "name": "terra-status", "main": "lib/Status.js", - "version": "4.60.0", + "version": "4.61.0", "description": "The status component provides a customizable color indictor to signify a specific condition.", "repository": { "type": "git", @@ -41,7 +41,7 @@ "dependencies": { "classnames": "^2.2.5", "prop-types": "^15.5.8", - "terra-arrange": "^3.53.0", + "terra-arrange": "^3.54.0", "terra-icon": "^3.58.0", "terra-visually-hidden-text": "^2.36.0" } diff --git a/packages/terra-text/CHANGELOG.md b/packages/terra-text/CHANGELOG.md index 990585c0b61..01e7838aa11 100644 --- a/packages/terra-text/CHANGELOG.md +++ b/packages/terra-text/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 4.54.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 4.53.0 - (August 23, 2023) * Changed diff --git a/packages/terra-text/package.json b/packages/terra-text/package.json index 95dc40b118c..9a01701b434 100644 --- a/packages/terra-text/package.json +++ b/packages/terra-text/package.json @@ -1,7 +1,7 @@ { "name": "terra-text", "main": "lib/Text.js", - "version": "4.53.0", + "version": "4.54.0", "description": "The font size, font weight, font family, and font color in terra components are set to defaults in terra-base which is then inherited into all components. Components can override these base styles as needed in their specific component CSS. In some cases, you may need text that differs from the base font styles, though, the text doesn't belong to a specific component. In these cases, the text component may be helpful. Using terra-text, you can create text that differs from the base text styles by changing the font size, font weight, and color. However, there are some drawbacks to be aware of with this component. The styles set with this component are not themable and will be static. If this is a concern, we recommend building a custom component that handles your font styles that need to differ from the base font styles so you can control the themability of them.", "repository": { "type": "git", @@ -29,7 +29,7 @@ "dependencies": { "classnames": "^2.2.5", "prop-types": "^15.5.8", - "terra-arrange": "^3.53.0", + "terra-arrange": "^3.54.0", "terra-theme-context": "^1.0.0" }, "scripts": { diff --git a/packages/terra-toggle-button/CHANGELOG.md b/packages/terra-toggle-button/CHANGELOG.md index 15cd6a48be5..af38e9a4692 100644 --- a/packages/terra-toggle-button/CHANGELOG.md +++ b/packages/terra-toggle-button/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 3.79.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 3.78.0 - (October 16, 2023) * Changed diff --git a/packages/terra-toggle-button/package.json b/packages/terra-toggle-button/package.json index ceb140ee88f..9fd050cba14 100644 --- a/packages/terra-toggle-button/package.json +++ b/packages/terra-toggle-button/package.json @@ -1,7 +1,7 @@ { "name": "terra-toggle-button", "main": "lib/ToggleButton.js", - "version": "3.78.0", + "version": "3.79.0", "description": "Toggle button component that transitions content in and out with the click on a button.", "repository": { "type": "git", @@ -28,7 +28,7 @@ "dependencies": { "classnames": "^2.2.5", "prop-types": "^15.5.8", - "terra-button": "^3.68.2", + "terra-button": "^3.69.0", "terra-icon": "^3.58.0", "terra-toggle": "^3.60.0" }, diff --git a/packages/terra-toggle-section-header/CHANGELOG.md b/packages/terra-toggle-section-header/CHANGELOG.md index dbd5e2654db..686aa06a87d 100644 --- a/packages/terra-toggle-section-header/CHANGELOG.md +++ b/packages/terra-toggle-section-header/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 2.71.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 2.70.0 - (October 16, 2023) * Changed diff --git a/packages/terra-toggle-section-header/package.json b/packages/terra-toggle-section-header/package.json index 3508db74f09..acf53878838 100644 --- a/packages/terra-toggle-section-header/package.json +++ b/packages/terra-toggle-section-header/package.json @@ -1,7 +1,7 @@ { "name": "terra-toggle-section-header", "main": "lib/ToggleSectionHeader.js", - "version": "2.70.0", + "version": "2.71.0", "description": "Toggle section header component that transitions content in and out with a click on the header.", "repository": { "type": "git", @@ -29,7 +29,7 @@ "classnames": "^2.2.5", "prop-types": "^15.5.8", "terra-mixins": "^1.40.0", - "terra-section-header": "^2.62.0", + "terra-section-header": "^2.63.0", "terra-toggle": "^3.60.0" }, "scripts": { diff --git a/packages/terra-toolbar/CHANGELOG.md b/packages/terra-toolbar/CHANGELOG.md index cf4b161dafa..ffef0f572c0 100644 --- a/packages/terra-toolbar/CHANGELOG.md +++ b/packages/terra-toolbar/CHANGELOG.md @@ -2,6 +2,11 @@ ## Unreleased +## 1.39.0 - (October 23, 2023) + +* Changed + * Minor dependency version bump + ## 1.38.0 - (October 3, 2023) * Changed diff --git a/packages/terra-toolbar/package.json b/packages/terra-toolbar/package.json index 1d76391aea5..57c59a69eb9 100644 --- a/packages/terra-toolbar/package.json +++ b/packages/terra-toolbar/package.json @@ -1,7 +1,7 @@ { "name": "terra-toolbar", "main": "lib/Toolbar.js", - "version": "1.38.0", + "version": "1.39.0", "description": "The terra-toolbar component is used to display bar containing items such as buttons, button groups, and links.", "repository": { "type": "git", @@ -26,7 +26,7 @@ "react-dom": "^16.8.5" }, "devDependencies": { - "terra-button": "^3.68.2" + "terra-button": "^3.69.0" }, "dependencies": { "classnames": "^2.2.5",