@digigov/react-core 0.25.2 → 0.25.4

package/esm/FooterContentLogos/index.js

@@ -1,9 +1,9 @@
 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';
 
 /**
  * FooterContentLogos is placed in the footer, inside the FooterContent ccomponent, above the Copyright.
@@ -11,14 +11,14 @@ import clsx from 'clsx';
  * It has no props.
  */
 export var FooterContentLogos = /*#__PURE__*/React.forwardRef(function FooterContentLogos(_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: "div",
-    ref: ref,
-    className: clsx(className, true && 'govgr-footer__content--logos')
+    className: clsx(className, true && 'govgr-footer__content--logos'),
+    ref: ref
   }, props), children);
 });
 export default FooterContentLogos;

package/esm/FooterHeading/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "children"];
+var _excluded = ["children", "className", "size"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * FooterHeading is a component used for heading in the footer.
  */
 export var FooterHeading = /*#__PURE__*/React.forwardRef(function FooterHeading(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 's' : _ref$size,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 's' : _ref$size,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "h2",
-    ref: ref,
-    className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-footer__heading')
+    className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-footer__heading'),
+    ref: ref
   }, props), children);
 });
 export default FooterHeading;

package/esm/FooterImage/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "alt"];
+var _excluded = ["alt", "children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * FooterImage is a component for logos and images in the footer.
@@ -11,18 +11,17 @@ import clsx from 'clsx';
  *
  */
 export var FooterImage = /*#__PURE__*/React.forwardRef(function FooterImage(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      _ref$alt = _ref.alt,
+  var _ref$alt = _ref.alt,
       alt = _ref$alt === void 0 ? 'footer logo' : _ref$alt,
+      children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
+    alt: alt,
     as: "img",
-    ref: ref,
-    className: clsx(className, true && 'govgr-footer__logo')
-  }, props, {
-    alt: alt
-  }), children);
+    className: clsx(className, true && 'govgr-footer__logo'),
+    ref: ref
+  }, props), children);
 });
 export default FooterImage;

package/esm/FooterInlineList/index.js

@@ -1,9 +1,9 @@
 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';
 
 /**
  * FooterInlineList is a component for an inline list in the footer.
@@ -11,14 +11,14 @@ import clsx from 'clsx';
  * This is a wrapper for a list of FooterInlineListItem.
  */
 export var FooterInlineList = /*#__PURE__*/React.forwardRef(function FooterInlineList(_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-footer__inline-list')
+    className: clsx(className, true && 'govgr-footer__inline-list'),
+    ref: ref
   }, props), children);
 });
 export default FooterInlineList;

package/esm/FooterInlineListItem/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';
 
 /**
  * Details for the FooterInlineListItem.
  */
 export var FooterInlineListItem = /*#__PURE__*/React.forwardRef(function FooterInlineListItem(_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-footer__inline-list-item')
+    className: clsx(className, true && 'govgr-footer__inline-list-item'),
+    ref: ref
   }, props), children);
 });
 export default FooterInlineListItem;

package/esm/FooterLink/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';
 
 /**
  * FooterLink in used inside the Footer component.
  */
 export var FooterLink = /*#__PURE__*/React.forwardRef(function FooterLink(_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: "a",
-    ref: ref,
-    className: clsx(className, true && 'govgr-footer__link')
+    className: clsx(className, true && 'govgr-footer__link'),
+    ref: ref
   }, props), children);
 });
 export default FooterLink;

package/esm/FooterList/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["columns", "className", "children"];
+var _excluded = ["children", "className", "columns"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * FooterList is used inside the FooterSection.
  * This component takes a list of FooterListItem component as its children.
  */
 export var FooterList = /*#__PURE__*/React.forwardRef(function FooterList(_ref, ref) {
-  var columns = _ref.columns,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      columns = _ref.columns,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
-    ref: ref,
-    className: clsx(className, columns === 2 && 'govgr-footer__list--columns-2', true && 'govgr-footer__list')
+    className: clsx(className, columns === 2 && 'govgr-footer__list--columns-2', true && 'govgr-footer__list'),
+    ref: ref
   }, props), children);
 });
 export default FooterList;

package/esm/FooterListItem/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';
 
 /**
  * FooterListItem must be inside the FooterList component.
  * This component has no props.
  */
 export var FooterListItem = /*#__PURE__*/React.forwardRef(function FooterListItem(_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-footer__list-item')
+    className: clsx(className, true && 'govgr-footer__list-item'),
+    ref: ref
   }, props), children);
 });
 export default FooterListItem;

package/esm/FooterMeta/index.js

@@ -1,9 +1,9 @@
 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';
 
 /**
  * FooterMeta is inside the FooterContainer component.
@@ -11,14 +11,14 @@ import clsx from 'clsx';
  * Semantically, in this component we include the very basic elements of a govgr footer.
  */
 export var FooterMeta = /*#__PURE__*/React.forwardRef(function FooterMeta(_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: "div",
-    ref: ref,
-    className: clsx(className, true && 'govgr-footer__meta')
+    className: clsx(className, true && 'govgr-footer__meta'),
+    ref: ref
   }, props), children);
 });
 export default FooterMeta;

package/esm/FooterMetaItem/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["grow", "className", "children"];
+var _excluded = ["children", "className", "grow"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * FooterMetaItem is inside the FooterMeta component.
  */
 export var FooterMetaItem = /*#__PURE__*/React.forwardRef(function FooterMetaItem(_ref, ref) {
-  var grow = _ref.grow,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      grow = _ref.grow,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, grow === true && 'govgr-footer__meta-item--grow', true && 'govgr-footer__meta-item')
+    className: clsx(className, grow === true && 'govgr-footer__meta-item--grow', true && 'govgr-footer__meta-item'),
+    ref: ref
   }, props), children);
 });
 export default FooterMetaItem;

package/esm/FooterNavigation/index.js

@@ -1,9 +1,9 @@
 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';
 
 /**
  * FooterNavigation is optional. This components must be included in the FooterContainer.
@@ -11,14 +11,14 @@ import clsx from 'clsx';
  * This component has no props.
  */
 export var FooterNavigation = /*#__PURE__*/React.forwardRef(function FooterNavigation(_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: "div",
-    ref: ref,
-    className: clsx(className, true && 'govgr-footer__navigation')
+    className: clsx(className, true && 'govgr-footer__navigation'),
+    ref: ref
   }, props), children);
 });
 export default FooterNavigation;

package/esm/FooterSection/index.js

@@ -1,9 +1,9 @@
 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';
 
 /**
  * FooterSection must be inside the FooterNavigation.
@@ -11,14 +11,14 @@ import clsx from 'clsx';
  * This component has no props.
  */
 export var FooterSection = /*#__PURE__*/React.forwardRef(function FooterSection(_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: "div",
-    ref: ref,
-    className: clsx(className, true && 'govgr-footer__section')
+    className: clsx(className, true && 'govgr-footer__section'),
+    ref: ref
   }, props), children);
 });
 export default FooterSection;

package/esm/Form/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "grid"];
+var _excluded = ["children", "className", "grid"];
 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 the Content component for additional content
  * that will be shown on the left one third of the page
  */
 export var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$grid = _ref.grid,
       grid = _ref$grid === void 0 ? false : _ref$grid,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "form",
-    ref: ref,
-    className: clsx(className, true && 'govgr-form', grid && 'govgr-grid')
+    className: clsx(className, true && 'govgr-form', grid && 'govgr-grid'),
+    ref: ref
   }, props), children);
 });
 export default Form;

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 = ["variant", "size", "active", "className"];
+var _excluded = ["active", "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("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 variant = _ref.variant,
-      size = _ref.size,
-      active = _ref.active,
+  var active = _ref.active,
       className = _ref.className,
+      size = _ref.size,
+      variant = _ref.variant,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    variant: variant,
-    size: size,
     className: clsx(className, active === true && 'govgr-globe-icon--active', true && 'govgr-globe-icon'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, 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 = ["href", "className"];
+var _excluded = ["className", "href"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 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 _ref$href = _ref.href,
+  var className = _ref.className,
+      _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,
-    className: clsx(className, true && 'govgr-header-link')
+    ref: ref
   }, props), /*#__PURE__*/React.createElement("img", {
-    src: logo,
+    alt: "gov.gr logo",
     className: clsx(className, true && 'govgr-header-logo'),
-    alt: "gov.gr logo"
+    src: logo
   }), /*#__PURE__*/React.createElement("img", {
-    src: logoInverted,
+    alt: "gov.gr logo",
     className: clsx(className, true && 'govgr-header-logo-inverted'),
-    alt: "gov.gr logo"
+    src: logoInverted
   }));
 });
 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 = ["className", "children", "container", "item", "spacing", "inline", "xs", "sm", "md", "lg", "xl", "as"];
+var _excluded = ["as", "children", "className", "container", "inline", "item", "lg", "md", "sm", "spacing", "xl", "xs"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * 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 className = _ref.className,
+  var as = _ref.as,
       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,
-      spacing = _ref.spacing,
-      inline = _ref.inline,
-      xs = _ref.xs,
-      sm = _ref.sm,
-      md = _ref.md,
       lg = _ref.lg,
+      md = _ref.md,
+      sm = _ref.sm,
+      spacing = _ref.spacing,
       xl = _ref.xl,
-      as = _ref.as,
+      xs = _ref.xs,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: as || 'div',
-    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"])
+    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
   }, 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 = ["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';
 
 /**
  * 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 className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "header",
-    role: "banner",
+    className: clsx(className, true && 'govgr-header'),
     ref: ref,
-    className: clsx(className, true && 'govgr-header')
+    role: "banner"
   }, 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 = ["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';
 
 /**
  * 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 className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, true && 'govgr-header__content')
+    className: clsx(className, true && 'govgr-header__content'),
+    ref: ref
   }, props), children);
 });
 export default HeaderContent;