@digigov/react-core 0.25.2 → 0.25.4

package/LabelTitle/index.js

@@ -13,26 +13,26 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["size", "className", "heading", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "heading", "size"];
 
 /**
  * Label component defines a label for several elements at forms.
  */
 var LabelTitle = /*#__PURE__*/_react["default"].forwardRef(function LabelTitle(_ref, ref) {
-  var size = _ref.size,
+  var children = _ref.children,
       className = _ref.className,
       _ref$heading = _ref.heading,
       heading = _ref$heading === void 0 ? false : _ref$heading,
-      children = _ref.children,
+      size = _ref.size,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "span",
-    ref: ref,
-    className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s')
+    className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s'),
+    ref: ref
   }, heading && {
     role: 'heading',
     'aria-level': 1

package/Layout/index.js

@@ -13,25 +13,25 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children", "fullHeight"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "fullHeight"];
 
 /**
  * Wrapper component for the entire page except the Header and the Footer.
  */
 var Layout = /*#__PURE__*/_react["default"].forwardRef(function Layout(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$fullHeight = _ref.fullHeight,
       fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, fullHeight === true && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper')
+    className: (0, _clsx["default"])(className, fullHeight === true && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper'),
+    ref: ref
   }, props), children);
 });
 

package/LinkBase/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["underline", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "underline"];
 
 /**
  * This component defines a hyperlink, which is used to link from one page to another.
  */
 var LinkBase = /*#__PURE__*/_react["default"].forwardRef(function LinkBase(_ref, ref) {
-  var underline = _ref.underline,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      underline = _ref.underline,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "a",
-    ref: ref,
-    className: (0, _clsx["default"])(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link')
+    className: (0, _clsx["default"])(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link'),
+    ref: ref
   }, props), children);
 });
 

package/List/index.js

@@ -13,28 +13,28 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["listStyle", "spaced", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "listStyle", "spaced"];
 
 /**
  * List component is used for listing items.
  * This component must contain ListItem component.
  */
 var List = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "ol",
-    ref: ref,
-    className: (0, _clsx["default"])(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list')
+    className: (0, _clsx["default"])(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list'),
+    ref: ref
   }, props), children);
 });
 

package/ListItem/index.js

@@ -13,23 +13,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * ListItem must be inside List compoenent.
  */
 var ListItem = /*#__PURE__*/_react["default"].forwardRef(function ListItem(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "li",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-list__item')
+    className: (0, _clsx["default"])(className, true && 'govgr-list__item'),
+    ref: ref
   }, props), children);
 });
 

package/Main/index.js

@@ -13,26 +13,26 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children", "id"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "id"];
 
 /**
  * Use this inside Content component for placing the main content of the page
  */
 var Main = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "main",
+    className: (0, _clsx["default"])(className, true && 'govgr-grid-column-two-thirds'),
     id: id,
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-grid-column-two-thirds')
+    ref: ref
   }, props), children);
 });
 

package/Masthead/index.js

@@ -13,25 +13,25 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children", "color"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "color"];
 
 /**
  * Use the Masthead on the top of the page.
  */
 var Masthead = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead')
+    className: (0, _clsx["default"])(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead'),
+    ref: ref
   }, props), children);
 });
 

package/MastheadBody/index.js

@@ -13,23 +13,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * Use the MastheadBody inside Masthead an you can wrap your content inside Main component.
  */
 var MastheadBody = /*#__PURE__*/_react["default"].forwardRef(function MastheadBody(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "p",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-masthead-body')
+    className: (0, _clsx["default"])(className, true && 'govgr-masthead-body'),
+    ref: ref
   }, props), children);
 });
 

package/MoreVertIcon/index.d.ts

@@ -1,6 +1,12 @@
 import React from 'react';
 import { SvgIconProps } from '@digigov/react-core/SvgIcon';
 export interface MoreVertIconProps extends SvgIconProps {
+    /**
+     * ref is optional.
+     * ref prop declares the reference of the svg icon component.
+     * It can be used to to access the DOM element and the React element.
+     */
+    ref?: React.Ref<SVGSVGElement>;
 }
 /**
  * Use MoreVertIcon component when you need to show more options.

package/MoreVertIcon/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["size", "variant", "className"];
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
+
+var _excluded = ["className", "size", "variant"];
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement("circle", {
   cx: "12",
@@ -41,15 +41,15 @@ var _ref4 = /*#__PURE__*/_react["default"].createElement("circle", {
  * Use MoreVertIcon component when you need to show more options.
  */
 var MoreVertIcon = /*#__PURE__*/_react["default"].forwardRef(function MoreVertIcon(_ref, ref) {
-  var size = _ref.size,
+  var className = _ref.className,
+      size = _ref.size,
       variant = _ref.variant,
-      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
-    size: size,
-    variant: variant,
     className: (0, _clsx["default"])(className, true && 'govgr-svg-icon--check'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, props), _ref2, _ref3, _ref4);
 });
 

package/MoreVertIcon/index.test.js

@@ -111,8 +111,8 @@ it('renders the MoreVertIcon with prop variant=focus', function () {
 });
 
 var _ref14 = /*#__PURE__*/_react["default"].createElement(_MoreVertIcon["default"], {
-  variant: "warning",
-  size: "s"
+  size: "s",
+  variant: "warning"
 });
 
 it('renders the MoreVertIcon with prop variant=warning and size=s', function () {
@@ -120,8 +120,8 @@ it('renders the MoreVertIcon with prop variant=warning and size=s', function ()
 });
 
 var _ref15 = /*#__PURE__*/_react["default"].createElement(_MoreVertIcon["default"], {
-  variant: "warning",
-  size: "xl"
+  size: "xl",
+  variant: "warning"
 });
 
 it('renders the MoreVertIcon with prop variant=error and size= xl', function () {

package/Nav/index.d.ts

@@ -2,31 +2,31 @@ import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface NavProps extends BaseProps<'nav'> {
     /**
-     * active is optional.
-     * active prop add background color to navigation link.
-     * use this prop only for header navigation;
+     * border is optional.
+     * border prop contains border-bottom styling.
      */
-    open?: boolean;
+    border?: boolean;
     /**
-     * layout prop sets the display layout for the nav list
-     * layout is horizontal by default.
+     * fixed is optional.
+     * fixed prop allows element to be positioned relative to the viewport
      */
-    layout?: 'vertical' | 'horizontal';
+    fixed?: boolean;
     /**
      * hidden is optional.
      * hidden prop hides the nav element when it is called from a navItem.
      */
     hidden?: boolean;
     /**
-     * fixed is optional.
-     * fixed prop allows element to be positioned relative to the viewport
+     * layout prop sets the display layout for the nav list
+     * layout is horizontal by default.
      */
-    fixed?: boolean;
+    layout?: 'vertical' | 'horizontal';
     /**
-     * border is optional.
-     * border prop contains border-bottom styling.
+     * active is optional.
+     * active prop add background color to navigation link.
+     * use this prop only for header navigation;
      */
-    border?: boolean;
+    open?: boolean;
 }
 /**
  * Nav is mainly used under the Header.

package/Nav/index.js

@@ -13,34 +13,34 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "open", "layout", "hidden", "fixed", "border", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["border", "children", "className", "fixed", "hidden", "layout", "open"];
 
 /**
  * Nav is mainly used under the Header.
  * This is a wrapper for the NavList component.
  */
 var Nav = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "nav",
-    ref: ref,
-    className: (0, _clsx["default"])(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: (0, _clsx["default"])(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);
 });
 

package/NavList/index.js

@@ -13,26 +13,26 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "active", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["active", "children", "className"];
 
 /**
  * NavList must be inside the Nav.
  * This component has a list of NavListItem component inside.
  */
 var NavList = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "ul",
-    ref: ref,
-    className: (0, _clsx["default"])(className, active && 'govgr-nav__list--active', true && 'govgr-nav__list')
+    className: (0, _clsx["default"])(className, active && 'govgr-nav__list--active', true && 'govgr-nav__list'),
+    ref: ref
   }, props), children);
 });
 

package/NavListItem/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * NavListItem must be inside the NavList.
  * This component has a items of NavListItemLink component inside.
  */
 var NavListItem = /*#__PURE__*/_react["default"].forwardRef(function NavHeaderListItem(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "li",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-nav__list-item')
+    className: (0, _clsx["default"])(className, true && 'govgr-nav__list-item'),
+    ref: ref
   }, props), children);
 });
 

package/NavListItemButton/index.js

@@ -15,27 +15,27 @@ var _react = _interopRequireDefault(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _Button = _interopRequireDefault(require("@digigov/react-core/Button"));
-
 var _ArrowIcon = _interopRequireDefault(require("@digigov/react-core/ArrowIcon"));
 
-var _excluded = ["active", "className", "arrow", "children"];
+var _Button = _interopRequireDefault(require("@digigov/react-core/Button"));
+
+var _excluded = ["active", "arrow", "children", "className"];
 
 /**
  * NavListItemButton is an <button> element. It should be inside the NavListItem component.
  */
 var NavListItemButton = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    variant: "link",
-    ref: ref,
     "aria-selected": active,
-    className: (0, _clsx["default"])(className, active === true && 'govgr-nav__list-item-btn--active', true && 'govgr-nav__list-item-btn')
+    className: (0, _clsx["default"])(className, active === true && 'govgr-nav__list-item-btn--active', true && 'govgr-nav__list-item-btn'),
+    ref: ref,
+    variant: "link"
   }, props), children, arrow && /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
     direction: active ? 'up' : 'down'
   }));

package/NavListItemLink/index.js

@@ -17,21 +17,21 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _LinkBase = _interopRequireDefault(require("@digigov/react-core/LinkBase"));
 
-var _excluded = ["active", "href", "className", "children"];
+var _excluded = ["active", "children", "className", "href"];
 
 /**
  * NavListItemLink is an <a> element. It should be inside the NavListItem component.
  */
 var NavListItemLink = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_LinkBase["default"], (0, _extends2["default"])({
+    className: (0, _clsx["default"])(className, active === true && 'govgr-nav__list-item-link--active', true && 'govgr-nav__list-item-link'),
     href: href,
-    ref: ref,
-    className: (0, _clsx["default"])(className, active === true && 'govgr-nav__list-item-link--active', true && 'govgr-nav__list-item-link')
+    ref: ref
   }, props), children);
 });
 

package/NavListItemLink/index.test.js

@@ -31,8 +31,8 @@ it('renders the NavListItemLink with active=false', function () {
 });
 
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_NavListItemLink["default"], {
-  href: "/",
-  active: false
+  active: false,
+  href: "/"
 }, "hello");
 
 it('renders the NavListItemLink with href and active=false', function () {
@@ -40,8 +40,8 @@ it('renders the NavListItemLink with href and active=false', function () {
 });
 
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_NavListItemLink["default"], {
-  href: "/",
-  active: false
+  active: false,
+  href: "/"
 }, "hello");
 
 it('renders the NavListItemLink with href and active=true', function () {

package/NavMenu/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["active", "layout", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["active", "children", "className", "layout"];
 
 /**
  * NavMenu is the main menu component.
@@ -25,16 +25,16 @@ var _excluded = ["active", "layout", "className", "children"];
  */
 var NavMenu = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
-    as: "div",
-    ref: ref,
     "aria-hidden": !active,
-    className: (0, _clsx["default"])(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: (0, _clsx["default"])(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);
 });