@digigov/react-core 0.25.4 → 0.26.0

package/es/Bottom/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-bottom'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-bottom')
   }, props), children);
 });
 export default Bottom;

package/es/Breadcrumbs/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "nav",
-    className: clsx(className, true && 'govgr-breadcrumbs'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-breadcrumbs')
   }, props), children);
 });
 export default Breadcrumbs;

package/es/BreadcrumbsList/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * BreadcrumbsList is used for providing the items inside Breadcrumbs.
  */
 export var BreadcrumbsList = /*#__PURE__*/React.forwardRef(function BreadcrumbsList(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
-    className: clsx(className, true && 'govgr-breadcrumbs__list'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-breadcrumbs__list')
   }, props), children);
 });
 export default BreadcrumbsList;

package/es/BreadcrumbsListItem/index.js

@@ -1,27 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "href"];
+var _excluded = ["href", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * 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 children = _ref.children,
+  var href = _ref.href,
       className = _ref.className,
-      href = _ref.href,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
-    className: clsx(className, true && 'govgr-breadcrumbs__list-item'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-breadcrumbs__list-item')
   }, props), /*#__PURE__*/React.createElement("a", {
-    className: clsx(true && 'govgr-breadcrumbs__link'),
-    href: href
+    href: href,
+    className: clsx(true && 'govgr-breadcrumbs__link')
   }, children));
 });
 export default BreadcrumbsListItem;

package/es/BurgerIcon/index.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "className", "size", "variant"];
+var _excluded = ["variant", "size", "active", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
 
 var _ref2 = /*#__PURE__*/React.createElement("rect", {
-  height: "3.3",
   id: "govgr-burger-icon__line-1",
-  width: "20"
+  width: "20",
+  height: "3.3"
 });
 
 var _ref3 = /*#__PURE__*/React.createElement("rect", {
-  height: "3.3",
   id: "govgr-burger-icon__line-2",
-  width: "20"
+  width: "20",
+  height: "3.3"
 });
 
 var _ref4 = /*#__PURE__*/React.createElement("rect", {
-  height: "3.3",
   id: "govgr-burger-icon__line-3",
-  width: "20"
+  width: "20",
+  height: "3.3"
 });
 
 /**
@@ -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 active = _ref.active,
-      className = _ref.className,
+  var variant = _ref.variant,
       size = _ref.size,
-      variant = _ref.variant,
+      active = _ref.active,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    className: clsx(className, active === true && 'govgr-burger-icon--active', true && 'govgr-burger-icon'),
-    ref: ref,
+    variant: variant,
     size: size,
-    variant: variant
+    className: clsx(className, active === true && 'govgr-burger-icon--active', true && 'govgr-burger-icon'),
+    ref: ref
   }, props), _ref2, _ref3, _ref4);
 });
 export default BurgerIcon;

package/es/Button/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "color", "disabled", "printHidden", "variant"];
+var _excluded = ["color", "variant", "disabled", "printHidden", "className", "children"];
 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 children = _ref.children,
-      className = _ref.className,
-      _ref$color = _ref.color,
+  var _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,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'button' : _ref$variant,
+      className = _ref.className,
+      children = _ref.children,
       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
+    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')
   }, props), children);
 });
 export default Button;

package/es/Button/index.test.js

@@ -49,8 +49,8 @@ it('renders the Button with disabled=false', function () {
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(Button, {
-  color: 'primary',
-  disabled: true
+  disabled: true,
+  color: 'primary'
 }, "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, {
-  color: 'secondary',
-  disabled: true
+  disabled: true,
+  color: 'secondary'
 }, "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, {
-  color: 'warning',
-  disabled: true
+  disabled: true,
+  color: 'warning'
 }, "hello");
 
 it('renders the Button with color=warning with disabled=true', function () {

package/es/ButtonGroup/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use a button group when two or more buttons are placed together.
  */
 export var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-button-group'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-button-group')
   }, props), children);
 });
 export default ButtonGroup;

package/es/ButtonLink/index.js

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

package/es/ButtonLink/index.test.js

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

package/es/CallToAction/index.js

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

package/es/Card/index.js

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

package/es/Card/index.test.js

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

package/es/CardAction/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * CardAction contains the action behavior for Card Component.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * Use CardAction inside Card component as childern
  */
 export var CardAction = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-card__action'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-card__action')
   }, props), children);
 });
 export default CardAction;

package/es/CardHeading/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * CardHeading gives header title to Card Component
  * Use CardHeading inside Card component as children
  */
 export var CardHeading = /*#__PURE__*/React.forwardRef(function CardHeading(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    "aria-level": 2,
     as: "div",
-    className: clsx(className, true && 'govgr-card__heading'),
     ref: ref,
-    role: "heading"
+    role: "heading",
+    "aria-level": 2,
+    className: clsx(className, true && 'govgr-card__heading')
   }, props), children);
 });
 export default CardHeading;

package/es/CardText/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * CardText contains the text for Card Component
  * Use CardText inside Card component as children
  */
 export var CardText = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-card__text'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-card__text')
   }, props), children);
 });
 export default CardText;

package/es/CaretContainer/index.js

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

package/es/CaretIcon/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "direction", "size", "variant"];
+var _excluded = ["size", "variant", "direction", "className"];
 import React from 'react';
-import clsx from 'clsx';
 import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
 
 var _ref2 = /*#__PURE__*/React.createElement("path", {
   d: "M18,22V2L6,12L18,22z"
@@ -26,18 +26,18 @@ var _ref5 = /*#__PURE__*/React.createElement("path", {
  * CaretIcon can be used inside other components, for example BackLink component.
  */
 export var CaretIcon = /*#__PURE__*/React.forwardRef(function CaretIcon(_ref, ref) {
-  var className = _ref.className,
+  var size = _ref.size,
+      variant = _ref.variant,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? 'left' : _ref$direction,
-      size = _ref.size,
-      variant = _ref.variant,
+      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    className: clsx(className, direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up'),
-    ref: ref,
     size: size,
-    variant: variant
+    variant: variant,
+    className: clsx(className, direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up'),
+    ref: ref
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });
 export default CaretIcon;