diff --git a/packages/terra-framework-docs/CHANGELOG.md b/packages/terra-framework-docs/CHANGELOG.md
index 3cf77b8b342..5acca1f0993 100644
--- a/packages/terra-framework-docs/CHANGELOG.md
+++ b/packages/terra-framework-docs/CHANGELOG.md
@@ -2,6 +2,9 @@
## Unreleased
+* Changed
+ * Updated example for drill-in view under `terra-navigation-side-menu`.
+
## 1.89.1 - (May 20, 2024)
* Fixed
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/navigation-side-menu/example/DrillInExample.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/navigation-side-menu/example/DrillInExample.jsx
index 0659bfefd42..5857e9729ea 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/navigation-side-menu/example/DrillInExample.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/navigation-side-menu/example/DrillInExample.jsx
@@ -45,7 +45,7 @@ class DrillInDefault extends React.Component {
},
{ key: 'subsubmenu2', text: 'Laboratory' },
{
- key: 'subsubmenu3', text: 'Rehabilitation services', childKeys: ['rehab1', 'rehab2', 'rehab3'], icon: ,
+ key: 'subsubmenu3', text: 'Rehabilitation services', childKeys: ['rehab1', 'rehab2', 'rehab3'], icon: ,
},
{ key: 'rehab1', text: 'Rehabilitation services 1' },
{ key: 'rehab2', text: 'Rehabilitation services 2' },
@@ -56,6 +56,7 @@ class DrillInDefault extends React.Component {
selectedChildKey={this.state.selectedChildKey}
ariaLabel="Sub Menu List"
variant={VARIANTS.DRILL_IN}
+ headerLevel={3}
/>
);
diff --git a/packages/terra-navigation-side-menu/CHANGELOG.md b/packages/terra-navigation-side-menu/CHANGELOG.md
index a28be3bb128..f1f3f7caf1e 100644
--- a/packages/terra-navigation-side-menu/CHANGELOG.md
+++ b/packages/terra-navigation-side-menu/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+* Added
+ * Added headerLevel prop for the title of the menu.
+ * Added missing A11y attributes.
+
## 2.58.1 - (May 20, 2024)
* Fixed
diff --git a/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx b/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx
index 3e859078fe2..e434909cbbc 100644
--- a/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx
+++ b/packages/terra-navigation-side-menu/src/NavigationSideMenu.jsx
@@ -24,6 +24,10 @@ const propTypes = {
* String that labels the navigation menu for screen readers.
*/
ariaLabel: PropTypes.string,
+ /**
+ * The heading level for the title of the menu.
+ */
+ headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),
/**
* An array of configuration for each menu item.
*/
@@ -96,6 +100,7 @@ const propTypes = {
const defaultProps = {
menuItems: [],
variant: VARIANTS.NAVIGATION_SIDE_MENU,
+ headerLevel: 3,
};
const processMenuItems = (menuItems, variant) => {
@@ -257,6 +262,16 @@ class NavigationSideMenu extends Component {
const listMenuItems = this.menuContainer && this.menuContainer.querySelectorAll('[data-menu-item]');
const currentIndex = Array.from(listMenuItems).indexOf(event.target);
const lastIndex = listMenuItems.length - 1;
+
+ if (event.nativeEvent.keyCode === KeyCode.KEY_ESCAPE) {
+ const parentKey = this.state.parents[this.props.selectedMenuKey];
+ if (parentKey) {
+ this.handleBackClick(event);
+ } else if (this.props.routingStackBack) {
+ this.props.routingStackBack();
+ }
+ }
+
if (event.nativeEvent.keyCode === KeyCode.KEY_SPACE || event.nativeEvent.keyCode === KeyCode.KEY_RETURN) {
event.preventDefault();
if (!item.isDisabled) {
@@ -379,6 +394,7 @@ class NavigationSideMenu extends Component {
selectedMenuKey,
toolbar,
variant,
+ headerLevel,
...customProps
} = this.props;
const currentItem = this.state.items[selectedMenuKey];
@@ -388,6 +404,8 @@ class NavigationSideMenu extends Component {
theme.className,
]);
+ const HeaderElement = `h${headerLevel}`;
+
const parentKey = this.state.parents[selectedMenuKey];
if (parentKey) {
this.onBack = this.handleBackClick;
@@ -400,6 +418,12 @@ class NavigationSideMenu extends Component {
theme.className,
]);
+ const titleStyles = cx([
+ 'title',
+ { 'nav-side-menu-title': (variant === VARIANTS.NAVIGATION_SIDE_MENU) },
+ { 'drill-in-title': (variant === VARIANTS.DRILL_IN) },
+ ]);
+
let header;
if (this.onBack || (currentItem && !currentItem.isRootMenu)) {
header = (
@@ -413,9 +437,10 @@ class NavigationSideMenu extends Component {
onKeyDown={this.handleBackKeydown}
onClick={this.onBack}
data-navigation-side-menu
+ aria-label={currentItem ? currentItem.text : null}
>
{(this.onBack) ? : null}
-
{currentItem ? currentItem.text : null}
+ {currentItem ? currentItem.text : null}
{toolbar}
diff --git a/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss b/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss
index dd4504a15a8..ebdd0bc199e 100644
--- a/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss
+++ b/packages/terra-navigation-side-menu/src/NavigationSideMenu.module.scss
@@ -75,8 +75,6 @@
.title {
color: var(--terra-navigation-side-menu-header-color);
- font-size: var(--terra-navigation-side-menu-font-size, 1.10714rem);
- font-weight: var(--terra-navigation-side-menu-font-weight, 500);
hyphens: auto;
margin: 5px;
overflow-wrap: break-word; /* Modern browsers */
@@ -84,4 +82,13 @@
width: 100%;
word-wrap: break-word; /* For IE 10 and IE 11 */
}
+
+ .nav-side-menu-title {
+ font-size: var(--terra-navigation-side-menu-font-size, 1.10714rem);
+ font-weight: var(--terra-navigation-side-menu-font-weight, 500);
+ }
+
+ .drill-in-title {
+ font-weight: 700;
+ }
}
diff --git a/packages/terra-navigation-side-menu/src/_MenuItem.jsx b/packages/terra-navigation-side-menu/src/_MenuItem.jsx
index b7e37ec299a..1bbda137057 100644
--- a/packages/terra-navigation-side-menu/src/_MenuItem.jsx
+++ b/packages/terra-navigation-side-menu/src/_MenuItem.jsx
@@ -120,7 +120,7 @@ class MenuItem extends React.Component {
} = this.props;
const theme = this.context;
- const itemIcon = hasChevron && !icon ? : (icon || );
+ const itemIcon = hasChevron && !icon ? : (icon || );
const itemClassNames = classNames(cx(
'menu-item',
@@ -137,6 +137,14 @@ class MenuItem extends React.Component {
{ 'is-disabled': isDisabled },
);
+ const ariaAttributes = {};
+ ariaAttributes['aria-haspopup'] = hasChevron;
+ ariaAttributes['aria-disabled'] = isDisabled;
+
+ if (hasChevron) {
+ ariaAttributes['aria-expanded'] = !hasChevron;
+ }
+
return (
{variant === VARIANTS.DRILL_IN && itemIcon && {itemIcon}}
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 009bc5e52de..d5461b74675 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
@@ -71,6 +71,7 @@ exports[`Layout correctly applies the theme context className 1`] = `
selectedMenuKey="menu"
>
-
Test Menu
-
+
-
Test Menu
-
+
-
Test Menu
-
+
+
+ Terra.navigation.side.menu.document
+
@@ -1602,11 +1616,13 @@ exports[`Layout should render a drill-in variant of NavigationSideMenu with sele
className="icon"
>
+
+ Terra.navigation.side.menu.document
+
@@ -1704,11 +1722,13 @@ exports[`Layout should render a drill-in variant of NavigationSideMenu with sele
className="icon"
>
+
+ Terra.navigation.side.menu.document
+
@@ -1806,11 +1828,13 @@ exports[`Layout should render a drill-in variant of NavigationSideMenu with sele
className="icon"
>
+
+ Terra.navigation.side.menu.document
+
diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_with_right_arrow.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_with_right_arrow.png
index 366db69c6e0..2afe39d3bb1 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_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/displays_drill-in_items_in_folder_with_right_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/displays_no_results_status.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png
index f658aea38ce..58a9784260e 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png differ
diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png
index f35c26a477a..48a03f116ad 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_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/first_drill-in_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_item_focused.png
index b068a8ecd8f..a62b4036111 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_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_drill-in_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_drill-in_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_drill-in_item_focused_with_left_arrow.png
index b068a8ecd8f..a62b4036111 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_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_drill-in_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_drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_display.png
index 7f0ab6f336e..dfb7d5cc98e 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_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/second_drill-in_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/second_drill-in_item_focused.png
index 788934c4980..372daaac6c2 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/second_drill-in_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_drill-in_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_drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_display.png
index c1dc9bfb049..4d4052770fc 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_display.png differ
diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_with_right_arrow.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_with_right_arrow.png
index 71dd332dc9d..2dbd349689f 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_with_right_arrow.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_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/displays_no_results_status.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png
index f233c853965..955bfd4fa91 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png differ
diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png
index 1dda041eb7e..51de8933c0f 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.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_drill-in_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_item_focused.png
index 77db6db7c4c..4fcd6be6b81 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_item_focused.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_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/first_drill-in_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_drill-in_item_focused_with_left_arrow.png
index 77db6db7c4c..4fcd6be6b81 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_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_drill-in_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/hover_drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_display.png
index 3ce60ab8946..a0a14b656ec 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_display.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_drill-in_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/second_drill-in_item_focused.png
index adecde5a6a4..d492689e5cc 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/second_drill-in_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_drill-in_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_drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_display.png
index debff1840d2..244edba6a27 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_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/displays_drill-in_items_in_folder_with_right_arrow.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_with_right_arrow.png
index 6a311d2bcf8..f9f9df7952d 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_with_right_arrow.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/displays_drill-in_items_in_folder_with_right_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/displays_no_results_status.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png
index fbc3653fa23..e95b56200c8 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/displays_no_results_status.png differ
diff --git a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png
index 53e3a48571e..a97ca774c1c 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/drill-in_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_drill-in_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_item_focused.png
index 4f419b3f743..6a71e0d7239 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_item_focused.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_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/first_drill-in_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_drill-in_item_focused_with_left_arrow.png
index 4f419b3f743..6a71e0d7239 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/first_drill-in_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_drill-in_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/hover_drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_display.png
index 0ca5a31739a..c55c2369f22 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/hover_drill-in_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/second_drill-in_item_focused.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/second_drill-in_item_focused.png
index 6e026375dd8..71cb92d058d 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/second_drill-in_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_drill-in_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_drill-in_display.png b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_display.png
index 86654c0204f..3ba759ef73f 100644
Binary files a/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_display.png and b/packages/terra-navigation-side-menu/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/navigation-side-menu-spec/selected_drill-in_display.png differ
diff --git a/packages/terra-navigation-side-menu/translations/de.json b/packages/terra-navigation-side-menu/translations/de.json
index 1214a939d38..7b8502d8c61 100644
--- a/packages/terra-navigation-side-menu/translations/de.json
+++ b/packages/terra-navigation-side-menu/translations/de.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Ausgewählt"
+ "Terra.navigation.side.menu.selected": "Ausgewählt",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/en-AU.json b/packages/terra-navigation-side-menu/translations/en-AU.json
index 4547ab4656e..8285425fab6 100644
--- a/packages/terra-navigation-side-menu/translations/en-AU.json
+++ b/packages/terra-navigation-side-menu/translations/en-AU.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Selected"
+ "Terra.navigation.side.menu.selected": "Selected",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/en-CA.json b/packages/terra-navigation-side-menu/translations/en-CA.json
index 4547ab4656e..8285425fab6 100644
--- a/packages/terra-navigation-side-menu/translations/en-CA.json
+++ b/packages/terra-navigation-side-menu/translations/en-CA.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Selected"
+ "Terra.navigation.side.menu.selected": "Selected",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/en-GB.json b/packages/terra-navigation-side-menu/translations/en-GB.json
index 4547ab4656e..8285425fab6 100644
--- a/packages/terra-navigation-side-menu/translations/en-GB.json
+++ b/packages/terra-navigation-side-menu/translations/en-GB.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Selected"
+ "Terra.navigation.side.menu.selected": "Selected",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/en-US.json b/packages/terra-navigation-side-menu/translations/en-US.json
index 4547ab4656e..8285425fab6 100644
--- a/packages/terra-navigation-side-menu/translations/en-US.json
+++ b/packages/terra-navigation-side-menu/translations/en-US.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Selected"
+ "Terra.navigation.side.menu.selected": "Selected",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/en.json b/packages/terra-navigation-side-menu/translations/en.json
index 4547ab4656e..8285425fab6 100644
--- a/packages/terra-navigation-side-menu/translations/en.json
+++ b/packages/terra-navigation-side-menu/translations/en.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Selected"
+ "Terra.navigation.side.menu.selected": "Selected",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/es-ES.json b/packages/terra-navigation-side-menu/translations/es-ES.json
index 2537507dc12..195599505d7 100644
--- a/packages/terra-navigation-side-menu/translations/es-ES.json
+++ b/packages/terra-navigation-side-menu/translations/es-ES.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Seleccionado"
+ "Terra.navigation.side.menu.selected": "Seleccionado",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/es-US.json b/packages/terra-navigation-side-menu/translations/es-US.json
index 2537507dc12..195599505d7 100644
--- a/packages/terra-navigation-side-menu/translations/es-US.json
+++ b/packages/terra-navigation-side-menu/translations/es-US.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Seleccionado"
+ "Terra.navigation.side.menu.selected": "Seleccionado",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/es.json b/packages/terra-navigation-side-menu/translations/es.json
index 2537507dc12..195599505d7 100644
--- a/packages/terra-navigation-side-menu/translations/es.json
+++ b/packages/terra-navigation-side-menu/translations/es.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Seleccionado"
+ "Terra.navigation.side.menu.selected": "Seleccionado",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/fi-FI.json b/packages/terra-navigation-side-menu/translations/fi-FI.json
index 15882db5453..93d92b7f54a 100644
--- a/packages/terra-navigation-side-menu/translations/fi-FI.json
+++ b/packages/terra-navigation-side-menu/translations/fi-FI.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Valittu"
+ "Terra.navigation.side.menu.selected": "Valittu",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/fi-FR.json b/packages/terra-navigation-side-menu/translations/fi-FR.json
index 80c724d9cad..d1044f8a2df 100644
--- a/packages/terra-navigation-side-menu/translations/fi-FR.json
+++ b/packages/terra-navigation-side-menu/translations/fi-FR.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Sélectionné"
+ "Terra.navigation.side.menu.selected": "Sélectionné",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/fr-FR.json b/packages/terra-navigation-side-menu/translations/fr-FR.json
index 80c724d9cad..d1044f8a2df 100644
--- a/packages/terra-navigation-side-menu/translations/fr-FR.json
+++ b/packages/terra-navigation-side-menu/translations/fr-FR.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Sélectionné"
+ "Terra.navigation.side.menu.selected": "Sélectionné",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/fr.json b/packages/terra-navigation-side-menu/translations/fr.json
index 80c724d9cad..d1044f8a2df 100644
--- a/packages/terra-navigation-side-menu/translations/fr.json
+++ b/packages/terra-navigation-side-menu/translations/fr.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Sélectionné"
+ "Terra.navigation.side.menu.selected": "Sélectionné",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/nl-BE.json b/packages/terra-navigation-side-menu/translations/nl-BE.json
index 3383842ad6b..72f0cd52a92 100644
--- a/packages/terra-navigation-side-menu/translations/nl-BE.json
+++ b/packages/terra-navigation-side-menu/translations/nl-BE.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Geselecteerd"
+ "Terra.navigation.side.menu.selected": "Geselecteerd",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/nl.json b/packages/terra-navigation-side-menu/translations/nl.json
index 3383842ad6b..72f0cd52a92 100644
--- a/packages/terra-navigation-side-menu/translations/nl.json
+++ b/packages/terra-navigation-side-menu/translations/nl.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Geselecteerd"
+ "Terra.navigation.side.menu.selected": "Geselecteerd",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/pt-BR.json b/packages/terra-navigation-side-menu/translations/pt-BR.json
index 164d0892d42..e46c7bf419e 100644
--- a/packages/terra-navigation-side-menu/translations/pt-BR.json
+++ b/packages/terra-navigation-side-menu/translations/pt-BR.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Selecionado"
+ "Terra.navigation.side.menu.selected": "Selecionado",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/pt.json b/packages/terra-navigation-side-menu/translations/pt.json
index 164d0892d42..e46c7bf419e 100644
--- a/packages/terra-navigation-side-menu/translations/pt.json
+++ b/packages/terra-navigation-side-menu/translations/pt.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Selecionado"
+ "Terra.navigation.side.menu.selected": "Selecionado",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/sv-SE.json b/packages/terra-navigation-side-menu/translations/sv-SE.json
index dec7c3cfb73..4770eadf458 100644
--- a/packages/terra-navigation-side-menu/translations/sv-SE.json
+++ b/packages/terra-navigation-side-menu/translations/sv-SE.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Vald"
+ "Terra.navigation.side.menu.selected": "Vald",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}
diff --git a/packages/terra-navigation-side-menu/translations/sv.json b/packages/terra-navigation-side-menu/translations/sv.json
index dec7c3cfb73..4770eadf458 100644
--- a/packages/terra-navigation-side-menu/translations/sv.json
+++ b/packages/terra-navigation-side-menu/translations/sv.json
@@ -1,3 +1,5 @@
{
- "Terra.navigation.side.menu.selected": "Vald"
+ "Terra.navigation.side.menu.selected": "Vald",
+ "Terra.navigation.side.menu.folder": "Folder",
+ "Terra.navigation.side.menu.document": "Document"
}