@digigov/react-core 0.25.4 → 0.26.0

package/esm/GlobeIcon/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "className", "size", "variant"];
+var _excluded = ["variant", "size", "active", "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("path", {
   d: "M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
@@ -14,17 +14,17 @@ var _ref2 = /*#__PURE__*/React.createElement("path", {
  * It should be linked with the NavHorizontal component. It is hidden when the NavHorizontal is visible and vice versa.
  */
 export var GlobeIcon = /*#__PURE__*/React.forwardRef(function GlobeIcon(_ref, ref) {
-  var active = _ref.active,
-      className = _ref.className,
+  var variant = _ref.variant,
       size = _ref.size,
-      variant = _ref.variant,
+      active = _ref.active,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    className: clsx(className, active === true && 'govgr-globe-icon--active', true && 'govgr-globe-icon'),
-    ref: ref,
+    variant: variant,
     size: size,
-    variant: variant
+    className: clsx(className, active === true && 'govgr-globe-icon--active', true && 'govgr-globe-icon'),
+    ref: ref
   }, props), _ref2);
 });
 export default GlobeIcon;

package/esm/GovGRLogo/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "href"];
+var _excluded = ["href", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 import logo from '@digigov/react-core/GovGRLogo/govgr-logo-base64';
 import logoInverted from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';
 
@@ -11,24 +11,24 @@ import logoInverted from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';
  * Use this component anywhere you what to provide the gov.gr logo.
  *  */
 export var GovGRLogo = /*#__PURE__*/React.forwardRef(function GovGRLogo(_ref, ref) {
-  var className = _ref.className,
-      _ref$href = _ref.href,
+  var _ref$href = _ref.href,
       href = _ref$href === void 0 ? 'https://www.gov.gr/' : _ref$href,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, true && 'govgr-header-link'),
     href: href,
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
-    alt: "gov.gr logo",
+    src: logo,
     className: clsx(className, true && 'govgr-header-logo'),
-    src: logo
+    alt: "gov.gr logo"
   }), /*#__PURE__*/React.createElement("img", {
-    alt: "gov.gr logo",
+    src: logoInverted,
     className: clsx(className, true && 'govgr-header-logo-inverted'),
-    src: logoInverted
+    alt: "gov.gr logo"
   }));
 });
 export default GovGRLogo;

package/esm/Grid/index.js

@@ -1,34 +1,34 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "children", "className", "container", "inline", "item", "lg", "md", "sm", "spacing", "xl", "xs"];
+var _excluded = ["className", "children", "container", "item", "spacing", "inline", "xs", "sm", "md", "lg", "xl", "as"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Grid is used to arrange other components in complex grid configurations of rows and columns.
  */
 export var Grid = /*#__PURE__*/React.forwardRef(function Grid(_ref, ref) {
-  var as = _ref.as,
+  var className = _ref.className,
       children = _ref.children,
-      className = _ref.className,
       _ref$container = _ref.container,
       container = _ref$container === void 0 ? false : _ref$container,
-      inline = _ref.inline,
       _ref$item = _ref.item,
       item = _ref$item === void 0 ? true : _ref$item,
-      lg = _ref.lg,
-      md = _ref.md,
-      sm = _ref.sm,
       spacing = _ref.spacing,
-      xl = _ref.xl,
+      inline = _ref.inline,
       xs = _ref.xs,
+      sm = _ref.sm,
+      md = _ref.md,
+      lg = _ref.lg,
+      xl = _ref.xl,
+      as = _ref.as,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: as || 'div',
-    className: clsx(className, container === true && [inline === true && 'govgr-grid-inline', 'govgr-grid'], container && [spacing === 10 && "govgr-grid__gap-10", spacing === 12 && "govgr-grid__gap-12", spacing === 1 && "govgr-grid__gap-1", spacing === 2 && "govgr-grid__gap-2", spacing === 4 && "govgr-grid__gap-4", spacing === 6 && "govgr-grid__gap-6", spacing === 8 && "govgr-grid__gap-8"], item && [xs === 'auto' && "xs:govgr-grid__col-auto", sm === 'auto' && "sm:govgr-grid__col-auto", md === 'auto' && "md:govgr-grid__col-auto", lg === 'auto' && "lg:govgr-grid__col-auto", xl === 'auto' && "xl:govgr-grid__col-auto", xs === 10 && "xs:govgr-grid__col-span-10", xs === 11 && "xs:govgr-grid__col-span-11", xs === 12 && "xs:govgr-grid__col-span-12", sm === 10 && "sm:govgr-grid__col-span-10", sm === 11 && "sm:govgr-grid__col-span-11", sm === 12 && "sm:govgr-grid__col-span-12", md === 10 && "md:govgr-grid__col-span-10", md === 11 && "md:govgr-grid__col-span-11", md === 12 && "md:govgr-grid__col-span-12", lg === 10 && "lg:govgr-grid__col-span-10", lg === 11 && "lg:govgr-grid__col-span-11", lg === 12 && "lg:govgr-grid__col-span-12", xl === 10 && "xl:govgr-grid__col-span-10", xl === 11 && "xl:govgr-grid__col-span-11", xl === 12 && "xl:govgr-grid__col-span-12", xs === 1 && "xs:govgr-grid__col-span-1", xs === 2 && "xs:govgr-grid__col-span-2", xs === 3 && "xs:govgr-grid__col-span-3", xs === 4 && "xs:govgr-grid__col-span-4", xs === 5 && "xs:govgr-grid__col-span-5", xs === 6 && "xs:govgr-grid__col-span-6", xs === 7 && "xs:govgr-grid__col-span-7", xs === 8 && "xs:govgr-grid__col-span-8", xs === 9 && "xs:govgr-grid__col-span-9", sm === 1 && "sm:govgr-grid__col-span-1", sm === 2 && "sm:govgr-grid__col-span-2", sm === 3 && "sm:govgr-grid__col-span-3", sm === 4 && "sm:govgr-grid__col-span-4", sm === 5 && "sm:govgr-grid__col-span-5", sm === 6 && "sm:govgr-grid__col-span-6", sm === 7 && "sm:govgr-grid__col-span-7", sm === 8 && "sm:govgr-grid__col-span-8", sm === 9 && "sm:govgr-grid__col-span-9", md === 1 && "md:govgr-grid__col-span-1", md === 2 && "md:govgr-grid__col-span-2", md === 3 && "md:govgr-grid__col-span-3", md === 4 && "md:govgr-grid__col-span-4", md === 5 && "md:govgr-grid__col-span-5", md === 6 && "md:govgr-grid__col-span-6", md === 7 && "md:govgr-grid__col-span-7", md === 8 && "md:govgr-grid__col-span-8", md === 9 && "md:govgr-grid__col-span-9", lg === 1 && "lg:govgr-grid__col-span-1", lg === 2 && "lg:govgr-grid__col-span-2", lg === 3 && "lg:govgr-grid__col-span-3", lg === 4 && "lg:govgr-grid__col-span-4", lg === 5 && "lg:govgr-grid__col-span-5", lg === 6 && "lg:govgr-grid__col-span-6", lg === 7 && "lg:govgr-grid__col-span-7", lg === 8 && "lg:govgr-grid__col-span-8", lg === 9 && "lg:govgr-grid__col-span-9", xl === 1 && "xl:govgr-grid__col-span-1", xl === 2 && "xl:govgr-grid__col-span-2", xl === 3 && "xl:govgr-grid__col-span-3", xl === 4 && "xl:govgr-grid__col-span-4", xl === 5 && "xl:govgr-grid__col-span-5", xl === 6 && "xl:govgr-grid__col-span-6", xl === 7 && "xl:govgr-grid__col-span-7", xl === 8 && "xl:govgr-grid__col-span-8", xl === 9 && "xl:govgr-grid__col-span-9"]),
-    ref: ref
+    ref: ref,
+    className: clsx(className, container === true && [inline === true && 'govgr-grid-inline', 'govgr-grid'], container && [spacing === 10 && "govgr-grid__gap-10", spacing === 12 && "govgr-grid__gap-12", spacing === 1 && "govgr-grid__gap-1", spacing === 2 && "govgr-grid__gap-2", spacing === 4 && "govgr-grid__gap-4", spacing === 6 && "govgr-grid__gap-6", spacing === 8 && "govgr-grid__gap-8"], item && [xs === 'auto' && "xs:govgr-grid__col-auto", sm === 'auto' && "sm:govgr-grid__col-auto", md === 'auto' && "md:govgr-grid__col-auto", lg === 'auto' && "lg:govgr-grid__col-auto", xl === 'auto' && "xl:govgr-grid__col-auto", xs === 10 && "xs:govgr-grid__col-span-10", xs === 11 && "xs:govgr-grid__col-span-11", xs === 12 && "xs:govgr-grid__col-span-12", sm === 10 && "sm:govgr-grid__col-span-10", sm === 11 && "sm:govgr-grid__col-span-11", sm === 12 && "sm:govgr-grid__col-span-12", md === 10 && "md:govgr-grid__col-span-10", md === 11 && "md:govgr-grid__col-span-11", md === 12 && "md:govgr-grid__col-span-12", lg === 10 && "lg:govgr-grid__col-span-10", lg === 11 && "lg:govgr-grid__col-span-11", lg === 12 && "lg:govgr-grid__col-span-12", xl === 10 && "xl:govgr-grid__col-span-10", xl === 11 && "xl:govgr-grid__col-span-11", xl === 12 && "xl:govgr-grid__col-span-12", xs === 1 && "xs:govgr-grid__col-span-1", xs === 2 && "xs:govgr-grid__col-span-2", xs === 3 && "xs:govgr-grid__col-span-3", xs === 4 && "xs:govgr-grid__col-span-4", xs === 5 && "xs:govgr-grid__col-span-5", xs === 6 && "xs:govgr-grid__col-span-6", xs === 7 && "xs:govgr-grid__col-span-7", xs === 8 && "xs:govgr-grid__col-span-8", xs === 9 && "xs:govgr-grid__col-span-9", sm === 1 && "sm:govgr-grid__col-span-1", sm === 2 && "sm:govgr-grid__col-span-2", sm === 3 && "sm:govgr-grid__col-span-3", sm === 4 && "sm:govgr-grid__col-span-4", sm === 5 && "sm:govgr-grid__col-span-5", sm === 6 && "sm:govgr-grid__col-span-6", sm === 7 && "sm:govgr-grid__col-span-7", sm === 8 && "sm:govgr-grid__col-span-8", sm === 9 && "sm:govgr-grid__col-span-9", md === 1 && "md:govgr-grid__col-span-1", md === 2 && "md:govgr-grid__col-span-2", md === 3 && "md:govgr-grid__col-span-3", md === 4 && "md:govgr-grid__col-span-4", md === 5 && "md:govgr-grid__col-span-5", md === 6 && "md:govgr-grid__col-span-6", md === 7 && "md:govgr-grid__col-span-7", md === 8 && "md:govgr-grid__col-span-8", md === 9 && "md:govgr-grid__col-span-9", lg === 1 && "lg:govgr-grid__col-span-1", lg === 2 && "lg:govgr-grid__col-span-2", lg === 3 && "lg:govgr-grid__col-span-3", lg === 4 && "lg:govgr-grid__col-span-4", lg === 5 && "lg:govgr-grid__col-span-5", lg === 6 && "lg:govgr-grid__col-span-6", lg === 7 && "lg:govgr-grid__col-span-7", lg === 8 && "lg:govgr-grid__col-span-8", lg === 9 && "lg:govgr-grid__col-span-9", xl === 1 && "xl:govgr-grid__col-span-1", xl === 2 && "xl:govgr-grid__col-span-2", xl === 3 && "xl:govgr-grid__col-span-3", xl === 4 && "xl:govgr-grid__col-span-4", xl === 5 && "xl:govgr-grid__col-span-5", xl === 6 && "xl:govgr-grid__col-span-6", xl === 7 && "xl:govgr-grid__col-span-7", xl === 8 && "xl:govgr-grid__col-span-8", xl === 9 && "xl:govgr-grid__col-span-9"])
   }, props), children);
 });
 export default Grid;

package/esm/Header/index.js

@@ -1,24 +1,24 @@
 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';
 
 /**
  * Header represents a container for govgr header information.
  * This elememts is placed at the top of the page
  */
 export var Header = /*#__PURE__*/React.forwardRef(function Header(_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: "header",
-    className: clsx(className, true && 'govgr-header'),
+    role: "banner",
     ref: ref,
-    role: "banner"
+    className: clsx(className, true && 'govgr-header')
   }, props), children);
 });
 export default Header;

package/esm/HeaderContent/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';
 
 /**
  * HeaderContent is used inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLogo etc)
  */
 export var HeaderContent = /*#__PURE__*/React.forwardRef(function HeaderContent(_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: "div",
-    className: clsx(className, true && 'govgr-header__content'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-header__content')
   }, props), children);
 });
 export default HeaderContent;

package/esm/HeaderLogo/index.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["altText", "className", "href", "src"];
+var _excluded = ["href", "src", "altText", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use this component inside the Header to provide a logo.
  */
 export var HeaderLogo = /*#__PURE__*/React.forwardRef(function HeaderLogo(_ref, ref) {
-  var altText = _ref.altText,
-      className = _ref.className,
-      href = _ref.href,
+  var href = _ref.href,
       src = _ref.src,
+      altText = _ref.altText,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, true && 'govgr-header-link'),
     href: href,
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
-    alt: altText,
+    src: src,
     className: clsx(className, true && 'govgr-header-logo'),
-    src: src
+    alt: altText
   }));
 });
 export default HeaderLogo;

package/esm/HeaderNavMenuContent/index.js

@@ -1,9 +1,9 @@
 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 HeaderMenuContent inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLog,
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  *  HeaderMenuContent must only used when we use NavHorizontaList menu.
  */
 export var HeaderNavMenuContent = /*#__PURE__*/React.forwardRef(function HeaderNavMenuContent(_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: "div",
-    className: clsx(className, true && 'govgr-header-nav-menu__content'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-header-nav-menu__content')
   }, props), children);
 });
 export default HeaderNavMenuContent;

package/esm/HeaderSecondaryLogo/index.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["altText", "className", "href", "src"];
+var _excluded = ["href", "src", "altText", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * HeaderSecondaryLogo is used inside Header for providing additional logos.
  */
 export var HeaderSecondaryLogo = /*#__PURE__*/React.forwardRef(function HeaderSecondaryLogo(_ref, ref) {
-  var altText = _ref.altText,
-      className = _ref.className,
-      href = _ref.href,
+  var href = _ref.href,
       src = _ref.src,
+      altText = _ref.altText,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, true && 'govgr-header-link'),
     href: href,
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
-    alt: altText,
+    src: src,
     className: clsx(className, true && 'govgr-header-secondary-logo'),
-    src: src
+    alt: altText
   }));
 });
 export default HeaderSecondaryLogo;

package/esm/HeaderSecondaryLogo/index.test.js

@@ -3,8 +3,8 @@ import { mount } from 'enzyme';
 import HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';
 
 var _ref = /*#__PURE__*/React.createElement(HeaderSecondaryLogo, {
-  altText: "minedu logo",
-  src: "https://dilosi.services.gov.gr/minedu-logo.svg"
+  src: "https://dilosi.services.gov.gr/minedu-logo.svg",
+  altText: "minedu logo"
 });
 
 it('renders the HeaderSecondaryLogo with src and alt', function () {
@@ -12,9 +12,9 @@ it('renders the HeaderSecondaryLogo with src and alt', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(HeaderSecondaryLogo, {
-  altText: "minedu logo",
+  src: "https://dilosi.services.gov.gr/minedu-logo.svg",
   href: "https://www.minedu.gov.gr/",
-  src: "https://dilosi.services.gov.gr/minedu-logo.svg"
+  altText: "minedu logo"
 });
 
 it('renders the HeaderSecondaryLogo with src, href and alt', function () {

package/esm/HeaderSection/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';
 
 /**
  * HeaderSection is used inside Header component as a container for its items.
  */
 export var HeaderSection = /*#__PURE__*/React.forwardRef(function HeaderSection(_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: "div",
-    className: clsx(className, true && 'govgr-header__container'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-header__container')
   }, props), children);
 });
 export default HeaderSection;

package/esm/HeaderSubtitle/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';
 
 /**
  * Details for the HeaderSubtitle.
  */
 export var HeaderSubtitle = /*#__PURE__*/React.forwardRef(function HeaderSubtitle(_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: "div",
-    className: clsx(className),
-    ref: ref
+    ref: ref,
+    className: clsx(className)
   }, props), children);
 });
 export default HeaderSubtitle;

package/esm/HeaderTitle/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "href"];
+var _excluded = ["href", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use this component inside HeaderContent to provide a title to the header.
  */
 export var HeaderTitle = /*#__PURE__*/React.forwardRef(function HeaderTitle(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$href = _ref.href,
+  var _ref$href = _ref.href,
       href = _ref$href === void 0 ? '/' : _ref$href,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, true && 'govgr-header-title'),
+    ref: ref,
     href: href,
-    ref: ref
+    className: clsx(className, true && 'govgr-header-title')
   }, props), children);
 });
 export default HeaderTitle;

package/esm/Heading/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "element", "size"];
+var _excluded = ["size", "element", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 var getComponentBySize = function getComponentBySize(size) {
   switch (size) {
@@ -30,18 +30,18 @@ var getComponentBySize = function getComponentBySize(size) {
 
 
 export var Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      element = _ref.element,
-      _ref$size = _ref.size,
+  var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'xl' : _ref$size,
+      element = _ref.element,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var Component = element ? element : getComponentBySize(size);
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: Component,
-    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')
   }, props), children);
 });
 export default Heading;

package/esm/Heading/index.test.js

@@ -41,8 +41,8 @@ it('renders the Heading with size=s', function () {
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h2",
-  size: 's'
+  size: 's',
+  element: "h2"
 }, "hello");
 
 it('renders the Heading with size=s and element h2', function () {
@@ -50,8 +50,8 @@ it('renders the Heading with size=s and element h2', function () {
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h3",
-  size: 's'
+  size: 's',
+  element: "h3"
 }, "hello");
 
 it('renders the Heading with size=s and element h3', function () {
@@ -59,8 +59,8 @@ it('renders the Heading with size=s and element h3', function () {
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h4",
-  size: 's'
+  size: 's',
+  element: "h4"
 }, "hello");
 
 it('renders the Heading with size=s and element h4', function () {
@@ -68,8 +68,8 @@ it('renders the Heading with size=s and element h4', function () {
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h2",
-  size: 'm'
+  size: 'm',
+  element: "h2"
 }, "hello");
 
 it('renders the Heading with size=m and element h2', function () {
@@ -77,8 +77,8 @@ it('renders the Heading with size=m and element h2', function () {
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h3",
-  size: 'm'
+  size: 'm',
+  element: "h3"
 }, "hello");
 
 it('renders the Heading with size=m and element h3', function () {
@@ -86,8 +86,8 @@ it('renders the Heading with size=m and element h3', function () {
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h4",
-  size: 'm'
+  size: 'm',
+  element: "h4"
 }, "hello");
 
 it('renders the Heading with size=m and element h4', function () {
@@ -95,8 +95,8 @@ it('renders the Heading with size=m and element h4', function () {
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h2",
-  size: 'l'
+  size: 'l',
+  element: "h2"
 }, "hello");
 
 it('renders the Heading with size=l and element h2', function () {
@@ -104,8 +104,8 @@ it('renders the Heading with size=l and element h2', function () {
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h3",
-  size: 'l'
+  size: 'l',
+  element: "h3"
 }, "hello");
 
 it('renders the Heading with size=l and element h3', function () {
@@ -113,8 +113,8 @@ it('renders the Heading with size=l and element h3', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h4",
-  size: 'l'
+  size: 'l',
+  element: "h4"
 }, "hello");
 
 it('renders the Heading with size=l and element h4', function () {
@@ -122,8 +122,8 @@ it('renders the Heading with size=l and element h4', function () {
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h2",
-  size: 'xl'
+  size: 'xl',
+  element: "h2"
 }, "hello");
 
 it('renders the Heading with size=xl and element h2', function () {
@@ -131,8 +131,8 @@ it('renders the Heading with size=xl and element h2', function () {
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h3",
-  size: 'xl'
+  size: 'xl',
+  element: "h3"
 }, "hello");
 
 it('renders the Heading with size=xl and element h3', function () {
@@ -140,8 +140,8 @@ it('renders the Heading with size=xl and element h3', function () {
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(Heading, {
-  element: "h4",
-  size: 'xl'
+  size: 'xl',
+  element: "h4"
 }, "hello");
 
 it('renders the Heading with size=xl and element h4', function () {

package/esm/HeadingCaption/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "size"];
+var _excluded = ["size", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Sometimes you may need to make it clear that a page is part of a larger section or group.
  * To do this, you can use a Heading with a HeadingCaption above it.
  */
 export var HeadingCaption = /*#__PURE__*/React.forwardRef(function HeadingCaption(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$size = _ref.size,
+  var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'l' : _ref$size,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "span",
-    className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m')
   }, props), children);
 });
 export default HeadingCaption;