@digigov/react-core 0.25.2 → 0.25.4

package/CheckIcon/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["size", "variant", "className"];
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
+
+var _excluded = ["className", "size", "variant"];
 
 var _ref2 = /*#__PURE__*/_react["default"].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"
@@ -27,15 +27,15 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement("polygon", {
  * Use CheckIcon component when you need a check icon.
  */
 var CheckIcon = /*#__PURE__*/_react["default"].forwardRef(function CheckIcon(_ref, ref) {
-  var size = _ref.size,
+  var className = _ref.className,
+      size = _ref.size,
       variant = _ref.variant,
-      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
-    size: size,
-    variant: variant,
     className: (0, _clsx["default"])(className, true && 'govgr-svg-icon--check'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, props), _ref2);
 });
 

package/CheckIcon/index.test.js

@@ -111,8 +111,8 @@ it('renders the CheckIcon with prop variant=focus', function () {
 });
 
 var _ref14 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
-  variant: "warning",
-  size: "s"
+  size: "s",
+  variant: "warning"
 });
 
 it('renders the CheckIcon with prop variant=warning and size=s', function () {
@@ -120,8 +120,8 @@ it('renders the CheckIcon with prop variant=warning and size=s', function () {
 });
 
 var _ref15 = /*#__PURE__*/_react["default"].createElement(_CheckIcon["default"], {
-  variant: "warning",
-  size: "xl"
+  size: "xl",
+  variant: "warning"
 });
 
 it('renders the CheckIcon with prop variant=error and size= xl', function () {

package/Checkbox/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * Details for the Checkbox.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * It takes CheckboxItem as children
  */
 var Checkbox = /*#__PURE__*/_react["default"].forwardRef(function Checkbox(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-checkboxes')
+    className: (0, _clsx["default"])(className, true && 'govgr-checkboxes'),
+    ref: ref
   }, props), children);
 });
 

package/CheckboxConditional/index.js

@@ -13,15 +13,15 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+var _clsx = _interopRequireDefault(require("clsx"));
 
-var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _FieldContainer = _interopRequireDefault(require("@digigov/react-core/FieldContainer"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 
 /**
  * CheckboxConditional asks the user a related question when they select a particular checkbox,
@@ -29,13 +29,13 @@ var _excluded = ["className", "children"];
  * CheckboxConditional must be used inside Checkbox component
  */
 var CheckboxConditional = /*#__PURE__*/_react["default"].forwardRef(function CheckboxConditional(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-checkboxes__conditional')
+    className: (0, _clsx["default"])(className, true && 'govgr-checkboxes__conditional'),
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, children)));
 });
 

package/CheckboxItem/index.js

@@ -13,13 +13,13 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _clsx = _interopRequireDefault(require("clsx"));
+
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _excluded = ["name", "value", "className", "disabled", "children"];
+var _excluded = ["children", "className", "disabled", "name", "value"];
 
 /**
  * Details for the CheckboxItem.
@@ -27,11 +27,11 @@ var _excluded = ["name", "value", "className", "disabled", "children"];
  * CheckboxItem must be used inside Checkbox component
  */
 var CheckboxItem = /*#__PURE__*/_react["default"].forwardRef(function CheckboxItem(_ref, ref) {
-  var name = _ref.name,
-      value = _ref.value,
+  var children = _ref.children,
       className = _ref.className,
       disabled = _ref.disabled,
-      children = _ref.children,
+      name = _ref.name,
+      value = _ref.value,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(className, true && 'govgr-checkboxes__item')
@@ -39,12 +39,12 @@ var CheckboxItem = /*#__PURE__*/_react["default"].forwardRef(function CheckboxIt
     className: (0, _clsx["default"])(disabled === true && 'govgr-checkboxes__label--disabled', true && 'govgr-checkboxes__label')
   }, children, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "input",
+    className: (0, _clsx["default"])(true && 'govgr-checkboxes__input'),
+    disabled: disabled,
+    name: name,
     ref: ref,
     type: "checkbox",
-    name: name,
-    value: value,
-    className: (0, _clsx["default"])(true && 'govgr-checkboxes__input'),
-    disabled: disabled
+    value: value
   }, props))));
 });
 

package/CheckboxItem/index.test.js

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

package/CloseIcon/index.d.ts

@@ -1,6 +1,12 @@
 import React from 'react';
 import { SvgIconProps } from '@digigov/react-core/SvgIcon';
 export interface CloseIconProps extends SvgIconProps {
+    /**
+     * ref is optional.
+     * ref prop declares the reference of the svg icon component.
+     * It can be used to to access the DOM element and the React element.
+     */
+    ref?: React.Ref<SVGSVGElement>;
 }
 /**
  * CloseIcon component is used to add close icon.

package/CloseIcon/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["size", "variant", "className"];
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
+
+var _excluded = ["className", "size", "variant"];
 
 var _ref2 = /*#__PURE__*/_react["default"].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 "
@@ -28,15 +28,15 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement("polygon", {
  * CloseIcon component can be used for dismissing contents
  */
 var CloseIcon = /*#__PURE__*/_react["default"].forwardRef(function CloseIcon(_ref, ref) {
-  var size = _ref.size,
+  var className = _ref.className,
+      size = _ref.size,
       variant = _ref.variant,
-      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
-    size: size,
-    variant: variant,
     className: (0, _clsx["default"])(className, true && 'govgr-close-icon'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, props), _ref2);
 });
 

package/Confirmation/index.js

@@ -13,23 +13,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * You should use Conformation in a confirmation page at the end of a transaction.
  */
 var Confirmation = /*#__PURE__*/_react["default"].forwardRef(function Confirmation(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && ['govgr-panel', 'govgr-panel--confirmation'])
+    className: (0, _clsx["default"])(className, true && ['govgr-panel', 'govgr-panel--confirmation']),
+    ref: ref
   }, props), children);
 });
 

package/ConfirmationBody/index.js

@@ -13,23 +13,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * ConfirmationBody provides the body of the confirmation message. Use this inside Confirmation, after ConfirmationTitle.
  */
 var ConfirmationBody = /*#__PURE__*/_react["default"].forwardRef(function ConfirmationBody(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-panel__body')
+    className: (0, _clsx["default"])(className, true && 'govgr-panel__body'),
+    ref: ref
   }, props), children);
 });
 

package/ConfirmationTitle/index.js

@@ -13,23 +13,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * ConfirmationTitle provides the title of the confirmation message.Use this inside Confirmation.
  */
 var ConfirmationTitle = /*#__PURE__*/_react["default"].forwardRef(function ConfirmationTitle(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "h1",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-panel__title')
+    className: (0, _clsx["default"])(className, true && 'govgr-panel__title'),
+    ref: ref
   }, props), children);
 });
 

package/Container/index.js

@@ -13,27 +13,27 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["cols", "fullWidth", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "cols", "fullWidth"];
 
 /**
  * Use Container as a wrapper.
  */
 var Container = /*#__PURE__*/_react["default"].forwardRef(function Container(_ref, ref) {
-  var _ref$cols = _ref.cols,
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$cols = _ref.cols,
       cols = _ref$cols === void 0 ? true : _ref$cols,
       _ref$fullWidth = _ref.fullWidth,
       fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      className = _ref.className,
-      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, !fullWidth && 'govgr-width-container', fullWidth && 'govgr-full-width-container')
+    className: (0, _clsx["default"])(className, !fullWidth && 'govgr-width-container', fullWidth && 'govgr-full-width-container'),
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement(_Base["default"], {
     as: "div",
     className: (0, _clsx["default"])(cols && 'govgr-main-wrapper')

package/Container/index.test.js

@@ -23,8 +23,8 @@ it('renders the Container with fullWidth prop', function () {
 });
 
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_Container["default"], {
-  fullWidth: true,
-  cols: false
+  cols: false,
+  fullWidth: true
 }, "hello");
 
 it('renders the Container with cols={false} prop', function () {

package/CopyrightContainer/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * CopyrightContainer is used inside the Footer component.
  * CopyrightContainer has no props.
  */
 var CopyrightContainer = /*#__PURE__*/_react["default"].forwardRef(function CopyrightContainer(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "p",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-footer__licence-description')
+    className: (0, _clsx["default"])(className, true && 'govgr-footer__licence-description'),
+    ref: ref
   }, props), children);
 });
 

package/DateInputContainer/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * Details for the DateInputContainer.
@@ -26,13 +26,13 @@ var _excluded = ["className", "children"];
  *
  */
 var DateInputContainer = /*#__PURE__*/_react["default"].forwardRef(function DateInputContainer(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-date-input')
+    className: (0, _clsx["default"])(className, true && 'govgr-date-input'),
+    ref: ref
   }, props), children);
 });
 

package/DateInputItem/index.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface DateInputItemProps extends BaseProps<'input'> {
-    /**
-     * Width property is optional.
-     * Use this property for year field to grow width.
-     */
-    width?: 2 | 4;
     /**
      * error is optional. The default value is false.
      * Use this prop when there is an error at the input.
      */
     error?: boolean;
+    /**
+     * Width property is optional.
+     * Use this property for year field to grow width.
+     */
+    width?: 2 | 4;
 }
 /**
  * Details for the DateInputItem.

package/DateInputItem/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["name", "width", "error", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "error", "name", "width"];
 
 /**
  * Details for the DateInputItem.
@@ -25,12 +25,12 @@ var _excluded = ["name", "width", "error", "className", "children"];
  * DateInputItem component must be included inside DateInput component as children component
  */
 var DateInputItem = /*#__PURE__*/_react["default"].forwardRef(function DateInputItem(_ref, ref) {
-  var name = _ref.name,
+  var children = _ref.children,
+      className = _ref.className,
+      error = _ref.error,
+      name = _ref.name,
       _ref$width = _ref.width,
       width = _ref$width === void 0 ? 2 : _ref$width,
-      error = _ref.error,
-      className = _ref.className,
-      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(className, true && 'govgr-date-input__item')
@@ -38,12 +38,12 @@ var DateInputItem = /*#__PURE__*/_react["default"].forwardRef(function DateInput
     className: (0, _clsx["default"])(true && 'govgr-label')
   }, children, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "input",
-    ref: ref,
-    type: "text",
-    pattern: "[0-9]*",
+    className: (0, _clsx["default"])(error === true && 'govgr-error-input', width === 2 && 'govgr-input--width-2', width === 4 && 'govgr-input--width-4', true && 'govgr-input'),
     inputMode: "numeric",
     name: name,
-    className: (0, _clsx["default"])(error === true && 'govgr-error-input', width === 2 && 'govgr-input--width-2', width === 4 && 'govgr-input--width-4', true && 'govgr-input')
+    pattern: "[0-9]*",
+    ref: ref,
+    type: "text"
   }, props))));
 });
 

package/DateInputItem/index.test.js

@@ -23,8 +23,8 @@ it('renders the DateInputItem with name prop', function () {
 });
 
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_DateInputItem["default"], {
-  width: 4,
-  name: 'date-input'
+  name: 'date-input',
+  width: 4
 }, "hello");
 
 it('renders the DateInputItem with name and width===4 props', function () {

package/Details/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * Details is used to make a page easier to scan when it contains information that only some users will need.
  * Details component wraps DetailsSummary and DetailsContent as children components
  */
 var Details = /*#__PURE__*/_react["default"].forwardRef(function Details(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "details",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-details')
+    className: (0, _clsx["default"])(className, true && 'govgr-details'),
+    ref: ref
   }, props), children);
 });
 

package/DetailsContent/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  *DetailsContent component wraps the content text.
  *It is used inside Details component as children
  */
 var DetailsContent = /*#__PURE__*/_react["default"].forwardRef(function DetailsContent(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-details__summary-text')
+    className: (0, _clsx["default"])(className, true && 'govgr-details__summary-text'),
+    ref: ref
   }, props), children);
 });
 

package/DetailsSummary/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["size", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "size"];
 
 /**
  * Use this inside Details.DetailsSummary will be the text to click on.
  */
 var DetailsSummary = /*#__PURE__*/_react["default"].forwardRef(function DetailsSummary(_ref, ref) {
-  var size = _ref.size,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      size = _ref.size,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "summary",
-    ref: ref,
-    className: (0, _clsx["default"])(className, size === 'l' && 'govgr-details__summary--l', true && 'govgr-details__summary')
+    className: (0, _clsx["default"])(className, size === 'l' && 'govgr-details__summary--l', true && 'govgr-details__summary'),
+    ref: ref
   }, props), children);
 });