@digigov/react-core 0.25.4 → 0.26.0

package/esm/FieldsetLegend/index.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "heading", "size"];
+var _excluded = ["size", "heading", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * FieldsetLegend component is the title within a Fieldset component.
  */
 export var FieldsetLegend = /*#__PURE__*/React.forwardRef(function FieldsetLegend(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'l' : _ref$size,
       _ref$heading = _ref.heading,
       heading = _ref$heading === void 0 ? false : _ref$heading,
-      _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({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
     as: "legend",
-    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-fieldset__legend'),
-    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', true && 'govgr-fieldset__legend')
   }, heading && {
     role: 'heading',
     'aria-level': 1
-  }, props), children);
+  }, props), children));
 });
 export default FieldsetLegend;

package/esm/FileUpload/index.js

@@ -1,35 +1,35 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "disabled", "hasFiles", "name"];
+var _excluded = ["name", "className", "children", "disabled", "hasFiles"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the FileUpload.
  * FileUpload component is used for uploading files
  */
 export var FileUpload = /*#__PURE__*/React.forwardRef(function FileUpload(_ref, ref) {
-  var children = _ref.children,
+  var name = _ref.name,
       className = _ref.className,
+      children = _ref.children,
       disabled = _ref.disabled,
       _ref$hasFiles = _ref.hasFiles,
       hasFiles = _ref$hasFiles === void 0 ? false : _ref$hasFiles,
-      name = _ref.name,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, {
     as: "label",
-    className: clsx(className, !hasFiles && ['govgr-btn', 'govgr-btn-secondary'], hasFiles && 'govgr-link', true && 'govgr-label-file'),
+    tabIndex: 0,
     role: "button",
-    tabIndex: 0
+    className: clsx(className, !hasFiles && ['govgr-btn', 'govgr-btn-secondary'], hasFiles && 'govgr-link', true && 'govgr-label-file')
   }, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
-    className: clsx(true && 'govgr-file-input'),
-    disabled: disabled,
-    name: name,
     ref: ref,
-    type: "file"
+    type: "file",
+    name: name,
+    disabled: disabled,
+    className: clsx(true && 'govgr-file-input')
   }, props)), children);
 });
 export default FileUpload;

package/esm/FileUploadContainer/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "hasUploadedFile"];
+var _excluded = ["className", "children", "hasUploadedFile"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the FileUploadContainer.
  * FileUploadContainer component is used for wrapping the FileUpload component
  */
 export var FileUploadContainer = /*#__PURE__*/React.forwardRef(function FileUploadContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       _ref$hasUploadedFile = _ref.hasUploadedFile,
       hasUploadedFile = _ref$hasUploadedFile === void 0 ? false : _ref$hasUploadedFile,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
+    ref: ref,
     as: "div",
-    className: clsx(className, hasUploadedFile && 'govgr-uploaded-file'),
-    ref: ref
+    className: clsx(className, hasUploadedFile && 'govgr-uploaded-file')
   }, props), children);
 });
 export default FileUploadContainer;

package/esm/Footer/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';
 
 /**
  * Footer is used always at the end of the page, in the Layout component.
  */
 export var Footer = /*#__PURE__*/React.forwardRef(function Footer(_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: "footer",
-    className: clsx(className, true && 'govgr-footer'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer')
   }, props), children);
 });
 export default Footer;

package/esm/FooterContainer/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "fullWidth"];
+var _excluded = ["className", "fullWidth", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * FooterContainer mush be used inside the Footer component. It has no props.
  */
 export var FooterContainer = /*#__PURE__*/React.forwardRef(function FooterContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
       _ref$fullWidth = _ref.fullWidth,
       fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, fullWidth === false && 'govgr-width-container', fullWidth === true && 'govgr-full-width-container'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, fullWidth === false && 'govgr-width-container', fullWidth === true && 'govgr-full-width-container')
   }, props), children);
 });
 export default FooterContainer;

package/esm/FooterContent/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';
 
 /**
  * FooterContent is used inside the FooterMetaItem.
  * In this component, we place the basic content of the footer (ex. Copyright, extra logos, inline list).
  */
 export var FooterContent = /*#__PURE__*/React.forwardRef(function FooterContent(_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-footer__content'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__content')
   }, props), children);
 });
 export default FooterContent;

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 = ["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';
 
 /**
  * FooterContentLogos is placed in the footer, inside the FooterContent ccomponent, above the Copyright.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * It has no props.
  */
 export var FooterContentLogos = /*#__PURE__*/React.forwardRef(function FooterContentLogos(_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-footer__content--logos'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__content--logos')
   }, 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 = ["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';
 
 /**
  * FooterHeading is a component used for heading in the footer.
  */
 export var FooterHeading = /*#__PURE__*/React.forwardRef(function FooterHeading(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$size = _ref.size,
+  var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 's' : _ref$size,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "h2",
-    className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-footer__heading'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-footer__heading')
   }, 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 = ["alt", "children", "className"];
+var _excluded = ["className", "children", "alt"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * FooterImage is a component for logos and images in the footer.
@@ -11,17 +11,18 @@ import Base from '@digigov/react-core/Base';
  *
  */
 export var FooterImage = /*#__PURE__*/React.forwardRef(function FooterImage(_ref, ref) {
-  var _ref$alt = _ref.alt,
-      alt = _ref$alt === void 0 ? 'footer logo' : _ref$alt,
+  var className = _ref.className,
       children = _ref.children,
-      className = _ref.className,
+      _ref$alt = _ref.alt,
+      alt = _ref$alt === void 0 ? 'footer logo' : _ref$alt,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    alt: alt,
     as: "img",
-    className: clsx(className, true && 'govgr-footer__logo'),
-    ref: ref
-  }, props), children);
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__logo')
+  }, props, {
+    alt: alt
+  }), 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 = ["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';
 
 /**
  * FooterInlineList is a component for an inline list in the footer.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * This is a wrapper for a list of FooterInlineListItem.
  */
 export var FooterInlineList = /*#__PURE__*/React.forwardRef(function FooterInlineList(_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: "ul",
-    className: clsx(className, true && 'govgr-footer__inline-list'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__inline-list')
   }, 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 = ["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 FooterInlineListItem.
  */
 export var FooterInlineListItem = /*#__PURE__*/React.forwardRef(function FooterInlineListItem(_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-footer__inline-list-item'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__inline-list-item')
   }, 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 = ["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';
 
 /**
  * FooterLink in used inside the Footer component.
  */
 export var FooterLink = /*#__PURE__*/React.forwardRef(function FooterLink(_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: "a",
-    className: clsx(className, true && 'govgr-footer__link'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__link')
   }, 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 = ["children", "className", "columns"];
+var _excluded = ["columns", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 children = _ref.children,
+  var columns = _ref.columns,
       className = _ref.className,
-      columns = _ref.columns,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
-    className: clsx(className, columns === 2 && 'govgr-footer__list--columns-2', true && 'govgr-footer__list'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, columns === 2 && 'govgr-footer__list--columns-2', true && 'govgr-footer__list')
   }, 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 = ["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';
 
 /**
  * FooterListItem must be inside the FooterList component.
  * This component has no props.
  */
 export var FooterListItem = /*#__PURE__*/React.forwardRef(function FooterListItem(_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-footer__list-item'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__list-item')
   }, 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 = ["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';
 
 /**
  * FooterMeta is inside the FooterContainer component.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * 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 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-footer__meta'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__meta')
   }, 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 = ["children", "className", "grow"];
+var _excluded = ["grow", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * FooterMetaItem is inside the FooterMeta component.
  */
 export var FooterMetaItem = /*#__PURE__*/React.forwardRef(function FooterMetaItem(_ref, ref) {
-  var children = _ref.children,
+  var grow = _ref.grow,
       className = _ref.className,
-      grow = _ref.grow,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, grow === true && 'govgr-footer__meta-item--grow', true && 'govgr-footer__meta-item'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, grow === true && 'govgr-footer__meta-item--grow', true && 'govgr-footer__meta-item')
   }, 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 = ["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';
 
 /**
  * FooterNavigation is optional. This components must be included in the FooterContainer.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * This component has no props.
  */
 export var FooterNavigation = /*#__PURE__*/React.forwardRef(function FooterNavigation(_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-footer__navigation'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__navigation')
   }, 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 = ["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';
 
 /**
  * FooterSection must be inside the FooterNavigation.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * This component has no props.
  */
 export var FooterSection = /*#__PURE__*/React.forwardRef(function FooterSection(_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-footer__section'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__section')
   }, 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 = ["children", "className", "grid"];
+var _excluded = ["className", "children", "grid"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       _ref$grid = _ref.grid,
       grid = _ref$grid === void 0 ? false : _ref$grid,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "form",
-    className: clsx(className, true && 'govgr-form', grid && 'govgr-grid'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-form', grid && 'govgr-grid')
   }, props), children);
 });
 export default Form;