@digigov/react-core 0.25.4 → 0.25.5

package/AccessibilityIcon/index.d.ts

@@ -1,12 +1,6 @@
 import React from 'react';
 import { SvgIconProps } from '@digigov/react-core/SvgIcon';
 export interface AccessibilityIconProps 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>;
 }
 /**
  * Use AccessibilityIcon component when you need to show web accessibility options.

package/AccessibilityIcon/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
 var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
 
-var _excluded = ["className", "size", "variant"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["size", "variant", "className"];
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement("title", null, "\u039C\u03B5\u03BD\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03B2\u03B1\u03C3\u03B9\u03BC\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2");
 
@@ -35,15 +35,15 @@ var _ref4 = /*#__PURE__*/_react["default"].createElement("path", {
  * Use AccessibilityIcon component when you need to show web accessibility options.
  */
 var AccessibilityIcon = /*#__PURE__*/_react["default"].forwardRef(function AccessibilityIcon(_ref, ref) {
-  var className = _ref.className,
-      size = _ref.size,
+  var 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"])({
-    className: (0, _clsx["default"])(className, true && 'govgr-svg-icon--accessibility'),
-    ref: ref,
     size: size,
-    variant: variant
+    variant: variant,
+    className: (0, _clsx["default"])(className, true && 'govgr-svg-icon--accessibility'),
+    ref: ref
   }, props), _ref2, _ref3, _ref4, ' ');
 });
 

package/AccessibilityIcon/index.test.js

@@ -119,8 +119,8 @@ it('renders the AccessibilityIcon with prop variant=focus', function () {
 });
 
 var _ref15 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  size: "s",
-  variant: "warning"
+  variant: "warning",
+  size: "s"
 });
 
 it('renders the AccessibilityIcon with prop variant=warning and size=s', function () {
@@ -128,8 +128,8 @@ it('renders the AccessibilityIcon with prop variant=warning and size=s', functio
 });
 
 var _ref16 = /*#__PURE__*/_react["default"].createElement(_AccessibilityIcon["default"], {
-  size: "xl",
-  variant: "warning"
+  variant: "warning",
+  size: "xl"
 });
 
 it('renders the AccessibilityIcon with prop variant=error and size= xl', function () {

package/AccessibilityTextIcon/index.test.js

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

package/Accordion/index.js

@@ -13,24 +13,24 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * Accordion is the main component for an accordion.
  * Inside this component must be a list of AccordionSection components.
  */
 var Accordion = /*#__PURE__*/_react["default"].forwardRef(function Accordion(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    className: (0, _clsx["default"])(className, true && 'govgr-accordion'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-accordion')
   }, props), children);
 });
 

package/AccordionControls/index.js

@@ -13,23 +13,23 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * AccordionControls is a component that provides controls for an accordion.
  */
 var AccordionControls = /*#__PURE__*/_react["default"].forwardRef(function AccordionControls(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    className: (0, _clsx["default"])(className, true && 'govgr-accordion__controls'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-accordion__controls')
   }, props), children);
 });
 

package/AccordionSection/index.js

@@ -13,11 +13,11 @@ 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 _excluded = ["border", "children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "border", "children"];
 
 /**
  * AccordionSection should be inside the Accordion component.
@@ -26,15 +26,15 @@ var _excluded = ["border", "children", "className"];
  */
 // eslint-disable-next-line react/display-name
 var AccordionSection = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "details",
-    className: (0, _clsx["default"])(className, !border && 'govgr-accordion__section--no-border', true && 'govgr-accordion__section'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, !border && 'govgr-accordion__section--no-border', true && 'govgr-accordion__section')
   }, props), children);
 });
 

package/AccordionSectionContent/index.js

@@ -13,24 +13,24 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * AccordionSectionContent should be inside the AccordionSection and it is the content of the section.
  * The content is only visible when the AccordionSection is 'open'.
  */
 var AccordionSectionContent = /*#__PURE__*/_react["default"].forwardRef(function AccordionSectionContent(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-content'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-content')
   }, props), children);
 });
 

package/AccordionSectionHeader/index.js

@@ -13,23 +13,23 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * AccordionSectionHeader will be deprecated and implemented using AccordionSectionSummary and AccordionSectionSummaryHeading.
  */
 var AccordionSectionHeader = /*#__PURE__*/_react["default"].forwardRef(function AccordionSectionHeader(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "summary",
-    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-header'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-header')
   }, props), /*#__PURE__*/_react["default"].createElement("h2", {
     className: (0, _clsx["default"])(true && 'govgr-accordion__section-heading')
   }, /*#__PURE__*/_react["default"].createElement("span", {

package/AccordionSectionSummary/index.js

@@ -13,23 +13,23 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
  */
 var AccordionSectionSummary = /*#__PURE__*/_react["default"].forwardRef(function AccordionSectionSummary(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "summary",
-    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-summary'),
     ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-summary'),
     role: "heading"
   }, props), children);
 });

package/AccordionSectionSummaryHeading/index.js

@@ -13,25 +13,26 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
  */
 var AccordionSectionSummaryHeading = /*#__PURE__*/_react["default"].forwardRef(function AccordionSectionSummaryHeading(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "h2",
-    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-heading'),
     ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-heading')
+  }, props, {
     role: "button"
-  }, props), /*#__PURE__*/_react["default"].createElement("span", {
+  }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _clsx["default"])(true && 'govgr-accordion__section-button')
   }, children));
 });

package/ArrowIcon/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
 var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
 
-var _excluded = ["className", "direction", "size", "variant"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["size", "variant", "direction", "className"];
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement("path", {
   d: "M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
@@ -40,17 +40,17 @@ var _ref5 = /*#__PURE__*/_react["default"].createElement("path", {
  * ArrowIcon component can be used inside other components, for example CallToAction component.
  */
 var ArrowIcon = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
-    className: (0, _clsx["default"])(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: (0, _clsx["default"])(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);
 });
 

package/Aside/index.js

@@ -13,24 +13,24 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * Use this inside the Content component for additional content
  * that will be shown on the left one third of the page
  */
 var Aside = /*#__PURE__*/_react["default"].forwardRef(function Aside(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "aside",
-    className: (0, _clsx["default"])(className, true && 'govgr-grid-column-one-third'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-grid-column-one-third')
   }, props), children);
 });
 

package/BackLink/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 _clsx = _interopRequireDefault(require("clsx"));
+
 var _CaretIcon = _interopRequireDefault(require("@digigov/react-core/CaretIcon"));
 
-var _excluded = ["children", "className", "href", "printHidden", "tabIndex"];
+var _excluded = ["href", "tabIndex", "printHidden", "className", "children"];
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_CaretIcon["default"], null);
 
@@ -27,23 +27,23 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_CaretIcon["default"],
  * Use BackLink component to help users go back to the previous page in a multi-page transaction.
  */
 var BackLink = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "a",
-    className: (0, _clsx["default"])(className, true && 'govgr-back-link'),
+    printHidden: printHidden,
     href: href,
     onClick: function onClick() {
       !href && window.history.back();
     },
-    printHidden: printHidden,
     ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-back-link'),
     tabIndex: tabIndex
   }, props), _ref2, children);
 });

package/Base/index.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["as", "children", "className", "lgHidden", "lgUpHidden", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "mdHidden", "mdUpHidden", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "printHidden", "printVisible", "smHidden", "smUpHidden", "xlHidden", "xlUpHidden", "xsHidden", "xsUpHidden"];
+var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "printHidden", "printVisible", "xsUpHidden", "smUpHidden", "mdUpHidden", "lgUpHidden", "xlUpHidden", "xsHidden", "smHidden", "mdHidden", "lgHidden", "xlHidden", "children", "className"];
 
 function calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden, printVisible, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden) {
   var classList = {};
@@ -51,35 +51,35 @@ function calculateClasses(margin, marginTop, marginBottom, marginRight, marginLe
 
 var Base = /*#__PURE__*/_react["default"].forwardRef(function Base(_ref, ref) {
   var as = _ref.as,
-      children = _ref.children,
-      className = _ref.className,
-      lgHidden = _ref.lgHidden,
-      lgUpHidden = _ref.lgUpHidden,
       margin = _ref.margin,
+      marginTop = _ref.marginTop,
       marginBottom = _ref.marginBottom,
       marginLeft = _ref.marginLeft,
       marginRight = _ref.marginRight,
-      marginTop = _ref.marginTop,
-      mdHidden = _ref.mdHidden,
-      mdUpHidden = _ref.mdUpHidden,
       padding = _ref.padding,
+      paddingTop = _ref.paddingTop,
       paddingBottom = _ref.paddingBottom,
       paddingLeft = _ref.paddingLeft,
       paddingRight = _ref.paddingRight,
-      paddingTop = _ref.paddingTop,
       printHidden = _ref.printHidden,
       printVisible = _ref.printVisible,
-      smHidden = _ref.smHidden,
+      xsUpHidden = _ref.xsUpHidden,
       smUpHidden = _ref.smUpHidden,
-      xlHidden = _ref.xlHidden,
+      mdUpHidden = _ref.mdUpHidden,
+      lgUpHidden = _ref.lgUpHidden,
       xlUpHidden = _ref.xlUpHidden,
       xsHidden = _ref.xsHidden,
-      xsUpHidden = _ref.xsUpHidden,
+      smHidden = _ref.smHidden,
+      mdHidden = _ref.mdHidden,
+      lgHidden = _ref.lgHidden,
+      xlHidden = _ref.xlHidden,
+      children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var Component = as || 'span';
   return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
-    className: (0, _clsx["default"])(className, calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden, printVisible, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden)),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden, printVisible, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden))
   }, props), children);
 });
 

package/Blockquote/index.js

@@ -13,23 +13,23 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * Use Blockquote to differentiate a block of text from the content that surrounds it.
  */
 var Blockquote = /*#__PURE__*/_react["default"].forwardRef(function Blockquote(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "blockquote",
-    className: (0, _clsx["default"])(className, true && 'govgr-blockquote'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-blockquote')
   }, props), children);
 });
 

package/Bottom/index.js

@@ -13,23 +13,23 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * Bottom is used inside the Layout component and it must be the last component in order.
  */
 var Bottom = /*#__PURE__*/_react["default"].forwardRef(function Bottom(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    className: (0, _clsx["default"])(className, true && 'govgr-bottom'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-bottom')
   }, props), children);
 });
 

package/Breadcrumbs/index.js

@@ -13,24 +13,24 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * Use Breadcrumbs component when you need to help users understand and move between the multiple levels of a website.
  * The breadcrumb should start with your ‘home’ page and end with the parent section of the current page.
  */
 var Breadcrumbs = /*#__PURE__*/_react["default"].forwardRef(function Breadcrumbs(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "nav",
-    className: (0, _clsx["default"])(className, true && 'govgr-breadcrumbs'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-breadcrumbs')
   }, props), children);
 });
 

package/BreadcrumbsList/index.js

@@ -13,23 +13,23 @@ 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 _excluded = ["children", "className"];
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _excluded = ["className", "children"];
 
 /**
  * BreadcrumbsList is used for providing the items inside Breadcrumbs.
  */
 var BreadcrumbsList = /*#__PURE__*/_react["default"].forwardRef(function BreadcrumbsList(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "ol",
-    className: (0, _clsx["default"])(className, true && 'govgr-breadcrumbs__list'),
-    ref: ref
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-breadcrumbs__list')
   }, props), children);
 });