@digigov/react-core 0.25.4 → 0.26.0

package/esm/HellenicRepublicLogo/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "lang"];
+var _excluded = ["lang", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 import logoEl from '@digigov/react-core/HellenicRepublicLogo/logo-el';
 import logoEn from '@digigov/react-core/HellenicRepublicLogo/logo-en';
 import logoElInverted from '@digigov/react-core/HellenicRepublicLogo/logo-inverted-el';
@@ -14,25 +14,27 @@ import logoEnInverted from '@digigov/react-core/HellenicRepublicLogo/logo-invert
  * This component can't have children.
  */
 export var HellenicRepublicLogo = /*#__PURE__*/React.forwardRef(function HellenicRepublicLogo(_ref, ref) {
-  var children = _ref.children,
+  var lang = _ref.lang,
       className = _ref.className,
-      lang = _ref.lang,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var logo = lang === 'en' ? logoEn : logoEl;
   var logoInverted = lang === 'en' ? logoEnInverted : logoElInverted;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
-    alt: "Hellenic Republic Logo",
     as: "img",
-    className: clsx(className, true && 'govgr-footer__government-logo'),
+    src: logo,
     ref: ref,
-    src: logo
-  }, props), children), /*#__PURE__*/React.createElement(Base, _extends({
-    alt: "Hellenic Republic Logo",
+    className: clsx(className, true && 'govgr-footer__government-logo')
+  }, props, {
+    alt: "Hellenic Republic Logo"
+  }), children), /*#__PURE__*/React.createElement(Base, _extends({
     as: "img",
-    className: clsx(className, true && 'govgr-footer__government-logo-inverted'),
+    src: logoInverted,
     ref: ref,
-    src: logoInverted
-  }, props), children));
+    className: clsx(className, true && 'govgr-footer__government-logo-inverted')
+  }, props, {
+    alt: "Hellenic Republic Logo"
+  }), children));
 });
 export default HellenicRepublicLogo;

package/esm/Hidden/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
+var _excluded = ["className", "children", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Hidden is used to responsively hide children based on the screen size.
@@ -11,8 +11,8 @@ import Base from '@digigov/react-core/Base';
  * property at the selected screen size and above.
  */
 export var Hidden = /*#__PURE__*/React.forwardRef(function Hidden(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       _ref$lgUp = _ref.lgUp,
       lgUp = _ref$lgUp === void 0 ? false : _ref$lgUp,
       _ref$mdUp = _ref.mdUp,
@@ -27,8 +27,8 @@ export var Hidden = /*#__PURE__*/React.forwardRef(function Hidden(_ref, ref) {
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, lgUp && 'govgr-lg-up', mdUp && 'govgr-md-up', smUp && 'govgr-sm-up', xlUp && 'govgr-xl-up', xsUp && 'govgr-xs-up'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, lgUp && 'govgr-lg-up', mdUp && 'govgr-md-up', smUp && 'govgr-sm-up', xlUp && 'govgr-xl-up', xsUp && 'govgr-xs-up')
   }, props), children);
 });
 export default Hidden;

package/esm/Hint/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "fontSize"];
+var _excluded = ["fontSize", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Hint component can be used in form pages and it gives an extra hint description to the form.
  */
 export var Hint = /*#__PURE__*/React.forwardRef(function Hint(_ref, ref) {
-  var children = _ref.children,
+  var fontSize = _ref.fontSize,
       className = _ref.className,
-      fontSize = _ref.fontSize,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
-    className: clsx(className, fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '24' && 'govgr-!-font-size-24', true && 'govgr-hint'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '24' && 'govgr-!-font-size-24', true && 'govgr-hint')
   }, props), children);
 });
 export default Hint;

package/esm/LabelContainer/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Label component defines a label for several elements at forms.
  */
 export var LabelContainer = /*#__PURE__*/React.forwardRef(function LabelContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "label",
-    className: clsx(className, true && 'govgr-label'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-label')
   }, props), children);
 });
 export default LabelContainer;

package/esm/LabelTitle/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "heading", "size"];
+var _excluded = ["size", "className", "heading", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Label component defines a label for several elements at forms.
  */
 export var LabelTitle = /*#__PURE__*/React.forwardRef(function LabelTitle(_ref, ref) {
-  var children = _ref.children,
+  var size = _ref.size,
       className = _ref.className,
       _ref$heading = _ref.heading,
       heading = _ref$heading === void 0 ? false : _ref$heading,
-      size = _ref.size,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "span",
-    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s')
   }, heading && {
     role: 'heading',
     'aria-level': 1

package/esm/Layout/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "fullHeight"];
+var _excluded = ["className", "children", "fullHeight"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Wrapper component for the entire page except the Header and the Footer.
  */
 export var Layout = /*#__PURE__*/React.forwardRef(function Layout(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       _ref$fullHeight = _ref.fullHeight,
       fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, fullHeight === true && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, fullHeight === true && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper')
   }, props), children);
 });
 export default Layout;

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 = ["children", "className", "underline"];
+var _excluded = ["underline", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 children = _ref.children,
+  var underline = _ref.underline,
       className = _ref.className,
-      underline = _ref.underline,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link')
   }, 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 = ["children", "className", "listStyle", "spaced"];
+var _excluded = ["listStyle", "spaced", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * List component is used for listing items.
  * This component must contain ListItem component.
  */
 export var List = /*#__PURE__*/React.forwardRef(function List(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$listStyle = _ref.listStyle,
+  var _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",
-    className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list')
   }, 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 = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * ListItem must be inside List compoenent.
  */
 export var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
-    className: clsx(className, true && 'govgr-list__item'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-list__item')
   }, 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 = ["children", "className", "id"];
+var _excluded = ["className", "children", "id"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use this inside Content component for placing the main content of the page
  */
 export var Main = /*#__PURE__*/React.forwardRef(function Main(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       _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
+    ref: ref,
+    className: clsx(className, true && 'govgr-grid-column-two-thirds')
   }, 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 = ["children", "className", "color"];
+var _excluded = ["className", "children", "color"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use the Masthead on the top of the page.
  */
 export var Masthead = /*#__PURE__*/React.forwardRef(function Masthead(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'primary' : _ref$color,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead')
   }, 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 = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
-    className: clsx(className, true && 'govgr-masthead-body'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-masthead-body')
   }, 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 = ["className", "size", "variant"];
+var _excluded = ["size", "variant", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
 
 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 className = _ref.className,
-      size = _ref.size,
+  var size = _ref.size,
       variant = _ref.variant,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    className: clsx(className, true && 'govgr-svg-icon--check'),
-    ref: ref,
     size: size,
-    variant: variant
+    variant: variant,
+    className: clsx(className, true && 'govgr-svg-icon--check'),
+    ref: ref
   }, 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, {
-  size: "s",
-  variant: "warning"
+  variant: "warning",
+  size: "s"
 });
 
 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, {
-  size: "xl",
-  variant: "warning"
+  variant: "warning",
+  size: "xl"
 });
 
 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 = ["border", "children", "className", "fixed", "hidden", "layout", "open"];
+var _excluded = ["className", "open", "layout", "hidden", "fixed", "border", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 _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,
+  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,
+      border = _ref$border === void 0 ? true : _ref$border,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "nav",
-    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
+    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')
   }, 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 = ["active", "children", "className"];
+var _excluded = ["className", "active", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 _ref$active = _ref.active,
+  var className = _ref.className,
+      _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",
-    className: clsx(className, active && 'govgr-nav__list--active', true && 'govgr-nav__list'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, active && 'govgr-nav__list--active', true && 'govgr-nav__list')
   }, 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 = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 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 children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
-    className: clsx(className, true && 'govgr-nav__list-item'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-nav__list-item')
   }, 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", "arrow", "children", "className"];
+var _excluded = ["active", "className", "arrow", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import ArrowIcon from '@digigov/react-core/ArrowIcon';
 import Button from '@digigov/react-core/Button';
+import ArrowIcon from '@digigov/react-core/ArrowIcon';
 
 /**
  * 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({
-    "aria-selected": active,
-    className: clsx(className, active === true && 'govgr-nav__list-item-btn--active', true && 'govgr-nav__list-item-btn'),
+    variant: "link",
     ref: ref,
-    variant: "link"
+    "aria-selected": active,
+    className: clsx(className, active === true && 'govgr-nav__list-item-btn--active', true && 'govgr-nav__list-item-btn')
   }, 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", "children", "className", "href"];
+var _excluded = ["active", "href", "className", "children"];
 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,
-      children = _ref.children,
-      className = _ref.className,
       href = _ref.href,
+      className = _ref.className,
+      children = _ref.children,
       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
+    ref: ref,
+    className: clsx(className, active === true && 'govgr-nav__list-item-link--active', true && 'govgr-nav__list-item-link')
   }, props), children);
 });
 export default NavListItemLink;