docs(appframe,appframesidenav): update component names

Author: marissahuysentruyt

components/appframe/stories/appframe.stories.js

@@ -3,11 +3,11 @@ import { Template } from "./template.js";
 
 /**
  * The app frame component is a starting point for an app's overall layout. It contains the header, side navigation, and main content area.
- * 
+ *
  * ⚠️ This is currently an early prototype based on a draft version of design specs.
  */
 export default {
-	title: "Components/App frame",
+	title: "App frame",
 	component: "AppFrame",
 	argTypes: {
 		hasSideNavigation: {

components/appframesidenav/stories/appframesidenav.stories.js

@@ -4,12 +4,12 @@ import { Template, defaultSideNavItems } from "./template.js";
  * The app frame side navigation has a series of navigation items with an icon and a text label and can be
  * viewed expanded or minimized with icons only. It has an option for a button above the navigation items,
  * and for some navigation item(s) to be displayed at the vertical end.
- * 
+ *
  * ⚠️ This is currently an early prototype based on a draft version of design specs.
  */
 export default {
-	title: "Components/App frame side nav",
-	component: "App frame side nav",
+	title: "App frame side nav",
+	component: "AppFrameSideNav",
 	argTypes: {
 		isMinimized: {
 			name: "Minimized (icons only)",
@@ -67,9 +67,9 @@ Default.args = {};
 /**
  * Some navigation items can be displayed at the vertical "end section" when the navigation is taller than the height of its content.
  * For example, in the app frame the side nav may take up the full viewport height.
- * The end section is designated by applying the class `spectrum-AppFrameSideNav-list-item--endSectionStart` to one of the navigation list items. 
+ * The end section is designated by applying the class `spectrum-AppFrameSideNav-list-item--endSectionStart` to one of the navigation list items.
  * All subsequent list items will appear in the end section.
- * 
+ *
  * This behavior is demonstrated in the following example by setting a minimum height on the navigation.
  */
 export const EndSection = Template.bind({});
@@ -81,12 +81,12 @@ EndSection.args = {
 
 /**
  * The minimized version of the app frame side nav only displays the icons.
- * 
+ *
  * Accessibility notes:
  * - The text labels should still be present for screen readers.
  * - Implementations should show the text label on hover in a popover [WIP; this needs more info].
  */
 export const Minimized = Template.bind({});
 Minimized.args = {
 	isMinimized: true,
-};
+};