@digigov/react-core 0.25.4 → 0.26.0

package/es/Top/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';
 
 /**
  * Top is used inside the Layout component and it must be the first component in order.
  */
 export var Top = /*#__PURE__*/React.forwardRef(function Top(_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-top'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-top')
   }, props), children);
 });
 export default Top;

package/es/UncheckIcon/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "size", "variant"];
+var _excluded = ["size", "variant", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
 
 var _ref2 = /*#__PURE__*/React.createElement("polygon", {
   points: "20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
@@ -13,16 +13,16 @@ var _ref2 = /*#__PURE__*/React.createElement("polygon", {
  * Use UnUncheckIcon component when you need a uncheck/decline icon.
  */
 export var UncheckIcon = /*#__PURE__*/React.forwardRef(function UncheckIcon(_ref, ref) {
-  var className = _ref.className,
-      size = _ref.size,
+  var size = _ref.size,
       variant = _ref.variant,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    className: clsx(className, true && 'govgr-svg-icon--check'),
-    ref: ref,
     size: size,
-    variant: variant
+    variant: variant,
+    className: clsx(className, true && 'govgr-svg-icon--check'),
+    ref: ref
   }, props), _ref2);
 });
 export default UncheckIcon;

package/es/UncheckIcon/index.test.js

@@ -105,8 +105,8 @@ it('renders the UncheckIcon with prop variant=focus', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(UncheckIcon, {
-  size: "s",
-  variant: "warning"
+  variant: "warning",
+  size: "s"
 });
 
 it('renders the UncheckIcon with prop variant=warning and size=s', function () {
@@ -114,8 +114,8 @@ it('renders the UncheckIcon with prop variant=warning and size=s', function () {
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(UncheckIcon, {
-  size: "xl",
-  variant: "warning"
+  variant: "warning",
+  size: "xl"
 });
 
 it('renders the UncheckIcon with prop variant=error and size= xl', function () {

package/es/VisuallyHidden/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';
 
 /**
  * Details for the VisuallyHidden.
  * VisuallyHidden component provides text for screen readers that is visually hidden.
  */
 export var VisuallyHidden = /*#__PURE__*/React.forwardRef(function VisuallyHidden(_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: "span",
-    className: clsx(className, true && 'govgr-visually-hidden'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-visually-hidden')
   }, props), children);
 });
 export default VisuallyHidden;

package/es/WarningText/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';
 
 /**
  * WarningText.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * The component is used with a text inside it.
  */
 export var WarningText = /*#__PURE__*/React.forwardRef(function WarningText(_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-warning-text'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-warning-text')
   }, props), /*#__PURE__*/React.createElement("span", {
     className: clsx(true && 'govgr-warning-text__icon')
   }, "!"), /*#__PURE__*/React.createElement("strong", {

package/es/index.js

@@ -29,6 +29,7 @@ export * from '@digigov/react-core/CaretIcon';
 export * from '@digigov/react-core/Checkbox';
 export * from '@digigov/react-core/CheckboxConditional';
 export * from '@digigov/react-core/CheckboxItem';
+export * from '@digigov/react-core/ChoiceDivider';
 export * from '@digigov/react-core/CheckIcon';
 export * from '@digigov/react-core/UncheckIcon';
 export * from '@digigov/react-core/CloseIcon';

package/es/registry.js

@@ -31,6 +31,7 @@ import * as _digigov_react_core_Checkbox from '@digigov/react-core/Checkbox';
 import * as _digigov_react_core_CheckboxConditional from '@digigov/react-core/CheckboxConditional';
 import * as _digigov_react_core_CheckboxItem from '@digigov/react-core/CheckboxItem';
 import * as _digigov_react_core_CheckIcon from '@digigov/react-core/CheckIcon';
+import * as _digigov_react_core_ChoiceDivider from '@digigov/react-core/ChoiceDivider';
 import * as _digigov_react_core_CloseIcon from '@digigov/react-core/CloseIcon';
 import * as _digigov_react_core_Confirmation from '@digigov/react-core/Confirmation';
 import * as _digigov_react_core_ConfirmationBody from '@digigov/react-core/ConfirmationBody';
@@ -163,6 +164,7 @@ import * as _digigov_react_core_VisuallyHidden from '@digigov/react-core/Visuall
 import * as _digigov_react_core_WarningText from '@digigov/react-core/WarningText';
 
 function lazyImport(pkgImport) {
+  // eslint-disable-next-line no-undef
   return new Proxy({}, {
     get: function get(_target, name) {
       if (name === '__esModule' || name === 'default') {
@@ -210,6 +212,7 @@ export default {
   '@digigov/react-core/CheckboxConditional': lazyImport(_digigov_react_core_CheckboxConditional),
   '@digigov/react-core/CheckboxItem': lazyImport(_digigov_react_core_CheckboxItem),
   '@digigov/react-core/CheckIcon': lazyImport(_digigov_react_core_CheckIcon),
+  '@digigov/react-core/ChoiceDivider': lazyImport(_digigov_react_core_ChoiceDivider),
   '@digigov/react-core/CloseIcon': lazyImport(_digigov_react_core_CloseIcon),
   '@digigov/react-core/Confirmation': lazyImport(_digigov_react_core_Confirmation),
   '@digigov/react-core/ConfirmationBody': lazyImport(_digigov_react_core_ConfirmationBody),

package/esm/AccessibilityIcon/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "size", "variant"];
+var _excluded = ["size", "variant", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
 
 var _ref2 = /*#__PURE__*/React.createElement("title", null, "\u039C\u03B5\u03BD\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03B2\u03B1\u03C3\u03B9\u03BC\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2");
 
@@ -21,16 +21,16 @@ var _ref4 = /*#__PURE__*/React.createElement("path", {
  * Use AccessibilityIcon component when you need to show web accessibility options.
  */
 export var AccessibilityIcon = /*#__PURE__*/React.forwardRef(function AccessibilityIcon(_ref, ref) {
-  var className = _ref.className,
-      size = _ref.size,
+  var size = _ref.size,
       variant = _ref.variant,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    className: clsx(className, true && 'govgr-svg-icon--accessibility'),
-    ref: ref,
     size: size,
-    variant: variant
+    variant: variant,
+    className: clsx(className, true && 'govgr-svg-icon--accessibility'),
+    ref: ref
   }, props), _ref2, _ref3, _ref4, ' ');
 });
 export default AccessibilityIcon;

package/esm/AccessibilityIcon/index.test.js

@@ -113,8 +113,8 @@ it('renders the AccessibilityIcon with prop variant=focus', function () {
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
-  size: "s",
-  variant: "warning"
+  variant: "warning",
+  size: "s"
 });
 
 it('renders the AccessibilityIcon with prop variant=warning and size=s', function () {
@@ -122,8 +122,8 @@ it('renders the AccessibilityIcon with prop variant=warning and size=s', functio
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(AccessibilityIcon, {
-  size: "xl",
-  variant: "warning"
+  variant: "warning",
+  size: "xl"
 });
 
 it('renders the AccessibilityIcon with prop variant=error and size= xl', function () {

package/esm/AccessibilityTextIcon/index.test.js

@@ -105,8 +105,8 @@ it('renders the AccessibilityTextIcon with prop variant=focus', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
-  size: "s",
-  variant: "warning"
+  variant: "warning",
+  size: "s"
 });
 
 it('renders the AccessibilityTextIcon with prop variant=warning and size=s', function () {
@@ -114,8 +114,8 @@ it('renders the AccessibilityTextIcon with prop variant=warning and size=s', fun
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
-  size: "xl",
-  variant: "warning"
+  variant: "warning",
+  size: "xl"
 });
 
 it('renders the AccessibilityTextIcon with prop variant=error and size= xl', function () {

package/esm/Accordion/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';
 
 /**
  * Accordion is the main component for an accordion.
  * Inside this component must be a list of AccordionSection components.
  */
 export var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_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-accordion'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-accordion')
   }, props), children);
 });
 export default Accordion;

package/esm/AccordionControls/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';
 
 /**
  * AccordionControls is a component that provides controls for an accordion.
  */
 export var AccordionControls = /*#__PURE__*/React.forwardRef(function AccordionControls(_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-accordion__controls'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-accordion__controls')
   }, props), children);
 });
 export default AccordionControls;

package/esm/AccordionSection/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["border", "children", "className"];
+var _excluded = ["className", "border", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * AccordionSection should be inside the Accordion component.
@@ -12,16 +12,16 @@ import Base from '@digigov/react-core/Base';
  */
 // eslint-disable-next-line react/display-name
 export var AccordionSection = /*#__PURE__*/React.forwardRef(function AccordionSection(_ref, ref) {
-  var _ref$border = _ref.border,
+  var className = _ref.className,
+      _ref$border = _ref.border,
       border = _ref$border === void 0 ? true : _ref$border,
       children = _ref.children,
-      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "details",
-    className: clsx(className, !border && 'govgr-accordion__section--no-border', true && 'govgr-accordion__section'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, !border && 'govgr-accordion__section--no-border', true && 'govgr-accordion__section')
   }, props), children);
 });
 export default AccordionSection;

package/esm/AccordionSectionContent/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';
 
 /**
  * AccordionSectionContent should be inside the AccordionSection and it is the content of the section.
  * The content is only visible when the AccordionSection is 'open'.
  */
 export var AccordionSectionContent = /*#__PURE__*/React.forwardRef(function AccordionSectionContent(_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-accordion__section-content'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-accordion__section-content')
   }, props), children);
 });
 export default AccordionSectionContent;

package/esm/AccordionSectionHeader/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';
 
 /**
  * AccordionSectionHeader will be deprecated and implemented using AccordionSectionSummary and AccordionSectionSummaryHeading.
  */
 export var AccordionSectionHeader = /*#__PURE__*/React.forwardRef(function AccordionSectionHeader(_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: "summary",
-    className: clsx(className, true && 'govgr-accordion__section-header'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-accordion__section-header')
   }, props), /*#__PURE__*/React.createElement("h2", {
     className: clsx(true && 'govgr-accordion__section-heading')
   }, /*#__PURE__*/React.createElement("span", {

package/esm/AccordionSectionSummary/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';
 
 /**
  * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
  */
 export var AccordionSectionSummary = /*#__PURE__*/React.forwardRef(function AccordionSectionSummary(_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: "summary",
-    className: clsx(className, true && 'govgr-accordion__section-summary'),
     ref: ref,
+    className: clsx(className, true && 'govgr-accordion__section-summary'),
     role: "heading"
   }, props), children);
 });

package/esm/AccordionSectionSummaryHeading/index.js

@@ -1,24 +1,25 @@
 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';
 
 /**
  * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
  */
 export var AccordionSectionSummaryHeading = /*#__PURE__*/React.forwardRef(function AccordionSectionSummaryHeading(_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: "h2",
-    className: clsx(className, true && 'govgr-accordion__section-heading'),
     ref: ref,
+    className: clsx(className, true && 'govgr-accordion__section-heading')
+  }, props, {
     role: "button"
-  }, props), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: clsx(true && 'govgr-accordion__section-button')
   }, children));
 });

package/esm/ArrowIcon/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "direction", "size", "variant"];
+var _excluded = ["size", "variant", "direction", "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: "M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
@@ -26,18 +26,18 @@ var _ref5 = /*#__PURE__*/React.createElement("path", {
  * ArrowIcon component can be used inside other components, for example CallToAction component.
  */
 export var ArrowIcon = /*#__PURE__*/React.forwardRef(function ArrowIcon(_ref, ref) {
-  var className = _ref.className,
+  var size = _ref.size,
+      variant = _ref.variant,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? 'right' : _ref$direction,
-      size = _ref.size,
-      variant = _ref.variant,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    className: clsx(className, direction === 'right' && 'govgr-arrow--right', direction === 'left' && 'govgr-arrow--left', direction === 'down' && 'govgr-arrow--down', direction === 'up' && 'govgr-arrow--up'),
-    ref: ref,
     size: size,
-    variant: variant
+    variant: variant,
+    className: clsx(className, direction === 'right' && 'govgr-arrow--right', direction === 'left' && 'govgr-arrow--left', direction === 'down' && 'govgr-arrow--down', direction === 'up' && 'govgr-arrow--up'),
+    ref: ref
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });
 export default ArrowIcon;

package/esm/Aside/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';
 
 /**
  * Use this inside the Content component for additional content
  * that will be shown on the left one third of the page
  */
 export var Aside = /*#__PURE__*/React.forwardRef(function Aside(_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: "aside",
-    className: clsx(className, true && 'govgr-grid-column-one-third'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-grid-column-one-third')
   }, props), children);
 });
 export default Aside;

package/esm/BackLink/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "href", "printHidden", "tabIndex"];
+var _excluded = ["href", "tabIndex", "printHidden", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 import CaretIcon from '@digigov/react-core/CaretIcon';
 
 var _ref2 = /*#__PURE__*/React.createElement(CaretIcon, null);
@@ -12,24 +12,24 @@ var _ref2 = /*#__PURE__*/React.createElement(CaretIcon, null);
  * Use BackLink component to help users go back to the previous page in a multi-page transaction.
  */
 export var BackLink = /*#__PURE__*/React.forwardRef(function BackLink(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      href = _ref.href,
-      _ref$printHidden = _ref.printHidden,
-      printHidden = _ref$printHidden === void 0 ? true : _ref$printHidden,
+  var href = _ref.href,
       _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
+      _ref$printHidden = _ref.printHidden,
+      printHidden = _ref$printHidden === void 0 ? true : _ref$printHidden,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, true && 'govgr-back-link'),
+    printHidden: printHidden,
     href: href,
     onClick: function onClick() {
       !href && window.history.back();
     },
-    printHidden: printHidden,
     ref: ref,
+    className: clsx(className, true && 'govgr-back-link'),
     tabIndex: tabIndex
   }, props), _ref2, children);
 });