@digigov/react-core 0.25.4 → 0.25.5

package/esm/ButtonLink/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "color"];
+var _excluded = ["color", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use the Button component to help users carry out an action.
  */
 export var ButtonLink = /*#__PURE__*/React.forwardRef(function ButtonLink(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$color = _ref.color,
+  var _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'primary' : _ref$color,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', true && 'govgr-btn'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', true && 'govgr-btn')
   }, props), children);
 });
 export default ButtonLink;

package/esm/ButtonLink/index.test.js

@@ -47,8 +47,8 @@ it('renders the ButtonLink with disabled=false', function () {
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(ButtonLink, {
-  color: 'primary',
-  href: '#'
+  href: '#',
+  color: 'primary'
 }, "hello");
 
 it('renders the ButtonLink with color=primary with href=#', function () {
@@ -56,8 +56,8 @@ it('renders the ButtonLink with color=primary with href=#', function () {
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(ButtonLink, {
-  color: 'secondary',
-  href: '#'
+  href: '#',
+  color: 'secondary'
 }, "hello");
 
 it('renders the ButtonLink with color=secondary with href=#', function () {
@@ -65,8 +65,8 @@ it('renders the ButtonLink with color=secondary with href=#', function () {
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(ButtonLink, {
-  color: 'warning',
-  href: '#'
+  href: '#',
+  color: 'warning'
 }, "hello");
 
 it('renders the ButtonLink with color=warning with href=#', function () {

package/esm/CallToAction/index.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "printHidden"];
+var _excluded = ["printHidden", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import ArrowIcon from '@digigov/react-core/ArrowIcon';
 import ButtonLink from '@digigov/react-core/ButtonLink';
+import ArrowIcon from '@digigov/react-core/ArrowIcon';
 
 var _ref2 = /*#__PURE__*/React.createElement(ArrowIcon, null);
 
@@ -12,16 +12,16 @@ var _ref2 = /*#__PURE__*/React.createElement(ArrowIcon, null);
  * Use this button for the main call to action on your service’s start page.
  */
 export var CallToAction = /*#__PURE__*/React.forwardRef(function CallToAction(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$printHidden = _ref.printHidden,
+  var _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(ButtonLink, _extends({
-    className: clsx(className, true && 'govgr-btn-cta'),
+    ref: ref,
     printHidden: printHidden,
-    ref: ref
+    className: clsx(className, true && 'govgr-btn-cta')
   }, props), children, _ref2);
 });
 export default CallToAction;

package/esm/Card/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["borderColor", "callToAction", "children", "className", "variant"];
+var _excluded = ["variant", "borderColor", "callToAction", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Cards can be used to divide and organise interface content for better understandability and readability.
@@ -11,17 +11,17 @@ import Base from '@digigov/react-core/Base';
  * Use Card as parent component to wrap CardHeading, CardText and CartAction components
  */
 export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
-  var borderColor = _ref.borderColor,
+  var variant = _ref.variant,
+      borderColor = _ref.borderColor,
       callToAction = _ref.callToAction,
-      children = _ref.children,
       className = _ref.className,
-      variant = _ref.variant,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'gray' && 'govgr-card--border-gray', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', true && 'govgr-card'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'gray' && 'govgr-card--border-gray', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', true && 'govgr-card')
   }, props), /*#__PURE__*/React.createElement("div", {
     className: clsx(true && 'govgr-card__body')
   }, children));

package/esm/Card/index.test.js

@@ -41,8 +41,8 @@ it('renders the Card with variant="border-top" props', function () {
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(Card, {
-  borderColor: "dark",
-  variant: "border"
+  variant: "border",
+  borderColor: "dark"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="dark" props', function () {
@@ -50,8 +50,8 @@ it('renders the Card with variant="border" and borderColor="dark" props', functi
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(Card, {
-  borderColor: "gray",
-  variant: "border"
+  variant: "border",
+  borderColor: "gray"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="gray" props', function () {
@@ -59,8 +59,8 @@ it('renders the Card with variant="border" and borderColor="gray" props', functi
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(Card, {
-  borderColor: "dark",
-  variant: "border-top"
+  variant: "border-top",
+  borderColor: "dark"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" props', function () {
@@ -68,8 +68,8 @@ it('renders the Card with variant="border-top" and borderColor="dark" props', fu
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(Card, {
-  borderColor: "gray",
-  variant: "border-top"
+  variant: "border-top",
+  borderColor: "gray"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="gray" props', function () {
@@ -77,9 +77,9 @@ it('renders the Card with variant="border-top" and borderColor="gray" props', fu
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(Card, {
+  variant: "border-top",
   borderColor: "dark",
-  callToAction: true,
-  variant: "border-top"
+  callToAction: true
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" callToAction props', function () {

package/esm/CardAction/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';
 
 /**
  * CardAction contains the action behavior for Card Component.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * Use CardAction inside Card component as childern
  */
 export var CardAction = /*#__PURE__*/React.forwardRef(function CardText(_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-card__action'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-card__action')
   }, props), children);
 });
 export default CardAction;

package/esm/CardHeading/index.js

@@ -1,25 +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';
 
 /**
  * CardHeading gives header title to Card Component
  * Use CardHeading inside Card component as children
  */
 export var CardHeading = /*#__PURE__*/React.forwardRef(function CardHeading(_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({
-    "aria-level": 2,
     as: "div",
-    className: clsx(className, true && 'govgr-card__heading'),
     ref: ref,
-    role: "heading"
+    role: "heading",
+    "aria-level": 2,
+    className: clsx(className, true && 'govgr-card__heading')
   }, props), children);
 });
 export default CardHeading;

package/esm/CardText/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';
 
 /**
  * CardText contains the text for Card Component
  * Use CardText inside Card component as children
  */
 export var CardText = /*#__PURE__*/React.forwardRef(function CardText(_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-card__text'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-card__text')
   }, props), children);
 });
 export default CardText;

package/esm/CaretContainer/index.js

@@ -1,6 +1,6 @@
 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 Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -11,14 +11,14 @@ import clsx from 'clsx';
  *
  */
 export var CaretContainer = /*#__PURE__*/React.forwardRef(function CaretContainer(_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-caret-container'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-caret-container')
   }, props), children);
 });
 export default CaretContainer;

package/esm/CaretIcon/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: "M18,22V2L6,12L18,22z"
@@ -26,18 +26,18 @@ var _ref5 = /*#__PURE__*/React.createElement("path", {
  * CaretIcon can be used inside other components, for example BackLink component.
  */
 export var CaretIcon = /*#__PURE__*/React.forwardRef(function CaretIcon(_ref, ref) {
-  var className = _ref.className,
+  var size = _ref.size,
+      variant = _ref.variant,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? 'left' : _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-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up'),
-    ref: ref,
     size: size,
-    variant: variant
+    variant: variant,
+    className: clsx(className, direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up'),
+    ref: ref
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });
 export default CaretIcon;

package/esm/CheckIcon/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: "9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
@@ -13,16 +13,16 @@ var _ref2 = /*#__PURE__*/React.createElement("polygon", {
  * Use CheckIcon component when you need a check icon.
  */
 export var CheckIcon = /*#__PURE__*/React.forwardRef(function CheckIcon(_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 CheckIcon;

package/esm/CheckIcon/index.test.js

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

package/esm/Checkbox/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';
 
 /**
  * Details for the Checkbox.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * It takes CheckboxItem as children
  */
 export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_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-checkboxes'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-checkboxes')
   }, props), children);
 });
 export default Checkbox;

package/esm/CheckboxConditional/index.js

@@ -1,11 +1,11 @@
 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 FieldContainer from '@digigov/react-core/FieldContainer';
 import LabelContainer from '@digigov/react-core/LabelContainer';
+import FieldContainer from '@digigov/react-core/FieldContainer';
+import clsx from 'clsx';
 
 /**
  * CheckboxConditional asks the user a related question when they select a particular checkbox,
@@ -13,14 +13,14 @@ import LabelContainer from '@digigov/react-core/LabelContainer';
  * CheckboxConditional must be used inside Checkbox component
  */
 export var CheckboxConditional = /*#__PURE__*/React.forwardRef(function CheckboxConditional(_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-checkboxes__conditional'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-checkboxes__conditional')
   }, props), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, children)));
 });
 export default CheckboxConditional;

package/esm/CheckboxItem/index.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "disabled", "name", "value"];
+var _excluded = ["name", "value", "className", "disabled", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 import LabelContainer from '@digigov/react-core/LabelContainer';
+import clsx from 'clsx';
 
 /**
  * Details for the CheckboxItem.
@@ -12,11 +12,11 @@ import LabelContainer from '@digigov/react-core/LabelContainer';
  * CheckboxItem must be used inside Checkbox component
  */
 export var CheckboxItem = /*#__PURE__*/React.forwardRef(function CheckboxItem(_ref, ref) {
-  var children = _ref.children,
+  var name = _ref.name,
+      value = _ref.value,
       className = _ref.className,
       disabled = _ref.disabled,
-      name = _ref.name,
-      value = _ref.value,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", {
@@ -25,12 +25,12 @@ export var CheckboxItem = /*#__PURE__*/React.forwardRef(function CheckboxItem(_r
     className: clsx(disabled === true && 'govgr-checkboxes__label--disabled', true && 'govgr-checkboxes__label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
-    className: clsx(true && 'govgr-checkboxes__input'),
-    disabled: disabled,
-    name: name,
     ref: ref,
     type: "checkbox",
-    value: value
+    name: name,
+    value: value,
+    className: clsx(true && 'govgr-checkboxes__input'),
+    disabled: disabled
   }, props))));
 });
 export default CheckboxItem;

package/esm/CheckboxItem/index.test.js

@@ -33,9 +33,9 @@ it('renders the CheckboxItem with `disabled` prop', function () {
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(CheckboxItem, {
-  disabled: true,
+  value: "example",
   name: "example",
-  value: "example"
+  disabled: true
 }, "hello");
 
 it('renders the CheckboxItem with `value` `name` and `disabled` props', function () {

package/esm/CloseIcon/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: "14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
@@ -14,16 +14,16 @@ var _ref2 = /*#__PURE__*/React.createElement("polygon", {
  * CloseIcon component can be used for dismissing contents
  */
 export var CloseIcon = /*#__PURE__*/React.forwardRef(function CloseIcon(_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-close-icon'),
-    ref: ref,
     size: size,
-    variant: variant
+    variant: variant,
+    className: clsx(className, true && 'govgr-close-icon'),
+    ref: ref
   }, props), _ref2);
 });
 export default CloseIcon;

package/esm/Confirmation/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';
 
 /**
  * You should use Conformation in a confirmation page at the end of a transaction.
  */
 export var Confirmation = /*#__PURE__*/React.forwardRef(function Confirmation(_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-panel', 'govgr-panel--confirmation']),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && ['govgr-panel', 'govgr-panel--confirmation'])
   }, props), children);
 });
 export default Confirmation;

package/esm/ConfirmationBody/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';
 
 /**
  * ConfirmationBody provides the body of the confirmation message. Use this inside Confirmation, after ConfirmationTitle.
  */
 export var ConfirmationBody = /*#__PURE__*/React.forwardRef(function ConfirmationBody(_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-panel__body'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-panel__body')
   }, props), children);
 });
 export default ConfirmationBody;