@digigov/react-core 0.25.2 → 0.25.4

package/esm/AccordionSectionContent/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["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';
 
 /**
  * AccordionSectionContent should be inside the AccordionSection and it is the content of the section.
  * The content is only visible when the AccordionSection is 'open'.
  */
 export var AccordionSectionContent = /*#__PURE__*/React.forwardRef(function AccordionSectionContent(_ref, ref) {
-  var 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-accordion__section-content')
+    className: clsx(className, true && 'govgr-accordion__section-content'),
+    ref: ref
   }, props), children);
 });
 export default AccordionSectionContent;

package/esm/AccordionSectionHeader/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["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';
 
 /**
  * AccordionSectionHeader will be deprecated and implemented using AccordionSectionSummary and AccordionSectionSummaryHeading.
  */
 export var AccordionSectionHeader = /*#__PURE__*/React.forwardRef(function AccordionSectionHeader(_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: "summary",
-    ref: ref,
-    className: clsx(className, true && 'govgr-accordion__section-header')
+    className: clsx(className, true && 'govgr-accordion__section-header'),
+    ref: ref
   }, props), /*#__PURE__*/React.createElement("h2", {
     className: clsx(true && 'govgr-accordion__section-heading')
   }, /*#__PURE__*/React.createElement("span", {

package/esm/AccordionSectionSummary/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["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';
 
 /**
  * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
  */
 export var AccordionSectionSummary = /*#__PURE__*/React.forwardRef(function AccordionSectionSummary(_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: "summary",
-    ref: ref,
     className: clsx(className, true && 'govgr-accordion__section-summary'),
+    ref: ref,
     role: "heading"
   }, props), children);
 });

package/esm/AccordionSectionSummaryHeading/index.js

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

package/esm/ArrowIcon/index.js

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

package/esm/Aside/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["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';
 
 /**
  * Use this inside the Content component for additional content
  * that will be shown on the left one third of the page
  */
 export var Aside = /*#__PURE__*/React.forwardRef(function Aside(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "aside",
-    ref: ref,
-    className: clsx(className, true && 'govgr-grid-column-one-third')
+    className: clsx(className, true && 'govgr-grid-column-one-third'),
+    ref: ref
   }, props), children);
 });
 export default Aside;

package/esm/BackLink/index.js

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

package/esm/Base/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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"];
+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"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -38,36 +38,36 @@ function calculateClasses(margin, marginTop, marginBottom, marginRight, marginLe
 
 export var Base = /*#__PURE__*/React.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,
-      xsUpHidden = _ref.xsUpHidden,
+      smHidden = _ref.smHidden,
       smUpHidden = _ref.smUpHidden,
-      mdUpHidden = _ref.mdUpHidden,
-      lgUpHidden = _ref.lgUpHidden,
+      xlHidden = _ref.xlHidden,
       xlUpHidden = _ref.xlUpHidden,
       xsHidden = _ref.xsHidden,
-      smHidden = _ref.smHidden,
-      mdHidden = _ref.mdHidden,
-      lgHidden = _ref.lgHidden,
-      xlHidden = _ref.xlHidden,
-      children = _ref.children,
-      className = _ref.className,
+      xsUpHidden = _ref.xsUpHidden,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var Component = as || 'span';
   return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: ref,
-    className: clsx(className, calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden, printVisible, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden))
+    className: clsx(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
   }, props), children);
 });
 export default Base;

package/esm/Blockquote/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';
 
 /**
  * Use Blockquote to differentiate a block of text from the content that surrounds it.
  */
 export var Blockquote = /*#__PURE__*/React.forwardRef(function Blockquote(_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: "blockquote",
-    ref: ref,
-    className: clsx(className, true && 'govgr-blockquote')
+    className: clsx(className, true && 'govgr-blockquote'),
+    ref: ref
   }, props), children);
 });
 export default Blockquote;

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

package/esm/Breadcrumbs/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';
 
 /**
  * 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.
  */
 export var Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(_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: "nav",
-    ref: ref,
-    className: clsx(className, true && 'govgr-breadcrumbs')
+    className: clsx(className, true && 'govgr-breadcrumbs'),
+    ref: ref
   }, props), children);
 });
 export default Breadcrumbs;

package/esm/BreadcrumbsList/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';
 
 /**
  * BreadcrumbsList is used for providing the items inside Breadcrumbs.
  */
 export var BreadcrumbsList = /*#__PURE__*/React.forwardRef(function BreadcrumbsList(_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: "ol",
-    ref: ref,
-    className: clsx(className, true && 'govgr-breadcrumbs__list')
+    className: clsx(className, true && 'govgr-breadcrumbs__list'),
+    ref: ref
   }, props), children);
 });
 export default BreadcrumbsList;

package/esm/BreadcrumbsListItem/index.js

@@ -1,27 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "className", "children"];
+var _excluded = ["children", "className", "href"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * BreadcrumbsListItem creates a list of items with the possibility of navigation.
  * It should be used inside BreadcrumbsList as children component
  */
 export var BreadcrumbsListItem = /*#__PURE__*/React.forwardRef(function BreadcrumbsListItem(_ref, ref) {
-  var href = _ref.href,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      href = _ref.href,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
-    ref: ref,
-    className: clsx(className, true && 'govgr-breadcrumbs__list-item')
+    className: clsx(className, true && 'govgr-breadcrumbs__list-item'),
+    ref: ref
   }, props), /*#__PURE__*/React.createElement("a", {
-    href: href,
-    className: clsx(true && 'govgr-breadcrumbs__link')
+    className: clsx(true && 'govgr-breadcrumbs__link'),
+    href: href
   }, children));
 });
 export default BreadcrumbsListItem;

package/esm/BurgerIcon/index.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "size", "active", "className"];
+var _excluded = ["active", "className", "size", "variant"];
 import React from 'react';
-import SvgIcon from '@digigov/react-core/SvgIcon';
 import clsx from 'clsx';
+import SvgIcon from '@digigov/react-core/SvgIcon';
 
 var _ref2 = /*#__PURE__*/React.createElement("rect", {
+  height: "3.3",
   id: "govgr-burger-icon__line-1",
-  width: "20",
-  height: "3.3"
+  width: "20"
 });
 
 var _ref3 = /*#__PURE__*/React.createElement("rect", {
+  height: "3.3",
   id: "govgr-burger-icon__line-2",
-  width: "20",
-  height: "3.3"
+  width: "20"
 });
 
 var _ref4 = /*#__PURE__*/React.createElement("rect", {
+  height: "3.3",
   id: "govgr-burger-icon__line-3",
-  width: "20",
-  height: "3.3"
+  width: "20"
 });
 
 /**
@@ -28,17 +28,17 @@ var _ref4 = /*#__PURE__*/React.createElement("rect", {
  * It should be linked with the NavHorizontal component. It is hidden when the NavHorizontal is visible and vice versa.
  */
 export var BurgerIcon = /*#__PURE__*/React.forwardRef(function BurgerIcon(_ref, ref) {
-  var variant = _ref.variant,
-      size = _ref.size,
-      active = _ref.active,
+  var active = _ref.active,
       className = _ref.className,
+      size = _ref.size,
+      variant = _ref.variant,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    variant: variant,
-    size: size,
     className: clsx(className, active === true && 'govgr-burger-icon--active', true && 'govgr-burger-icon'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, props), _ref2, _ref3, _ref4);
 });
 export default BurgerIcon;

package/esm/Button/index.js

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

package/esm/Button/index.test.js

@@ -49,8 +49,8 @@ it('renders the Button with disabled=false', function () {
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(Button, {
-  disabled: true,
-  color: 'primary'
+  color: 'primary',
+  disabled: true
 }, "hello");
 
 it('renders the Button with color=primary with disabled=true', function () {
@@ -58,8 +58,8 @@ it('renders the Button with color=primary with disabled=true', function () {
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(Button, {
-  disabled: true,
-  color: 'secondary'
+  color: 'secondary',
+  disabled: true
 }, "hello");
 
 it('renders the Button with color=secondary with disabled=true', function () {
@@ -67,8 +67,8 @@ it('renders the Button with color=secondary with disabled=true', function () {
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(Button, {
-  disabled: true,
-  color: 'warning'
+  color: 'warning',
+  disabled: true
 }, "hello");
 
 it('renders the Button with color=warning with disabled=true', function () {

package/esm/ButtonGroup/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';
 
 /**
  * Use a button group when two or more buttons are placed together.
  */
 export var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(_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-button-group')
+    className: clsx(className, true && 'govgr-button-group'),
+    ref: ref
   }, props), children);
 });
 export default ButtonGroup;