@digigov/react-core 0.25.2 → 0.25.4

package/esm/LinkBase/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["underline", "className", "children"];
+var _excluded = ["children", "className", "underline"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * This component defines a hyperlink, which is used to link from one page to another.
  */
 export var LinkBase = /*#__PURE__*/React.forwardRef(function LinkBase(_ref, ref) {
-  var underline = _ref.underline,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      underline = _ref.underline,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    ref: ref,
-    className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link')
+    className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link'),
+    ref: ref
   }, props), children);
 });
 export default LinkBase;

package/esm/List/index.js

@@ -1,27 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["listStyle", "spaced", "className", "children"];
+var _excluded = ["children", "className", "listStyle", "spaced"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * List component is used for listing items.
  * This component must contain ListItem component.
  */
 export var List = /*#__PURE__*/React.forwardRef(function List(_ref, ref) {
-  var _ref$listStyle = _ref.listStyle,
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$listStyle = _ref.listStyle,
       listStyle = _ref$listStyle === void 0 ? 'none' : _ref$listStyle,
       _ref$spaced = _ref.spaced,
       spaced = _ref$spaced === void 0 ? false : _ref$spaced,
-      className = _ref.className,
-      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
-    ref: ref,
-    className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list')
+    className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list'),
+    ref: ref
   }, props), children);
 });
 export default List;

package/esm/ListItem/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * ListItem must be inside List compoenent.
  */
 export var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
-    ref: ref,
-    className: clsx(className, true && 'govgr-list__item')
+    className: clsx(className, true && 'govgr-list__item'),
+    ref: ref
   }, props), children);
 });
 export default ListItem;

package/esm/Main/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "id"];
+var _excluded = ["children", "className", "id"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use this inside Content component for placing the main content of the page
  */
 export var Main = /*#__PURE__*/React.forwardRef(function Main(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? 'main-content' : _ref$id,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "main",
+    className: clsx(className, true && 'govgr-grid-column-two-thirds'),
     id: id,
-    ref: ref,
-    className: clsx(className, true && 'govgr-grid-column-two-thirds')
+    ref: ref
   }, props), children);
 });
 export default Main;

package/esm/Masthead/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "color"];
+var _excluded = ["children", "className", "color"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use the Masthead on the top of the page.
  */
 export var Masthead = /*#__PURE__*/React.forwardRef(function Masthead(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'primary' : _ref$color,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead')
+    className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead'),
+    ref: ref
   }, props), children);
 });
 export default Masthead;

package/esm/MastheadBody/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use the MastheadBody inside Masthead an you can wrap your content inside Main component.
  */
 export var MastheadBody = /*#__PURE__*/React.forwardRef(function MastheadBody(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
-    ref: ref,
-    className: clsx(className, true && 'govgr-masthead-body')
+    className: clsx(className, true && 'govgr-masthead-body'),
+    ref: ref
   }, props), children);
 });
 export default MastheadBody;

package/esm/MoreVertIcon/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "variant", "className"];
+var _excluded = ["className", "size", "variant"];
 import React from 'react';
-import SvgIcon from '@digigov/react-core/SvgIcon';
 import clsx from 'clsx';
+import SvgIcon from '@digigov/react-core/SvgIcon';
 
 var _ref2 = /*#__PURE__*/React.createElement("circle", {
   cx: "12",
@@ -27,16 +27,16 @@ var _ref4 = /*#__PURE__*/React.createElement("circle", {
  * Use MoreVertIcon component when you need to show more options.
  */
 export var MoreVertIcon = /*#__PURE__*/React.forwardRef(function MoreVertIcon(_ref, ref) {
-  var size = _ref.size,
+  var className = _ref.className,
+      size = _ref.size,
       variant = _ref.variant,
-      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    size: size,
-    variant: variant,
     className: clsx(className, true && 'govgr-svg-icon--check'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, props), _ref2, _ref3, _ref4);
 });
 export default MoreVertIcon;

package/esm/MoreVertIcon/index.test.js

@@ -105,8 +105,8 @@ it('renders the MoreVertIcon with prop variant=focus', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(MoreVertIcon, {
-  variant: "warning",
-  size: "s"
+  size: "s",
+  variant: "warning"
 });
 
 it('renders the MoreVertIcon with prop variant=warning and size=s', function () {
@@ -114,8 +114,8 @@ it('renders the MoreVertIcon with prop variant=warning and size=s', function ()
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(MoreVertIcon, {
-  variant: "warning",
-  size: "xl"
+  size: "xl",
+  variant: "warning"
 });
 
 it('renders the MoreVertIcon with prop variant=error and size= xl', function () {

package/esm/Nav/index.js

@@ -1,33 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "open", "layout", "hidden", "fixed", "border", "children"];
+var _excluded = ["border", "children", "className", "fixed", "hidden", "layout", "open"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Nav is mainly used under the Header.
  * This is a wrapper for the NavList component.
  */
 export var Nav = /*#__PURE__*/React.forwardRef(function Nav(_ref, ref) {
-  var className = _ref.className,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      _ref$layout = _ref.layout,
-      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
-      _ref$hidden = _ref.hidden,
-      hidden = _ref$hidden === void 0 ? false : _ref$hidden,
-      _ref$fixed = _ref.fixed,
-      fixed = _ref$fixed === void 0 ? true : _ref$fixed,
-      _ref$border = _ref.border,
+  var _ref$border = _ref.border,
       border = _ref$border === void 0 ? true : _ref$border,
       children = _ref.children,
+      className = _ref.className,
+      _ref$fixed = _ref.fixed,
+      fixed = _ref$fixed === void 0 ? true : _ref$fixed,
+      _ref$hidden = _ref.hidden,
+      hidden = _ref$hidden === void 0 ? false : _ref$hidden,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? false : _ref$open,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "nav",
-    ref: ref,
-    className: clsx(className, layout === 'horizontal' && 'govgr-nav--horizontal', layout === 'vertical' && 'govgr-nav--vertical', border && 'govgr-nav--border', hidden && 'govgr-nav--hidden', fixed && 'govgr-nav--fixed', true && 'govgr-nav', open && 'govgr-nav--open')
+    className: clsx(className, layout === 'horizontal' && 'govgr-nav--horizontal', layout === 'vertical' && 'govgr-nav--vertical', border && 'govgr-nav--border', hidden && 'govgr-nav--hidden', fixed && 'govgr-nav--fixed', true && 'govgr-nav', open && 'govgr-nav--open'),
+    ref: ref
   }, props), children);
 });
 export default Nav;

package/esm/NavList/index.js

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

package/esm/NavListItem/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * 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,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
-    ref: ref,
-    className: clsx(className, true && 'govgr-nav__list-item')
+    className: clsx(className, true && 'govgr-nav__list-item'),
+    ref: ref
   }, props), children);
 });
 export default NavListItem;

package/esm/NavListItemButton/index.js

@@ -1,27 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "className", "arrow", "children"];
+var _excluded = ["active", "arrow", "children", "className"];
 import React from 'react';
 import clsx from 'clsx';
-import Button from '@digigov/react-core/Button';
 import ArrowIcon from '@digigov/react-core/ArrowIcon';
+import Button from '@digigov/react-core/Button';
 
 /**
  * NavListItemButton is an <button> element. It should be inside the NavListItem component.
  */
 export var NavListItemButton = /*#__PURE__*/React.forwardRef(function NavListItemButton(_ref, ref) {
   var active = _ref.active,
-      className = _ref.className,
       _ref$arrow = _ref.arrow,
       arrow = _ref$arrow === void 0 ? true : _ref$arrow,
       children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Button, _extends({
-    variant: "link",
-    ref: ref,
     "aria-selected": active,
-    className: clsx(className, active === true && 'govgr-nav__list-item-btn--active', true && 'govgr-nav__list-item-btn')
+    className: clsx(className, active === true && 'govgr-nav__list-item-btn--active', true && 'govgr-nav__list-item-btn'),
+    ref: ref,
+    variant: "link"
   }, props), children, arrow && /*#__PURE__*/React.createElement(ArrowIcon, {
     direction: active ? 'up' : 'down'
   }));

package/esm/NavListItemLink/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "href", "className", "children"];
+var _excluded = ["active", "children", "className", "href"];
 import React from 'react';
 import clsx from 'clsx';
 import Link from '@digigov/react-core/LinkBase';
@@ -10,15 +10,15 @@ import Link from '@digigov/react-core/LinkBase';
  */
 export var NavListItemLink = /*#__PURE__*/React.forwardRef(function NavListItemLink(_ref, ref) {
   var active = _ref.active,
-      href = _ref.href,
-      className = _ref.className,
       children = _ref.children,
+      className = _ref.className,
+      href = _ref.href,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Link, _extends({
+    className: clsx(className, active === true && 'govgr-nav__list-item-link--active', true && 'govgr-nav__list-item-link'),
     href: href,
-    ref: ref,
-    className: clsx(className, active === true && 'govgr-nav__list-item-link--active', true && 'govgr-nav__list-item-link')
+    ref: ref
   }, props), children);
 });
 export default NavListItemLink;

package/esm/NavListItemLink/index.test.js

@@ -25,8 +25,8 @@ it('renders the NavListItemLink with active=false', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(NavListItemLink, {
-  href: "/",
-  active: false
+  active: false,
+  href: "/"
 }, "hello");
 
 it('renders the NavListItemLink with href and active=false', function () {
@@ -34,8 +34,8 @@ it('renders the NavListItemLink with href and active=false', function () {
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(NavListItemLink, {
-  href: "/",
-  active: false
+  active: false,
+  href: "/"
 }, "hello");
 
 it('renders the NavListItemLink with href and active=true', function () {

package/esm/NavMenu/index.js

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

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", "layout", "children"];
+var _excluded = ["children", "className", "layout"];
 import React from 'react';
 import Container from '@digigov/react-core/Container';
 
@@ -9,16 +9,16 @@ import Container from '@digigov/react-core/Container';
  * Inside this component must be NavMenuContainerContent component.
  */
 export var NavMenuContainer = /*#__PURE__*/React.forwardRef(function NavMenuContainer(_ref, ref) {
-  var className = _ref.className,
+  var children = _ref.children,
+      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({
+    className: className,
     cols: layout === 'horizontal',
-    ref: ref,
-    className: className
+    ref: ref
   }, props), children);
 });
 export default NavMenuContainer;

package/esm/NavMenuContainerContent/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 = ["children", "className"];
 import React from 'react';
 import Grid from '@digigov/react-core/Grid';
 
@@ -10,15 +10,15 @@ import Grid from '@digigov/react-core/Grid';
  * Inside this component must be NavMenuContainerContentList and NavMenuContainerContentListLink components.
  */
 export var NavMenuContainerContent = /*#__PURE__*/React.forwardRef(function NavMenuContainerContent(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Grid, _extends({
+    className: className,
     item: true,
     md: 2,
-    ref: ref,
-    className: className
+    ref: ref
   }, props), children);
 });
 export default NavMenuContainerContent;

package/esm/NavMenuContainerContentList/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * NavMenuContainerContentList contains the ul list nav menu.
  * Inside this component must be NavMenuContainerContentListItem component.
  */
 export var NavMenuContainerContentList = /*#__PURE__*/React.forwardRef(function NavMenuContainerContentList(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
-    ref: ref,
-    className: clsx(className, true && 'govgr-nav-menu__content-list')
+    className: clsx(className, true && 'govgr-nav-menu__content-list'),
+    ref: ref
   }, props), children);
 });
 export default NavMenuContainerContentList;

package/esm/NavMenuContainerContentListItem/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * NavMenuContainerContentListItem contains all li items nav menu.
  *
  */
 export var NavMenuContainerContentListItem = /*#__PURE__*/React.forwardRef(function NavMenuContainerContentListItem(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
-    ref: ref,
-    className: clsx(className, true && 'govgr-nav-menu__content-list-item')
+    className: clsx(className, true && 'govgr-nav-menu__content-list-item'),
+    ref: ref
   }, props), children);
 });
 export default NavMenuContainerContentListItem;

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 = ["children", "className"];
 import React from 'react';
 import clsx from 'clsx';
 import Grid from '@digigov/react-core/Grid';
@@ -12,19 +12,19 @@ import Heading from '@digigov/react-core/Heading';
  * NavMenuContainerTitle  must be inside NavMenuContainer component.
  */
 export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMenuContainerTitle(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Grid, _extends({
+    className: clsx(className, true && 'govgr-nav-menu__container-title'),
     item: true,
     md: 1,
-    ref: ref,
-    className: clsx(className, true && 'govgr-nav-menu__container-title')
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(Heading, {
+    className: clsx(true && 'govgr-nav-menu__container-title-heading'),
     element: "h3",
-    size: "m",
-    className: clsx(true && 'govgr-nav-menu__container-title-heading')
+    size: "m"
   }, children));
 });
 export default NavMenuContainerTitle;