@digigov/react-core 0.20.0-navlist.alpha.2 → 0.20.0

package/{NavHorizontalListItemButton → src/NavListItemButton}/__snapshots__/index.test.tsx.snap

@@ -1,43 +1,46 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the NavHorizontalListItemButton with active=true 1`] = `
-<ForwardRef(NavHorizontalListItemButton)
-  active={true}
+exports[`renders the NavListItemButton with active=false 1`] = `
+<ForwardRef(NavListItemButton)
+  active={false}
 >
   <ForwardRef(Button)
-    className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn"
+    aria-selected={false}
+    className="govgr-horizontal-nav__list-item-btn"
     variant="link"
   >
     <ForwardRef(Base)
+      aria-selected={false}
       as="button"
-      className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn govgr-link"
+      className="govgr-horizontal-nav__list-item-btn govgr-link"
       printHidden={true}
     >
       <button
-        className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn govgr-link govgr-print-hidden"
+        aria-selected={false}
+        className="govgr-horizontal-nav__list-item-btn govgr-link govgr-print-hidden"
       >
         hello
         <ForwardRef(ArrowIcon)
-          direction="up"
+          direction="down"
         >
           <ForwardRef(SvgIcon)
-            className="govgr-arrow--up"
+            className="govgr-arrow--down"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="govgr-arrow--up govgr-svg-icon"
+              className="govgr-arrow--down govgr-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="govgr-arrow--up govgr-svg-icon"
+                className="govgr-arrow--down govgr-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
+                  d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                 />
               </svg>
             </ForwardRef(Base)>
@@ -46,45 +49,50 @@ exports[`renders the NavHorizontalListItemButton with active=true 1`] = `
       </button>
     </ForwardRef(Base)>
   </ForwardRef(Button)>
-</ForwardRef(NavHorizontalListItemButton)>
+</ForwardRef(NavListItemButton)>
 `;
 
-exports[`renders the NavHorizontalListItemButton with no props 1`] = `
-<ForwardRef(NavHorizontalListItemButton)>
+exports[`renders the NavListItemButton with active=true 1`] = `
+<ForwardRef(NavListItemButton)
+  active={true}
+>
   <ForwardRef(Button)
-    className="govgr-horizontal-nav__list-item-btn"
+    aria-selected={true}
+    className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn"
     variant="link"
   >
     <ForwardRef(Base)
+      aria-selected={true}
       as="button"
-      className="govgr-horizontal-nav__list-item-btn govgr-link"
+      className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn govgr-link"
       printHidden={true}
     >
       <button
-        className="govgr-horizontal-nav__list-item-btn govgr-link govgr-print-hidden"
+        aria-selected={true}
+        className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn govgr-link govgr-print-hidden"
       >
         hello
         <ForwardRef(ArrowIcon)
-          direction="down"
+          direction="up"
         >
           <ForwardRef(SvgIcon)
-            className="govgr-arrow--down"
+            className="govgr-arrow--up"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="govgr-arrow--down govgr-svg-icon"
+              className="govgr-arrow--up govgr-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="govgr-arrow--down govgr-svg-icon"
+                className="govgr-arrow--up govgr-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
                 <path
-                  d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
+                  d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
                 />
               </svg>
             </ForwardRef(Base)>
@@ -93,13 +101,11 @@ exports[`renders the NavHorizontalListItemButton with no props 1`] = `
       </button>
     </ForwardRef(Base)>
   </ForwardRef(Button)>
-</ForwardRef(NavHorizontalListItemButton)>
+</ForwardRef(NavListItemButton)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with active=false 1`] = `
-<ForwardRef(NavHorizontalListItemButton)
-  active={false}
->
+exports[`renders the NavListItemButton with no props 1`] = `
+<ForwardRef(NavListItemButton)>
   <ForwardRef(Button)
     className="govgr-horizontal-nav__list-item-btn"
     variant="link"
@@ -142,5 +148,5 @@ exports[`renders the NavHorizontalListItemLink with active=false 1`] = `
       </button>
     </ForwardRef(Base)>
   </ForwardRef(Button)>
-</ForwardRef(NavHorizontalListItemButton)>
+</ForwardRef(NavListItemButton)>
 `;

package/src/NavListItemButton/index.test.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavListItemButton from '@digigov/react-core/NavListItemButton';
+
+it('renders the NavListItemButton with no props', () => {
+  expect(mount(<NavListItemButton>hello</NavListItemButton>)).toMatchSnapshot();
+});
+
+it('renders the NavListItemButton with active=true', () => {
+  expect(
+    mount(<NavListItemButton active={true}>hello</NavListItemButton>)
+  ).toMatchSnapshot();
+});
+
+it('renders the NavListItemButton with active=false', () => {
+  expect(
+    mount(<NavListItemButton active={false}>hello</NavListItemButton>)
+  ).toMatchSnapshot();
+});

package/src/{NavHorizontalListItemButton → NavListItemButton}/index.tsx

@@ -3,10 +3,10 @@ import clsx from 'clsx';
 import Button, { ButtonProps } from '@digigov/react-core/Button';
 import ArrowIcon from '@digigov/react-core/ArrowIcon';
 
-export interface NavHorizontalListItemButtonProps extends ButtonProps {
+export interface NavListItemButtonProps extends ButtonProps {
   /**
-   * When the NavHorizontalListItemButton is active, that means that we are in this option / page of the NavHorizontal.
-   * NavHorizontalListItemButton for nav menu.
+   * When the NavListItemButton is active, that means that we are in this option / page of the Nav.
+   * NavListItemButton for nav menu.
    * active is optional.
    *
    */
@@ -19,12 +19,12 @@ export interface NavHorizontalListItemButtonProps extends ButtonProps {
   arrow?: boolean;
 }
 /**
- * NavHorizontalListItemButton is an <button> element. It should be inside the NavHorizontalListItem component.
+ * NavListItemButton is an <button> element. It should be inside the NavListItem component.
  */
-export const NavHorizontalListItemButton = React.forwardRef<
+export const NavListItemButton = React.forwardRef<
   HTMLButtonElement,
-  NavHorizontalListItemButtonProps
->(function NavHorizontalListItemButton(
+  NavListItemButtonProps
+>(function NavListItemButton(
   { active, className, arrow = true, children, ...props },
   ref
 ) {
@@ -45,4 +45,4 @@ export const NavHorizontalListItemButton = React.forwardRef<
   );
 });
 
-export default NavHorizontalListItemButton;
+export default NavListItemButton;

package/{es/NavHorizontalListItemLink → src/NavListItemLink}/__snapshots__/index.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the NavHorizontalListItemLink with active=false 1`] = `
-<ForwardRef(NavHorizontalListItemLink)
+exports[`renders the NavListItemLink with active=false 1`] = `
+<ForwardRef(NavListItemLink)
   active={false}
 >
   <ForwardRef(LinkBase)
@@ -21,11 +21,11 @@ exports[`renders the NavHorizontalListItemLink with active=false 1`] = `
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with active=true 1`] = `
-<ForwardRef(NavHorizontalListItemLink)
+exports[`renders the NavListItemLink with active=true 1`] = `
+<ForwardRef(NavListItemLink)
   active={true}
 >
   <ForwardRef(LinkBase)
@@ -45,11 +45,11 @@ exports[`renders the NavHorizontalListItemLink with active=true 1`] = `
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with href and active=false 1`] = `
-<ForwardRef(NavHorizontalListItemLink)
+exports[`renders the NavListItemLink with href and active=false 1`] = `
+<ForwardRef(NavListItemLink)
   active={false}
   href="/"
 >
@@ -70,11 +70,11 @@ exports[`renders the NavHorizontalListItemLink with href and active=false 1`] =
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with href and active=true 1`] = `
-<ForwardRef(NavHorizontalListItemLink)
+exports[`renders the NavListItemLink with href and active=true 1`] = `
+<ForwardRef(NavListItemLink)
   active={false}
   href="/"
 >
@@ -95,11 +95,11 @@ exports[`renders the NavHorizontalListItemLink with href and active=true 1`] = `
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with no props 1`] = `
-<ForwardRef(NavHorizontalListItemLink)>
+exports[`renders the NavListItemLink with no props 1`] = `
+<ForwardRef(NavListItemLink)>
   <ForwardRef(LinkBase)
     className="govgr-horizontal-nav__list-item-link"
     href="#"
@@ -117,5 +117,5 @@ exports[`renders the NavHorizontalListItemLink with no props 1`] = `
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;

package/src/NavListItemLink/index.test.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavListItemLink from '@digigov/react-core/NavListItemLink';
+
+it('renders the NavListItemLink with no props', () => {
+  expect(mount(<NavListItemLink>hello</NavListItemLink>)).toMatchSnapshot();
+});
+
+it('renders the NavListItemLink with active=true', () => {
+  expect(
+    mount(<NavListItemLink active={true}>hello</NavListItemLink>)
+  ).toMatchSnapshot();
+});
+
+it('renders the NavListItemLink with active=false', () => {
+  expect(
+    mount(<NavListItemLink active={false}>hello</NavListItemLink>)
+  ).toMatchSnapshot();
+});
+it('renders the NavListItemLink with href and active=false', () => {
+  expect(
+    mount(
+      <NavListItemLink href="/" active={false}>
+        hello
+      </NavListItemLink>
+    )
+  ).toMatchSnapshot();
+});
+it('renders the NavListItemLink with href and active=true', () => {
+  expect(
+    mount(
+      <NavListItemLink href="/" active={false}>
+        hello
+      </NavListItemLink>
+    )
+  ).toMatchSnapshot();
+});

package/src/{NavHorizontalListItemLink → NavListItemLink}/index.tsx

@@ -3,9 +3,9 @@ import { BaseProps } from '@digigov/react-core/Base';
 import clsx from 'clsx';
 import Link from '@digigov/react-core/LinkBase';
 
-export interface NavHorizontalListItemLinkProps extends BaseProps<'a'> {
+export interface NavListItemLinkProps extends BaseProps<'a'> {
   /**
-   * When the NavHorizontalListItemLink is active, that means that we are in this option / page of the NavHorizontal.
+   * When the NavListItemLink is active, that means that we are in this option / page of the Nav.
    * active is optional.
    *
    */
@@ -17,12 +17,12 @@ export interface NavHorizontalListItemLinkProps extends BaseProps<'a'> {
   href?: string;
 }
 /**
- * NavHorizontalListItemLink is an <a> element. It should be inside the NavHorizontalListItem component.
+ * NavListItemLink is an <a> element. It should be inside the NavListItem component.
  */
-export const NavHorizontalListItemLink = React.forwardRef<
+export const NavListItemLink = React.forwardRef<
   HTMLAnchorElement,
-  NavHorizontalListItemLinkProps
->(function NavHorizontalListItemLink(
+  NavListItemLinkProps
+>(function NavListItemLink(
   { active, href = '#', className, children, ...props },
   ref
 ) {
@@ -41,4 +41,4 @@ export const NavHorizontalListItemLink = React.forwardRef<
   );
 });
 
-export default NavHorizontalListItemLink;
+export default NavListItemLink;

package/src/NavMenu/__snapshots__/index.test.tsx.snap

@@ -3,11 +3,13 @@
 exports[`renders the NavMenu with no props 1`] = `
 <ForwardRef(NavMenu)>
   <ForwardRef(Base)
+    aria-hidden={true}
     as="div"
-    className="govgr-nav-list__menu"
+    className="govgr-nav-list__menu govgr-nav-list__menu-hidden"
   >
     <div
-      className="govgr-nav-list__menu"
+      aria-hidden={true}
+      className="govgr-nav-list__menu govgr-nav-list__menu-hidden"
     >
       hello
     </div>

package/src/NavMenu/index.tsx

@@ -5,24 +5,33 @@ import clsx from 'clsx';
 export interface NavMenuProps extends BaseProps<'div'> {
   /**
    * active is optional.
-   * Exaclty one NavMenu should be active every time.
+   * Exactly one NavMenu should be active every time.
    * This declares that this content is active and should depend of the 'selected' NavItem.
    */
   active?: boolean;
+  /**
+   * layout prop sets the display layout for the nav list
+   * layout is horizontal by default.
+   */
+  layout?: 'vertical' | 'horizontal';
 }
 /**
  * NavMenu is the main menu component.
  * Inside this component must be NavMenuContainer component.
  */
 export const NavMenu = React.forwardRef<HTMLDivElement, NavMenuProps>(
-  function NavMenu({ active, className, children, ...props }, ref) {
+  function NavMenu(
+    { active, layout = 'horizontal', className, children, ...props },
+    ref
+  ) {
     return (
       <Base
         as="div"
         ref={ref}
         aria-hidden={!active}
         className={clsx(className, {
-          'govgr-nav-list__menu': true,
+          'govgr-nav-list__menu': layout === 'horizontal',
+          'govgr-vertical-nav-list__menu': layout === 'vertical',
           'govgr-nav-list__menu-hidden': !active,
         })}
         {...props}

package/src/NavMenuContainer/__snapshots__/index.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`renders the NavMenuContainer with no props 1`] = `
 <ForwardRef(NavMenuContainer)>
   <ForwardRef(Container)
     className=""
+    cols={true}
   >
     <ForwardRef(Base)
       as="div"

package/src/NavMenuContainer/index.tsx

@@ -3,7 +3,13 @@ import { BaseProps } from '@digigov/react-core/Base';
 import clsx from 'clsx';
 import Container from '@digigov/react-core/Container';
 
-export interface NavMenuContainerProps extends BaseProps<'div'> {}
+export interface NavMenuContainerProps extends BaseProps<'div'> {
+  /**
+   * layout prop sets the display layout for the nav list
+   * layout is horizontal by default.
+   */
+  layout?: 'vertical' | 'horizontal';
+}
 /**
  * NavMenuContainer is the container menu component.
  * Inside this component must be NavMenuContainerContent component.
@@ -11,9 +17,17 @@ export interface NavMenuContainerProps extends BaseProps<'div'> {}
 export const NavMenuContainer = React.forwardRef<
   HTMLDivElement,
   NavMenuContainerProps
->(function NavMenuContainer({ className, children, ...props }, ref) {
+>(function NavMenuContainer(
+  { className, layout = 'horizontal', children, ...props },
+  ref
+) {
   return (
-    <Container ref={ref} className={clsx(className, {})} {...props}>
+    <Container
+      cols={layout === 'horizontal'}
+      ref={ref}
+      className={clsx(className, {})}
+      {...props}
+    >
       {children}
     </Container>
   );

package/src/NavMenuContainerContentList/index.tsx

@@ -2,7 +2,13 @@ import React from 'react';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
-export interface NavMenuContainerContentListProps extends BaseProps<'ul'> {}
+export interface NavMenuContainerContentListProps extends BaseProps<'ul'> {
+  /**
+   * layout prop sets the display layout for the nav list
+   * layout is horizontal by default.
+   */
+  layout?: 'vertical' | 'horizontal';
+}
 /**
  * NavMenuContainerContentList contains the ul list nav menu.
  * Inside this component must be NavMenuContainerContentListItem component.
@@ -10,13 +16,17 @@ export interface NavMenuContainerContentListProps extends BaseProps<'ul'> {}
 export const NavMenuContainerContentList = React.forwardRef<
   HTMLUListElement,
   NavMenuContainerContentListProps
->(function NavMenuContainerContentList({ className, children, ...props }, ref) {
+>(function NavMenuContainerContentList(
+  { className, layout = 'horizontal', children, ...props },
+  ref
+) {
   return (
     <Base
       as="ul"
       ref={ref}
       className={clsx(className, {
-        'govgr-nav-list__content-list': true,
+        'govgr-nav-list__content-list': layout === 'horizontal',
+        'govgr-vertical-nav-list__content-list': layout === 'vertical',
       })}
       {...props}
     >

package/src/NavMenuContainerTitle/__snapshots__/index.test.tsx.snap

@@ -15,6 +15,7 @@ exports[`renders the NavMenuContainerTitle with no props 1`] = `
         className="md:govgr-grid__col-span-1"
       >
         <ForwardRef(Heading)
+          className=""
           element="h3"
           size="m"
         >

package/src/NavMenuContainerTitle/index.tsx

@@ -4,7 +4,13 @@ import clsx from 'clsx';
 import Grid from '@digigov/react-core/Grid';
 import Heading from '@digigov/react-core/Heading';
 
-export interface NavMenuContainerTitleProps extends BaseProps<'div'> {}
+export interface NavMenuContainerTitleProps extends BaseProps<'div'> {
+  /**
+   * layout prop sets the display layout for the nav list
+   * layout is horizontal by default.
+   */
+  layout?: 'horizontal' | 'vertical';
+}
 /**
  *
  * NavMenuContainerTitle is the main Title for the nav list items.
@@ -13,10 +19,28 @@ export interface NavMenuContainerTitleProps extends BaseProps<'div'> {}
 export const NavMenuContainerTitle = React.forwardRef<
   HTMLDivElement,
   NavMenuContainerTitleProps
->(function NavMenuContainerTitle({ className, children, ...props }, ref) {
+>(function NavMenuContainerTitle(
+  { className, layout = 'horizontal', children, ...props },
+  ref
+) {
   return (
-    <Grid item md={1} ref={ref} className={clsx(className, {})} {...props}>
-      <Heading element="h3" size="m">
+    <Grid
+      item
+      md={1}
+      ref={ref}
+      className={clsx(className, {
+        'govgr-vertical-nav-list__container-title': layout === 'vertical',
+      })}
+      {...props}
+    >
+      <Heading
+        element="h3"
+        size="m"
+        className={clsx({
+          'govgr-vertical-nav-list__container-title-heading':
+            layout === 'vertical',
+        })}
+      >
         {children}
       </Heading>
     </Grid>

package/src/NavVerticalItem/index.tsx

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 export interface NavVerticalItemProps extends BaseProps<'a'> {
   /**
    * active is optional.
-   * When the NavVerticalItem is active, that means that we are in this option / title / page of the NavHorizontal.
+   * When the NavVerticalItem is active, that means that we are in this option / title / page of the NavVertical.
    */
   active?: boolean;
 }

package/src/index.ts

@@ -62,6 +62,7 @@ export * from '@digigov/react-core/FooterSection';
 export * from '@digigov/react-core/FieldContainer';
 export * from '@digigov/react-core/GovGRLogo';
 export * from '@digigov/react-core/Grid';
+export * from '@digigov/react-core/GlobeIcon';
 export * from '@digigov/react-core/Header';
 export * from '@digigov/react-core/HeaderContent';
 export * from '@digigov/react-core/HeaderLogo';
@@ -84,11 +85,11 @@ export * from '@digigov/react-core/Main';
 export * from '@digigov/react-core/Masthead';
 export * from '@digigov/react-core/MastheadBody';
 export * from '@digigov/react-core/MoreVertIcon';
-export * from '@digigov/react-core/NavHorizontal';
-export * from '@digigov/react-core/NavHorizontalList';
-export * from '@digigov/react-core/NavHorizontalListItem';
-export * from '@digigov/react-core/NavHorizontalListItemLink';
-export * from '@digigov/react-core/NavHorizontalListItemButton';
+export * from '@digigov/react-core/Nav';
+export * from '@digigov/react-core/NavList';
+export * from '@digigov/react-core/NavListItem';
+export * from '@digigov/react-core/NavListItemLink';
+export * from '@digigov/react-core/NavListItemButton';
 export * from '@digigov/react-core/NavMenu';
 export * from '@digigov/react-core/NavMenuContainer';
 export * from '@digigov/react-core/NavMenuContainerContent';

package/src/registry.js

@@ -63,6 +63,7 @@ import * as _digigov_react_core_FooterMetaItem from '@digigov/react-core/FooterM
 import * as _digigov_react_core_FooterNavigation from '@digigov/react-core/FooterNavigation';
 import * as _digigov_react_core_FooterSection from '@digigov/react-core/FooterSection';
 import * as _digigov_react_core_Form from '@digigov/react-core/Form';
+import * as _digigov_react_core_GlobeIcon from '@digigov/react-core/GlobeIcon';
 import * as _digigov_react_core_GovGRLogo_govgr_logo_blue_base64 from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';
 import * as _digigov_react_core_GovGRLogo from '@digigov/react-core/GovGRLogo';
 import * as _digigov_react_core_Grid from '@digigov/react-core/Grid';
@@ -94,11 +95,11 @@ import * as _digigov_react_core_Main from '@digigov/react-core/Main';
 import * as _digigov_react_core_Masthead from '@digigov/react-core/Masthead';
 import * as _digigov_react_core_MastheadBody from '@digigov/react-core/MastheadBody';
 import * as _digigov_react_core_MoreVertIcon from '@digigov/react-core/MoreVertIcon';
-import * as _digigov_react_core_NavHorizontal from '@digigov/react-core/NavHorizontal';
-import * as _digigov_react_core_NavHorizontalList from '@digigov/react-core/NavHorizontalList';
-import * as _digigov_react_core_NavHorizontalListItem from '@digigov/react-core/NavHorizontalListItem';
-import * as _digigov_react_core_NavHorizontalListItemButton from '@digigov/react-core/NavHorizontalListItemButton';
-import * as _digigov_react_core_NavHorizontalListItemLink from '@digigov/react-core/NavHorizontalListItemLink';
+import * as _digigov_react_core_Nav from '@digigov/react-core/Nav';
+import * as _digigov_react_core_NavList from '@digigov/react-core/NavList';
+import * as _digigov_react_core_NavListItem from '@digigov/react-core/NavListItem';
+import * as _digigov_react_core_NavListItemButton from '@digigov/react-core/NavListItemButton';
+import * as _digigov_react_core_NavListItemLink from '@digigov/react-core/NavListItemLink';
 import * as _digigov_react_core_NavMenu from '@digigov/react-core/NavMenu';
 import * as _digigov_react_core_NavMenuContainer from '@digigov/react-core/NavMenuContainer';
 import * as _digigov_react_core_NavMenuContainerContent from '@digigov/react-core/NavMenuContainerContent';
@@ -239,6 +240,7 @@ export default {
   '@digigov/react-core/FooterNavigation': lazyImport(_digigov_react_core_FooterNavigation),
   '@digigov/react-core/FooterSection': lazyImport(_digigov_react_core_FooterSection),
   '@digigov/react-core/Form': lazyImport(_digigov_react_core_Form),
+  '@digigov/react-core/GlobeIcon': lazyImport(_digigov_react_core_GlobeIcon),
   '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64': lazyImport(_digigov_react_core_GovGRLogo_govgr_logo_blue_base64),
   '@digigov/react-core/GovGRLogo': lazyImport(_digigov_react_core_GovGRLogo),
   '@digigov/react-core/Grid': lazyImport(_digigov_react_core_Grid),
@@ -270,11 +272,11 @@ export default {
   '@digigov/react-core/Masthead': lazyImport(_digigov_react_core_Masthead),
   '@digigov/react-core/MastheadBody': lazyImport(_digigov_react_core_MastheadBody),
   '@digigov/react-core/MoreVertIcon': lazyImport(_digigov_react_core_MoreVertIcon),
-  '@digigov/react-core/NavHorizontal': lazyImport(_digigov_react_core_NavHorizontal),
-  '@digigov/react-core/NavHorizontalList': lazyImport(_digigov_react_core_NavHorizontalList),
-  '@digigov/react-core/NavHorizontalListItem': lazyImport(_digigov_react_core_NavHorizontalListItem),
-  '@digigov/react-core/NavHorizontalListItemButton': lazyImport(_digigov_react_core_NavHorizontalListItemButton),
-  '@digigov/react-core/NavHorizontalListItemLink': lazyImport(_digigov_react_core_NavHorizontalListItemLink),
+  '@digigov/react-core/Nav': lazyImport(_digigov_react_core_Nav),
+  '@digigov/react-core/NavList': lazyImport(_digigov_react_core_NavList),
+  '@digigov/react-core/NavListItem': lazyImport(_digigov_react_core_NavListItem),
+  '@digigov/react-core/NavListItemButton': lazyImport(_digigov_react_core_NavListItemButton),
+  '@digigov/react-core/NavListItemLink': lazyImport(_digigov_react_core_NavListItemLink),
   '@digigov/react-core/NavMenu': lazyImport(_digigov_react_core_NavMenu),
   '@digigov/react-core/NavMenuContainer': lazyImport(_digigov_react_core_NavMenuContainer),
   '@digigov/react-core/NavMenuContainerContent': lazyImport(_digigov_react_core_NavMenuContainerContent),