@digigov/react-core 0.20.0-navlist.alpha.3 → 0.20.1

package/esm/NavList/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the NavList with active prop 1`] = `
+<ForwardRef(NavList)
+  active={true}
+>
+  <ForwardRef(Base)
+    as="ul"
+    className="govgr-horizontal-nav__list govgr-horizontal-nav__list--active"
+  >
+    <ul
+      className="govgr-horizontal-nav__list govgr-horizontal-nav__list--active"
+    >
+      hello
+    </ul>
+  </ForwardRef(Base)>
+</ForwardRef(NavList)>
+`;
+
+exports[`renders the NavList with no props 1`] = `
+<ForwardRef(NavList)>
+  <ForwardRef(Base)
+    as="ul"
+    className="govgr-horizontal-nav__list"
+  >
+    <ul
+      className="govgr-horizontal-nav__list"
+    >
+      hello
+    </ul>
+  </ForwardRef(Base)>
+</ForwardRef(NavList)>
+`;

package/{es/NavHorizontalList → esm/NavList}/index.js

@@ -1,25 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "active", "children"];
+var _excluded = ["className", "active", "layout", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
- * NavHorizontalList must be inside the NavHorizontal.
- * This component has a list of NavHorizontalListItem component inside.
+ * NavList must be inside the Nav.
+ * This component has a list of NavListItem component inside.
  */
-export var NavHorizontalList = /*#__PURE__*/React.forwardRef(function NavHorizontalList(_ref, ref) {
+export var NavList = /*#__PURE__*/React.forwardRef(function NavList(_ref, ref) {
   var className = _ref.className,
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
     ref: ref,
-    className: clsx(className, active && 'govgr-horizontal-nav__list--active', true && 'govgr-horizontal-nav__list')
+    className: clsx(className, layout === 'horizontal' && 'govgr-horizontal-nav__list', layout === 'vertical' && 'govgr-vertical-nav__list', active && 'govgr-horizontal-nav__list--active')
   }, props), children);
 });
-export default NavHorizontalList;
+export default NavList;

package/esm/NavList/index.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavList from '@digigov/react-core/NavList';
+
+var _ref = /*#__PURE__*/React.createElement(NavList, null, "hello");
+
+it('renders the NavList with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(NavList, {
+  active: true
+}, "hello");
+
+it('renders the NavList with active prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});

package/{NavHorizontalListItem → esm/NavListItem}/__snapshots__/index.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the NavHorizontalListItem with no props 1`] = `
+exports[`renders the NavListItem with no props 1`] = `
 <ForwardRef(NavHeaderListItem)>
   <ForwardRef(Base)
     as="li"

package/esm/NavListItem/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "layout", "children"];
+import React from 'react';
+import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
+
+/**
+ * NavListItem must be inside the NavList.
+ * This component has a items of NavListItemLink component inside.
+ */
+export var NavListItem = /*#__PURE__*/React.forwardRef(function NavHeaderListItem(_ref, ref) {
+  var className = _ref.className,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "li",
+    ref: ref,
+    className: clsx(className, layout === 'horizontal' && 'govgr-horizontal-nav__list-item', layout === 'vertical' && 'govgr-vertical-nav__list-item')
+  }, props), children);
+});
+export default NavListItem;

package/esm/NavListItem/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavListItem from '@digigov/react-core/NavListItem';
+
+var _ref = /*#__PURE__*/React.createElement(NavListItem, null, "hello");
+
+it('renders the NavListItem with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/{src/NavHorizontalListItemButton → esm/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/{es/NavHorizontalListItemButton → esm/NavListItemButton}/index.js

@@ -7,9 +7,9 @@ import Button from '@digigov/react-core/Button';
 import ArrowIcon from '@digigov/react-core/ArrowIcon';
 
 /**
- * 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 var NavHorizontalListItemButton = /*#__PURE__*/React.forwardRef(function NavHorizontalListItemButton(_ref, ref) {
+export var NavListItemButton = /*#__PURE__*/React.forwardRef(function NavListItemButton(_ref, ref) {
   var active = _ref.active,
       className = _ref.className,
       _ref$arrow = _ref.arrow,
@@ -26,4 +26,4 @@ export var NavHorizontalListItemButton = /*#__PURE__*/React.forwardRef(function
     direction: active ? 'up' : 'down'
   }));
 });
-export default NavHorizontalListItemButton;
+export default NavListItemButton;

package/esm/NavListItemButton/index.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavListItemButton from '@digigov/react-core/NavListItemButton';
+
+var _ref = /*#__PURE__*/React.createElement(NavListItemButton, null, "hello");
+
+it('renders the NavListItemButton with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(NavListItemButton, {
+  active: true
+}, "hello");
+
+it('renders the NavListItemButton with active=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(NavListItemButton, {
+  active: false
+}, "hello");
+
+it('renders the NavListItemButton with active=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});

package/{src/NavHorizontalListItemLink → esm/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/esm/{NavHorizontalListItemLink → NavListItemLink}/index.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import Link from '@digigov/react-core/LinkBase';
 
 /**
- * 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 var NavHorizontalListItemLink = /*#__PURE__*/React.forwardRef(function NavHorizontalListItemLink(_ref, ref) {
+export var NavListItemLink = /*#__PURE__*/React.forwardRef(function NavListItemLink(_ref, ref) {
   var active = _ref.active,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '#' : _ref$href,
@@ -22,4 +22,4 @@ export var NavHorizontalListItemLink = /*#__PURE__*/React.forwardRef(function Na
     className: clsx(className, active === true && 'govgr-horizontal-nav__list-item-link--active', true && 'govgr-horizontal-nav__list-item-link')
   }, props), children);
 });
-export default NavHorizontalListItemLink;
+export default NavListItemLink;

package/esm/NavListItemLink/index.test.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavListItemLink from '@digigov/react-core/NavListItemLink';
+
+var _ref = /*#__PURE__*/React.createElement(NavListItemLink, null, "hello");
+
+it('renders the NavListItemLink with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(NavListItemLink, {
+  active: true
+}, "hello");
+
+it('renders the NavListItemLink with active=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(NavListItemLink, {
+  active: false
+}, "hello");
+
+it('renders the NavListItemLink with active=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(NavListItemLink, {
+  href: "/",
+  active: false
+}, "hello");
+
+it('renders the NavListItemLink with href and active=false', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(NavListItemLink, {
+  href: "/",
+  active: false
+}, "hello");
+
+it('renders the NavListItemLink with href and active=true', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});

package/esm/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/esm/NavMenu/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "className", "children"];
+var _excluded = ["active", "layout", "className", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -11,6 +11,8 @@ import clsx from 'clsx';
  */
 export var NavMenu = /*#__PURE__*/React.forwardRef(function NavMenu(_ref, ref) {
   var active = _ref.active,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +21,7 @@ export var NavMenu = /*#__PURE__*/React.forwardRef(function NavMenu(_ref, ref) {
     as: "div",
     ref: ref,
     "aria-hidden": !active,
-    className: clsx(className, !active && 'govgr-nav-list__menu-hidden', true && 'govgr-nav-list__menu')
+    className: clsx(className, layout === 'horizontal' && 'govgr-nav-list__menu', layout === 'vertical' && 'govgr-vertical-nav-list__menu', !active && 'govgr-nav-list__menu-hidden')
   }, props), children);
 });
 export default NavMenu;

package/esm/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/esm/NavMenuContainer/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "layout", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Container from '@digigov/react-core/Container';
@@ -11,10 +11,13 @@ import Container from '@digigov/react-core/Container';
  */
 export var NavMenuContainer = /*#__PURE__*/React.forwardRef(function NavMenuContainer(_ref, ref) {
   var className = _ref.className,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Container, _extends({
+    cols: layout === 'horizontal',
     ref: ref,
     className: clsx(className)
   }, props), children);

package/esm/NavMenuContainerContentList/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "layout", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -11,13 +11,15 @@ import clsx from 'clsx';
  */
 export var NavMenuContainerContentList = /*#__PURE__*/React.forwardRef(function NavMenuContainerContentList(_ref, ref) {
   var className = _ref.className,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
     ref: ref,
-    className: clsx(className, true && 'govgr-nav-list__content-list')
+    className: clsx(className, layout === 'horizontal' && 'govgr-nav-list__content-list', layout === 'vertical' && 'govgr-vertical-nav-list__content-list')
   }, props), children);
 });
 export default NavMenuContainerContentList;

package/esm/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/esm/NavMenuContainerTitle/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "layout", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Grid from '@digigov/react-core/Grid';
@@ -13,6 +13,8 @@ import Heading from '@digigov/react-core/Heading';
  */
 export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMenuContainerTitle(_ref, ref) {
   var className = _ref.className,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -20,10 +22,11 @@ export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMen
     item: true,
     md: 1,
     ref: ref,
-    className: clsx(className)
+    className: clsx(className, layout === 'vertical' && 'govgr-vertical-nav-list__container-title')
   }, props), /*#__PURE__*/React.createElement(Heading, {
     element: "h3",
-    size: "m"
+    size: "m",
+    className: clsx(layout === 'vertical' && 'govgr-vertical-nav-list__container-title-heading')
   }, children));
 });
 export default NavMenuContainerTitle;

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.20.0-navlist.alpha.3
+/** @license Digigov v0.20.1
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
@@ -67,6 +67,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';
@@ -89,11 +90,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';