diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout.png index 66426fa77a..562e25d4f3 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_nav_icons.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_nav_icons.png index d8546b9392..2ca21467b2 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_nav_icons.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_nav_icons.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_no_header_content.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_no_header_content.png index 0fea8fdfba..f04c130835 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_no_header_content.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_no_header_content.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_top_navigation_tabs.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_top_navigation_tabs.png index 59ce205d9e..7ad80bd24b 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_top_navigation_tabs.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/application_layout_with_top_navigation_tabs.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/checks_for_closure_on_read-only_item_click.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/checks_for_closure_on_read-only_item_click.png index c2bb82a1b8..fc05760c46 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/checks_for_closure_on_read-only_item_click.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/checks_for_closure_on_read-only_item_click.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/presents_utility_menu_from_header.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/presents_utility_menu_from_header.png index c2bb82a1b8..fc05760c46 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/presents_utility_menu_from_header.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/application-layout-spec/presents_utility_menu_from_header.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png index 6510c298f7..4753bc286e 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png index f8451c4701..d75dad0fed 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/toggles_menu_when_small.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/toggles_menu_when_small.png index 1357ad7a6f..9fbdf1b9c4 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/toggles_menu_when_small.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_small/application-layout-spec/toggles_menu_when_small.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout.png index cb70e7fc40..32c4462443 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_nav_icons.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_nav_icons.png index cb70e7fc40..32c4462443 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_nav_icons.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_nav_icons.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png index 112d6f037a..cd432fae7e 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_top_navigation_tabs.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_top_navigation_tabs.png index cb70e7fc40..32c4462443 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_top_navigation_tabs.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/application_layout_with_top_navigation_tabs.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png index ae74c3b847..6395008710 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png index 974939c1eb..fe62ff4c77 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_small/application-layout-spec/application_layout_with_no_header_content.png differ diff --git a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png index 57eb5ff271..d2d13eb5bf 100644 Binary files a/packages/terra-application-layout/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png and b/packages/terra-application-layout/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_small/application-layout-spec/renders_primary_nav_menu_when_small.png differ diff --git a/packages/terra-navigation-side-menu/CHANGELOG.md b/packages/terra-navigation-side-menu/CHANGELOG.md index 2b60cca9b8..af05b654b2 100644 --- a/packages/terra-navigation-side-menu/CHANGELOG.md +++ b/packages/terra-navigation-side-menu/CHANGELOG.md @@ -2,6 +2,9 @@ ## Unreleased +* Changed + * Changed styles for selected item background color styles + ## 2.55.0 - (May 1, 2024) * Updated diff --git a/packages/terra-navigation-side-menu/src/MenuItem.module.scss b/packages/terra-navigation-side-menu/src/MenuItem.module.scss index 161a09f4c8..4118e08d38 100644 --- a/packages/terra-navigation-side-menu/src/MenuItem.module.scss +++ b/packages/terra-navigation-side-menu/src/MenuItem.module.scss @@ -87,7 +87,7 @@ &.is-selected { background-attachment: var(--terra-navigation-side-menu-item-selected-background-attachment); - background-color: var(--terra-navigation-side-menu-item-selected-background-color, #f4f4f4); + background-color: var(--terra-navigation-side-menu-item-selected-background-color, darken(#ebf6fd, 2%)); background-image: var(--terra-navigation-side-menu-item-selected-background-image); background-size: var(--terra-navigation-side-menu-item-selected-background-size); border-left: var(--terra-navigation-side-menu-item-selected-border-left, 0.5rem solid #007cc3); @@ -112,7 +112,7 @@ &:hover, &.is-hovered { - background-color: var(--terra-navigation-side-menu-item-selected-hover-background-color, #f4f4f4); + background-color: var(--terra-navigation-side-menu-item-selected-hover-background-color, darken(#ebf6fd, 2%)); color: var(--terra-navigation-side-menu-item-selected-hover-color); /* stylelint-disable-next-line max-nesting-depth */ diff --git a/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx b/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx index 1aab372f2c..1ef141fd9f 100644 --- a/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx +++ b/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx @@ -365,7 +365,7 @@ class NavigationSideMenu extends Component { } let header; - if (this.onBack || !currentItem.isRootMenu) { + if (this.onBack || (currentItem && !currentItem.isRootMenu)) { header = ( <li role="none"> <div @@ -396,7 +396,7 @@ class NavigationSideMenu extends Component { aria-relevant="additions text" refCallback={this.setVisuallyHiddenComponent} /> - <ContentContainer {...customProps} fill className={sideMenuContentContainerClassNames}> + <ContentContainer {...customProps} className={sideMenuContentContainerClassNames}> <nav role="navigation" aria-label={this.props.ariaLabel}> <ul role="menu" ref={(refobj) => this.handleMenuListRef(refobj)} className={cx(['side-menu-list'])}> {header} diff --git a/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss b/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss index 3d642bf4e4..ad391ecfa9 100644 --- a/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss +++ b/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss @@ -6,6 +6,8 @@ .side-menu-content-container { background-color: var(--terra-navigation-side-menu-content-container-background-color); overflow: hidden; + height: 100%; + width: 100%; > :nth-child(1) { background-color: var(--terra-navigation-side-menu-content-container-header-background-color); diff --git a/packages/terra-navigation-side-menu/src/_MenuItem.jsx b/packages/terra-navigation-side-menu/src/_MenuItem.jsx index 4e285728c5..44c36c7b14 100644 --- a/packages/terra-navigation-side-menu/src/_MenuItem.jsx +++ b/packages/terra-navigation-side-menu/src/_MenuItem.jsx @@ -100,7 +100,7 @@ class MenuItem extends React.Component { const itemClassNames = classNames(cx( 'menu-item', - { 'is-selected': isSelected }, + { 'is-selected': isSelected && !hasChevron }, { 'is-active': this.state.active }, theme.className, ), diff --git a/packages/terra-navigation-side-menu/src/clinical-lowlight-theme/NavigationSideMenuItem.module.scss b/packages/terra-navigation-side-menu/src/clinical-lowlight-theme/NavigationSideMenuItem.module.scss index 35080dc8e7..125bbc414a 100644 --- a/packages/terra-navigation-side-menu/src/clinical-lowlight-theme/NavigationSideMenuItem.module.scss +++ b/packages/terra-navigation-side-menu/src/clinical-lowlight-theme/NavigationSideMenuItem.module.scss @@ -6,7 +6,7 @@ --terra-navigation-side-menu-list-item-border-right: none; --terra-navigation-side-menu-list-item-border-top: none; - --terra-navigation-side-menu-item-active-background-color: #2d3539; + --terra-navigation-side-menu-item-active-background-color: #1e3a49; --terra-navigation-side-menu-item-active-chevron-color: #c5c5c6; --terra-navigation-side-menu-item-border-bottom: none; --terra-navigation-side-menu-item-border-left: none; @@ -17,13 +17,13 @@ --terra-navigation-side-menu-item-chevron-padding-left: 0.7143rem; --terra-navigation-side-menu-item-chevron-width: 0.8em; --terra-navigation-side-menu-item-color: #b2b5b6; - --terra-navigation-side-menu-item-focus-background-color: #2d3539; + --terra-navigation-side-menu-item-focus-background-color: #1e3a49; --terra-navigation-side-menu-item-focus-box-shadow: inset 0 0 0 1px #4a90e2, inset 0 0 0 4px rgba(0, 0, 0, 0.3); --terra-navigation-side-menu-item-font-size: 1.071rem; --terra-navigation-side-menu-item-font-weight: normal; --terra-navigation-side-menu-item-line-height: 1.42857; --terra-navigation-side-menu-item-focus-chevron-color: #c5c5c6; - --terra-navigation-side-menu-item-hover-background-color: #2d3539; + --terra-navigation-side-menu-item-hover-background-color: #1e3a49; --terra-navigation-side-menu-item-hover-chevron-color: #c5c5c6; --terra-navigation-side-menu-item-hover-color: #b2b5b6; --terra-navigation-side-menu-item-padding-bottom: 0.8225rem; @@ -31,19 +31,19 @@ --terra-navigation-side-menu-item-padding-right: 0.7143rem; --terra-navigation-side-menu-item-padding-top: 0.8225rem; --terra-navigation-side-menu-item-selected-background-attachment: none; - --terra-navigation-side-menu-item-selected-background-color: #2d3539; + --terra-navigation-side-menu-item-selected-background-color: #004c76; --terra-navigation-side-menu-item-selected-background-image: none; --terra-navigation-side-menu-item-selected-before-background-image: none; --terra-navigation-side-menu-item-selected-background-size: auto; --terra-navigation-side-menu-item-selected-border-left: 4px solid #3496cf; --terra-navigation-side-menu-item-selected-chevron-color: #c5c5c6; --terra-navigation-side-menu-item-selected-color: #b2b5b6; - --terra-navigation-side-menu-item-selected-focus-background-color: #2d3539; + --terra-navigation-side-menu-item-selected-focus-background-color: #1e3a49; --terra-navigation-side-menu-item-selected-focus-chevron-color: #c5c5c6; --terra-navigation-side-menu-item-selected-focus-color: #b2b5b6; + --terra-navigation-side-menu-item-selected-hover-background-color: #1e3a49; --terra-navigation-side-menu-item-selected-font-weight: 600; --terra-navigation-side-menu-item-selected-padding-left: 0.7143rem; - --terra-navigation-side-menu-item-selected-hover-background-color: #2d3539; --terra-navigation-side-menu-item-selected-hover-chevron-color: #c5c5c6; --terra-navigation-side-menu-item-selected-hover-color: #b2b5b6; --terra-navigation-side-menu-item-text-transform: none; diff --git a/packages/terra-navigation-side-menu/src/orion-fusion-theme/NavigationSideMenuItem.module.scss b/packages/terra-navigation-side-menu/src/orion-fusion-theme/NavigationSideMenuItem.module.scss index 443b8dcff1..eb83d652be 100644 --- a/packages/terra-navigation-side-menu/src/orion-fusion-theme/NavigationSideMenuItem.module.scss +++ b/packages/terra-navigation-side-menu/src/orion-fusion-theme/NavigationSideMenuItem.module.scss @@ -6,7 +6,7 @@ --terra-navigation-side-menu-list-item-border-right: none; --terra-navigation-side-menu-list-item-border-top: none; - --terra-navigation-side-menu-item-active-background-color: #f5fafe; + --terra-navigation-side-menu-item-active-background-color: #f4fafe; --terra-navigation-side-menu-item-active-chevron-color: #bcbfc0; --terra-navigation-side-menu-item-border-bottom: none; --terra-navigation-side-menu-item-border-left: none; @@ -31,7 +31,7 @@ --terra-navigation-side-menu-item-padding-right: 0.7143rem; --terra-navigation-side-menu-item-padding-top: 0.8225rem; --terra-navigation-side-menu-item-selected-background-attachment: none; - --terra-navigation-side-menu-item-selected-background-color: #f4f4f4; + --terra-navigation-side-menu-item-selected-background-color: #e2f2fc; --terra-navigation-side-menu-item-selected-background-image: none; --terra-navigation-side-menu-item-selected-before-background-image: none; --terra-navigation-side-menu-item-selected-background-size: auto; @@ -43,7 +43,7 @@ --terra-navigation-side-menu-item-selected-focus-color: #1c1f21; --terra-navigation-side-menu-item-selected-font-weight: 600; --terra-navigation-side-menu-item-selected-padding-left: 0.7143rem; - --terra-navigation-side-menu-item-selected-hover-background-color: #f4f4f4; + --terra-navigation-side-menu-item-selected-hover-background-color: #f4fafe; --terra-navigation-side-menu-item-selected-hover-chevron-color: #909496; --terra-navigation-side-menu-item-selected-hover-color: #1c1f21; --terra-navigation-side-menu-item-text-transform: none; diff --git a/packages/terra-navigation-side-menu/tests/jest/__snapshots__/NavigationSideMenu.test.jsx.snap b/packages/terra-navigation-side-menu/tests/jest/__snapshots__/NavigationSideMenu.test.jsx.snap index ab3cff8482..74048f8dc0 100644 --- a/packages/terra-navigation-side-menu/tests/jest/__snapshots__/NavigationSideMenu.test.jsx.snap +++ b/packages/terra-navigation-side-menu/tests/jest/__snapshots__/NavigationSideMenu.test.jsx.snap @@ -147,7 +147,7 @@ exports[`Layout correctly applies the theme context className 1`] = ` </VisuallyHiddenText> <ContentContainer className="side-menu-content-container orion-fusion-theme" - fill={true} + fill={false} intl={ Object { "defaultFormats": Object {}, @@ -178,7 +178,7 @@ exports[`Layout correctly applies the theme context className 1`] = ` setFocusOnContainer={false} > <div - className="content-container-fill side-menu-content-container orion-fusion-theme" + className="content-container-static side-menu-content-container orion-fusion-theme" intl={ Object { "defaultFormats": Object {}, @@ -701,7 +701,7 @@ exports[`Layout should render a NavigationSideMenu with ariaLabel 1`] = ` <ContentContainer ariaLabel="Sub Menu List" className="side-menu-content-container" - fill={true} + fill={false} intl={ Object { "defaultFormats": Object {}, @@ -733,7 +733,7 @@ exports[`Layout should render a NavigationSideMenu with ariaLabel 1`] = ` > <div ariaLabel="Sub Menu List" - className="content-container-fill side-menu-content-container" + className="content-container-static side-menu-content-container" intl={ Object { "defaultFormats": Object {}, diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused.png index 1f2abcc0d4..8249db66da 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png index ebaeb2cf46..8249db66da 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/hover_navigation_side_menu_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/hover_navigation_side_menu_display.png index e4f81b6f75..860a0ff0b0 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/hover_navigation_side_menu_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/hover_navigation_side_menu_display.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/navigation_side_menu_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/navigation_side_menu_display.png index 5a080452b7..e144d1b78d 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/navigation_side_menu_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/navigation_side_menu_display.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/navigation_side_menu_display_with_toolbar.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/navigation_side_menu_display_with_toolbar.png index 63241bc6b1..a83dcb69c3 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/navigation_side_menu_display_with_toolbar.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/navigation_side_menu_display_with_toolbar.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png index 9b8f209298..5687b927f0 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png index 58a6d6e401..9a906ee53b 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/submenu_header_focused_with_right_arrow.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/submenu_header_focused_with_right_arrow.png index fc49b4f651..073b7cd6d7 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/submenu_header_focused_with_right_arrow.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/submenu_header_focused_with_right_arrow.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png index de81a7b86a..0780a44c1a 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png index 8429dbad0a..2f17a4ebb9 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png index 03e2b6311d..11ff52c8b9 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png index 2bea487a68..77cc5b99b6 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/first_menu_item_focused_with_left_arrow.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png index 3083588bde..d968fbba80 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/second_menu_item_focused.png differ diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png index 9321ef8b66..426946ccc6 100644 Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/selected_navigation_side_menu_display.png differ