@digigov/react-core 0.25.2 → 0.25.4

package/esm/PageTitleSection/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Details for the PageTitleSection.
  * Use this as a wrapper for PageTitleHeading.
  */
 export var PageTitleSection = /*#__PURE__*/React.forwardRef(function PageTitleSection(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className)
+    className: clsx(className),
+    ref: ref
   }, props), children);
 });
 export default PageTitleSection;

package/esm/Paragraph/index.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "fontSize", "fontWeight", "className", "children"];
+var _excluded = ["children", "className", "fontSize", "fontWeight", "variant"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Paragraph component is used for text formatting.
  */
 export var Paragraph = /*#__PURE__*/React.forwardRef(function Paragraph(_ref, ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
+  var children = _ref.children,
+      className = _ref.className,
       fontSize = _ref.fontSize,
       fontWeight = _ref.fontWeight,
-      className = _ref.className,
-      children = _ref.children,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
-    ref: ref,
-    className: clsx(className, fontWeight == 'regular' && 'govgr-!-font-weight-regular', fontWeight == 'bold' && 'govgr-!-font-weight-bold', variant === 'small' && 'govgr-body-s', variant === 'lead' && 'govgr-body-l', fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '19' && 'govgr-!-font-size-19', fontSize === '24' && 'govgr-!-font-size-24', fontSize === '30' && 'govgr-!-font-size-30', fontSize === '36' && 'govgr-!-font-size-36', fontSize === '48' && 'govgr-!-font-size-48', fontSize === '72' && 'govgr-!-font-size-72', true && 'govgr-body')
+    className: clsx(className, fontWeight == 'regular' && 'govgr-!-font-weight-regular', fontWeight == 'bold' && 'govgr-!-font-weight-bold', variant === 'small' && 'govgr-body-s', variant === 'lead' && 'govgr-body-l', fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '19' && 'govgr-!-font-size-19', fontSize === '24' && 'govgr-!-font-size-24', fontSize === '30' && 'govgr-!-font-size-30', fontSize === '36' && 'govgr-!-font-size-36', fontSize === '48' && 'govgr-!-font-size-48', fontSize === '72' && 'govgr-!-font-size-72', true && 'govgr-body'),
+    ref: ref
   }, props), children);
 });
 export default Paragraph;

package/esm/Paragraph/index.test.js

@@ -121,8 +121,8 @@ it('renders the Paragraph with fontWeight=bold', function () {
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lead',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=14', function () {
@@ -130,8 +130,8 @@ it('renders the Paragraph with variant=lead and fontSize=14', function () {
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lead',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=16', function () {
@@ -139,8 +139,8 @@ it('renders the Paragraph with variant=lead and fontSize=16', function () {
 });
 
 var _ref18 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lead',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=19', function () {
@@ -148,8 +148,8 @@ it('renders the Paragraph with variant=lead and fontSize=19', function () {
 });
 
 var _ref19 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lead',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=24', function () {
@@ -157,8 +157,8 @@ it('renders the Paragraph with variant=lead and fontSize=24', function () {
 });
 
 var _ref20 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lead',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=30', function () {
@@ -166,8 +166,8 @@ it('renders the Paragraph with variant=lead and fontSize=30', function () {
 });
 
 var _ref21 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lead',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=36', function () {
@@ -175,8 +175,8 @@ it('renders the Paragraph with variant=lead and fontSize=36', function () {
 });
 
 var _ref22 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lead',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=48', function () {
@@ -184,8 +184,8 @@ it('renders the Paragraph with variant=lead and fontSize=48', function () {
 });
 
 var _ref23 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'lead',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=72', function () {
@@ -193,8 +193,8 @@ it('renders the Paragraph with variant=lead and fontSize=72', function () {
 });
 
 var _ref24 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'small',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=14', function () {
@@ -202,8 +202,8 @@ it('renders the Paragraph with variant=small and fontSize=14', function () {
 });
 
 var _ref25 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'small',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=16', function () {
@@ -211,8 +211,8 @@ it('renders the Paragraph with variant=small and fontSize=16', function () {
 });
 
 var _ref26 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'small',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=19', function () {
@@ -220,8 +220,8 @@ it('renders the Paragraph with variant=small and fontSize=19', function () {
 });
 
 var _ref27 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'small',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=24', function () {
@@ -229,8 +229,8 @@ it('renders the Paragraph with variant=small and fontSize=24', function () {
 });
 
 var _ref28 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'small',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=30', function () {
@@ -238,8 +238,8 @@ it('renders the Paragraph with variant=small and fontSize=30', function () {
 });
 
 var _ref29 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'small',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=36', function () {
@@ -247,8 +247,8 @@ it('renders the Paragraph with variant=small and fontSize=36', function () {
 });
 
 var _ref30 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'small',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=48', function () {
@@ -256,8 +256,8 @@ it('renders the Paragraph with variant=small and fontSize=48', function () {
 });
 
 var _ref31 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'small',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=72', function () {
@@ -265,8 +265,8 @@ it('renders the Paragraph with variant=small and fontSize=72', function () {
 });
 
 var _ref32 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=14', function () {
@@ -274,8 +274,8 @@ it('renders the Paragraph with variant=normal and fontSize=14', function () {
 });
 
 var _ref33 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=16', function () {
@@ -283,8 +283,8 @@ it('renders the Paragraph with variant=normal and fontSize=16', function () {
 });
 
 var _ref34 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=19', function () {
@@ -292,8 +292,8 @@ it('renders the Paragraph with variant=normal and fontSize=19', function () {
 });
 
 var _ref35 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=24', function () {
@@ -301,8 +301,8 @@ it('renders the Paragraph with variant=normal and fontSize=24', function () {
 });
 
 var _ref36 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=30', function () {
@@ -310,8 +310,8 @@ it('renders the Paragraph with variant=normal and fontSize=30', function () {
 });
 
 var _ref37 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=36', function () {
@@ -319,8 +319,8 @@ it('renders the Paragraph with variant=normal and fontSize=36', function () {
 });
 
 var _ref38 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=48', function () {
@@ -328,8 +328,8 @@ it('renders the Paragraph with variant=normal and fontSize=48', function () {
 });
 
 var _ref39 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=72', function () {
@@ -337,9 +337,9 @@ it('renders the Paragraph with variant=normal and fontSize=72', function () {
 });
 
 var _ref40 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
   fontSize: '72',
-  fontWeight: "regular"
+  fontWeight: "regular",
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="regular', function () {
@@ -347,9 +347,9 @@ it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="regul
 });
 
 var _ref41 = /*#__PURE__*/React.createElement(Paragraph, {
-  variant: 'normal',
   fontSize: '72',
-  fontWeight: "bold"
+  fontWeight: "bold",
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="bold', function () {

package/esm/PhaseBanner/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "underline", "children"];
+var _excluded = ["children", "className", "underline"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * PhaseBanner is a component used to show the phase of a service.
  * This component will replace ServiceBadge.
  */
 export var PhaseBanner = /*#__PURE__*/React.forwardRef(function PhaseBanner(_ref, ref) {
-  var className = _ref.className,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$underline = _ref.underline,
       underline = _ref$underline === void 0 ? false : _ref$underline,
-      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, underline && 'govgr-phase-banner__underline', true && 'govgr-phase-banner')
+    className: clsx(className, underline && 'govgr-phase-banner__underline', true && 'govgr-phase-banner'),
+    ref: ref
   }, props), /*#__PURE__*/React.createElement("p", {
     className: clsx(true && 'govgr-phase-banner__content')
   }, children));

package/esm/PhaseBannerHeaderContainer/index.js

@@ -2,17 +2,16 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 export var PhaseBannerHeaderContainer = /*#__PURE__*/React.forwardRef(function PhaseBannerHeaderContainer(_ref, ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
+    className: clsx(true && 'govgr-phase-banner_header'),
     ref: ref
-  }, props, {
-    className: clsx(true && 'govgr-phase-banner_header')
-  }), children);
+  }, props), children);
 });
 export default PhaseBannerHeaderContainer;

package/esm/PhaseBannerTag/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).
  */
 export var PhaseBannerTag = /*#__PURE__*/React.forwardRef(function PhaseBannerTag(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "strong",
-    ref: ref,
-    className: clsx(className, true && ['govgr-tag', 'govgr-phase-banner__content__tag'])
+    className: clsx(className, true && ['govgr-tag', 'govgr-phase-banner__content__tag']),
+    ref: ref
   }, props), children);
 });
 export default PhaseBannerTag;

package/esm/PhaseBannerText/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * PhaseBannerText is used inside the PhaseBanner component.
@@ -11,14 +11,14 @@ import clsx from 'clsx';
  * This components is optional
  */
 export var PhaseBannerText = /*#__PURE__*/React.forwardRef(function PhaseBannerText(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "span",
-    ref: ref,
-    className: clsx(className, true && 'govgr-phase-banner__text')
+    className: clsx(className, true && 'govgr-phase-banner__text'),
+    ref: ref
   }, props), children);
 });
 export default PhaseBannerText;

package/esm/RadioConditional/index.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 import React from 'react';
+import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
-import LabelContainer from '@digigov/react-core/LabelContainer';
 import FieldContainer from '@digigov/react-core/FieldContainer';
-import clsx from 'clsx';
+import LabelContainer from '@digigov/react-core/LabelContainer';
 
 /**
  * RadioConditional asks the user a related question when they select a particular radios,
@@ -13,14 +13,14 @@ import clsx from 'clsx';
  * RadioConditional must be used inside Radio component
  */
 export var RadioConditional = /*#__PURE__*/React.forwardRef(function RadioConditional(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, true && 'govgr-radios__conditional')
+    className: clsx(className, true && 'govgr-radios__conditional'),
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(LabelContainer, null, children)));
 });
 export default RadioConditional;

package/esm/RadioContainer/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "inline"];
+var _excluded = ["children", "className", "inline"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * RadioContainer component is uses when users can only select one option from a list.
  * It is used as parent component to wrap RadioItem compoent.
  */
 export var RadioContainer = /*#__PURE__*/React.forwardRef(function RadioContainer(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       inline = _ref.inline,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, inline === true && 'govgr-radios--inline', true && 'govgr-radios')
+    className: clsx(className, inline === true && 'govgr-radios--inline', true && 'govgr-radios'),
+    ref: ref
   }, props), children);
 });
 export default RadioContainer;

package/esm/RadioItem/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "value", "className", "disabled", "children"];
+var _excluded = ["children", "className", "disabled", "name", "value"];
 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';
 
 /**
  * RadioItem component is used for display radio buttons.
  * RadioItem component must be included inside Radio component, as a children component.
  */
 export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, ref) {
-  var name = _ref.name,
-      value = _ref.value,
+  var children = _ref.children,
       className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      children = _ref.children,
+      name = _ref.name,
+      value = _ref.value,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", {
@@ -25,12 +25,12 @@ export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, re
     className: clsx(disabled === true && 'govgr-radios__label--disabled', true && 'govgr-radios__label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
+    className: clsx(true && 'govgr-radios__input'),
+    disabled: disabled,
+    name: name,
     ref: ref,
     type: "radio",
-    name: name,
-    value: value,
-    className: clsx(true && 'govgr-radios__input'),
-    disabled: disabled
+    value: value
   }, props))));
 });
 export default RadioItem;

package/esm/RadioItem/index.test.js

@@ -42,9 +42,9 @@ it('renders the RadioItem with disabled prop', function () {
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(RadioItem, {
+  disabled: true,
   name: 'name',
-  value: 'someValue',
-  disabled: true
+  value: 'someValue'
 }, "hello");
 
 it('renders the RadioItem with name disabled and value props', function () {

package/esm/SectionBreak/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["visible", "size", "className"];
+var _excluded = ["className", "size", "visible"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * SectionBreak is used to create a thematic break between sections of content.
  */
 export var SectionBreak = /*#__PURE__*/React.forwardRef(function SectionBreak(_ref, ref) {
-  var _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? true : _ref$visible,
+  var className = _ref.className,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 's' : _ref$size,
-      className = _ref.className,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "hr",
-    ref: ref,
-    className: clsx(className, visible === true && 'govgr-section-break--visible', size === 'xl' && 'govgr-section-break--xl', size === 'l' && 'govgr-section-break--l', size === 'm' && 'govgr-section-break--m', true && 'govgr-section-break')
+    className: clsx(className, visible === true && 'govgr-section-break--visible', size === 'xl' && 'govgr-section-break--xl', size === 'l' && 'govgr-section-break--l', size === 'm' && 'govgr-section-break--m', true && 'govgr-section-break'),
+    ref: ref
   }, props));
 });
 export default SectionBreak;

package/esm/SelectContainer/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "className", "children"];
+var _excluded = ["children", "className", "name"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * The SelectContainer component allows users to choose an option from a long list.
  * It is used as a parent component to wrap SelectOption component.
  */
 export var SelectContainer = /*#__PURE__*/React.forwardRef(function SelectContainer(_ref, ref) {
-  var name = _ref.name,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      name = _ref.name,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "select",
+    className: clsx(className, true && 'govgr-select'),
     name: name,
-    ref: ref,
-    className: clsx(className, true && 'govgr-select')
+    ref: ref
   }, props), children);
 });
 export default SelectContainer;