@digigov/react-core 0.25.2 → 0.25.4

package/BreadcrumbsListItem/index.js

@@ -13,28 +13,28 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["href", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "href"];
 
 /**
  * BreadcrumbsListItem creates a list of items with the possibility of navigation.
  * It should be used inside BreadcrumbsList as children component
  */
 var BreadcrumbsListItem = /*#__PURE__*/_react["default"].forwardRef(function BreadcrumbsListItem(_ref, ref) {
-  var href = _ref.href,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      href = _ref.href,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "li",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-breadcrumbs__list-item')
+    className: (0, _clsx["default"])(className, true && 'govgr-breadcrumbs__list-item'),
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement("a", {
-    href: href,
-    className: (0, _clsx["default"])(true && 'govgr-breadcrumbs__link')
+    className: (0, _clsx["default"])(true && 'govgr-breadcrumbs__link'),
+    href: href
   }, children));
 });
 

package/BurgerIcon/index.js

@@ -13,28 +13,28 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["variant", "size", "active", "className"];
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
+
+var _excluded = ["active", "className", "size", "variant"];
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement("rect", {
+  height: "3.3",
   id: "govgr-burger-icon__line-1",
-  width: "20",
-  height: "3.3"
+  width: "20"
 });
 
 var _ref3 = /*#__PURE__*/_react["default"].createElement("rect", {
+  height: "3.3",
   id: "govgr-burger-icon__line-2",
-  width: "20",
-  height: "3.3"
+  width: "20"
 });
 
 var _ref4 = /*#__PURE__*/_react["default"].createElement("rect", {
+  height: "3.3",
   id: "govgr-burger-icon__line-3",
-  width: "20",
-  height: "3.3"
+  width: "20"
 });
 
 /**
@@ -42,16 +42,16 @@ var _ref4 = /*#__PURE__*/_react["default"].createElement("rect", {
  * It should be linked with the NavHorizontal component. It is hidden when the NavHorizontal is visible and vice versa.
  */
 var BurgerIcon = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
-    variant: variant,
-    size: size,
     className: (0, _clsx["default"])(className, active === true && 'govgr-burger-icon--active', true && 'govgr-burger-icon'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, props), _ref2, _ref3, _ref4);
 });
 

package/Button/index.js

@@ -17,28 +17,28 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
-var _excluded = ["color", "variant", "disabled", "printHidden", "className", "children"];
+var _excluded = ["children", "className", "color", "disabled", "printHidden", "variant"];
 
 /**
  * Use the Button component to help users carry out an action.
  */
 var Button = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "button",
+    className: (0, _clsx["default"])(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: (0, _clsx["default"])(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);
 });
 

package/Button/index.test.js

@@ -55,8 +55,8 @@ it('renders the Button with disabled=false', function () {
 });
 
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-  disabled: true,
-  color: 'primary'
+  color: 'primary',
+  disabled: true
 }, "hello");
 
 it('renders the Button with color=primary with disabled=true', function () {
@@ -64,8 +64,8 @@ it('renders the Button with color=primary with disabled=true', function () {
 });
 
 var _ref8 = /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-  disabled: true,
-  color: 'secondary'
+  color: 'secondary',
+  disabled: true
 }, "hello");
 
 it('renders the Button with color=secondary with disabled=true', function () {
@@ -73,8 +73,8 @@ it('renders the Button with color=secondary with disabled=true', function () {
 });
 
 var _ref9 = /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-  disabled: true,
-  color: 'warning'
+  color: 'warning',
+  disabled: true
 }, "hello");
 
 it('renders the Button with color=warning with disabled=true', function () {

package/ButtonGroup/index.js

@@ -13,23 +13,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * Use a button group when two or more buttons are placed together.
  */
 var ButtonGroup = /*#__PURE__*/_react["default"].forwardRef(function ButtonGroup(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-button-group')
+    className: (0, _clsx["default"])(className, true && 'govgr-button-group'),
+    ref: ref
   }, props), children);
 });
 

package/ButtonLink/index.js

@@ -13,25 +13,25 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["color", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "color"];
 
 /**
  * Use the Button component to help users carry out an action.
  */
 var ButtonLink = /*#__PURE__*/_react["default"].forwardRef(function ButtonLink(_ref, ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'primary' : _ref$color,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "a",
-    ref: ref,
-    className: (0, _clsx["default"])(className, color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', true && 'govgr-btn')
+    className: (0, _clsx["default"])(className, color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', true && 'govgr-btn'),
+    ref: ref
   }, props), children);
 });
 

package/ButtonLink/index.test.js

@@ -53,8 +53,8 @@ it('renders the ButtonLink with disabled=false', function () {
 });
 
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_ButtonLink["default"], {
-  href: '#',
-  color: 'primary'
+  color: 'primary',
+  href: '#'
 }, "hello");
 
 it('renders the ButtonLink with color=primary with href=#', function () {
@@ -62,8 +62,8 @@ it('renders the ButtonLink with color=primary with href=#', function () {
 });
 
 var _ref8 = /*#__PURE__*/_react["default"].createElement(_ButtonLink["default"], {
-  href: '#',
-  color: 'secondary'
+  color: 'secondary',
+  href: '#'
 }, "hello");
 
 it('renders the ButtonLink with color=secondary with href=#', function () {
@@ -71,8 +71,8 @@ it('renders the ButtonLink with color=secondary with href=#', function () {
 });
 
 var _ref9 = /*#__PURE__*/_react["default"].createElement(_ButtonLink["default"], {
-  href: '#',
-  color: 'warning'
+  color: 'warning',
+  href: '#'
 }, "hello");
 
 it('renders the ButtonLink with color=warning with href=#', function () {

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @digigov/react-core
 
-This log was last generated on Mon, 19 Jun 2023 10:05:47 GMT and should not be manually modified.
+This log was last generated on Wed, 21 Jun 2023 11:28:11 GMT and should not be manually modified.
+
+## 0.25.4
+Wed, 21 Jun 2023 11:28:11 GMT
+
+### Patches
+
+- Sort import declarations, props and attributes
 
 ## 0.25.2
 Mon, 19 Jun 2023 10:05:47 GMT

package/CallToAction/index.js

@@ -15,11 +15,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _ButtonLink = _interopRequireDefault(require("@digigov/react-core/ButtonLink"));
-
 var _ArrowIcon = _interopRequireDefault(require("@digigov/react-core/ArrowIcon"));
 
-var _excluded = ["printHidden", "className", "children"];
+var _ButtonLink = _interopRequireDefault(require("@digigov/react-core/ButtonLink"));
+
+var _excluded = ["children", "className", "printHidden"];
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], null);
 
@@ -27,15 +27,15 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"],
  * Use this button for the main call to action on your service’s start page.
  */
 var CallToAction = /*#__PURE__*/_react["default"].forwardRef(function CallToAction(_ref, ref) {
-  var _ref$printHidden = _ref.printHidden,
-      printHidden = _ref$printHidden === void 0 ? true : _ref$printHidden,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      _ref$printHidden = _ref.printHidden,
+      printHidden = _ref$printHidden === void 0 ? true : _ref$printHidden,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_ButtonLink["default"], (0, _extends2["default"])({
-    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'govgr-btn-cta'),
     printHidden: printHidden,
-    className: (0, _clsx["default"])(className, true && 'govgr-btn-cta')
+    ref: ref
   }, props), children, _ref2);
 });
 

package/Card/index.d.ts

@@ -1,12 +1,6 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface CardProps extends BaseProps<'div'> {
-    /**
-     * By default, we recommend using Cards without border style. Card border increases the contrast to its background.
-     * divider
-     * `variant` property is optional.
-     */
-    variant?: 'border' | 'divider' | 'border-top';
     /**
      *borderColor property is optional and it is used to set the color of the Card's border.
      *
@@ -19,6 +13,12 @@ export interface CardProps extends BaseProps<'div'> {
      *
      */
     callToAction?: boolean;
+    /**
+     * By default, we recommend using Cards without border style. Card border increases the contrast to its background.
+     * divider
+     * `variant` property is optional.
+     */
+    variant?: 'border' | 'divider' | 'border-top';
 }
 /**
  * Cards can be used to divide and organise interface content for better understandability and readability.

package/Card/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["variant", "borderColor", "callToAction", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["borderColor", "callToAction", "children", "className", "variant"];
 
 /**
  * Cards can be used to divide and organise interface content for better understandability and readability.
@@ -25,16 +25,16 @@ var _excluded = ["variant", "borderColor", "callToAction", "className", "childre
  * Use Card as parent component to wrap CardHeading, CardText and CartAction components
  */
 var Card = /*#__PURE__*/_react["default"].forwardRef(function Card(_ref, ref) {
-  var variant = _ref.variant,
-      borderColor = _ref.borderColor,
+  var borderColor = _ref.borderColor,
       callToAction = _ref.callToAction,
-      className = _ref.className,
       children = _ref.children,
+      className = _ref.className,
+      variant = _ref.variant,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, 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')
+    className: (0, _clsx["default"])(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
   }, props), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(true && 'govgr-card__body')
   }, children));

package/Card/index.test.js

@@ -47,8 +47,8 @@ it('renders the Card with variant="border-top" props', function () {
 });
 
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-  variant: "border",
-  borderColor: "dark"
+  borderColor: "dark",
+  variant: "border"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="dark" props', function () {
@@ -56,8 +56,8 @@ it('renders the Card with variant="border" and borderColor="dark" props', functi
 });
 
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-  variant: "border",
-  borderColor: "gray"
+  borderColor: "gray",
+  variant: "border"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="gray" props', function () {
@@ -65,8 +65,8 @@ it('renders the Card with variant="border" and borderColor="gray" props', functi
 });
 
 var _ref8 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-  variant: "border-top",
-  borderColor: "dark"
+  borderColor: "dark",
+  variant: "border-top"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" props', function () {
@@ -74,8 +74,8 @@ it('renders the Card with variant="border-top" and borderColor="dark" props', fu
 });
 
 var _ref9 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-  variant: "border-top",
-  borderColor: "gray"
+  borderColor: "gray",
+  variant: "border-top"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="gray" props', function () {
@@ -83,9 +83,9 @@ it('renders the Card with variant="border-top" and borderColor="gray" props', fu
 });
 
 var _ref10 = /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-  variant: "border-top",
   borderColor: "dark",
-  callToAction: true
+  callToAction: true,
+  variant: "border-top"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" callToAction props', function () {

package/CardAction/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * CardAction contains the action behavior for Card Component.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * Use CardAction inside Card component as childern
  */
 var CardAction = /*#__PURE__*/_react["default"].forwardRef(function CardText(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-card__action')
+    className: (0, _clsx["default"])(className, true && 'govgr-card__action'),
+    ref: ref
   }, props), children);
 });
 

package/CardHeading/index.js

@@ -13,26 +13,26 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * CardHeading gives header title to Card Component
  * Use CardHeading inside Card component as children
  */
 var CardHeading = /*#__PURE__*/_react["default"].forwardRef(function CardHeading(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    "aria-level": 2,
     as: "div",
+    className: (0, _clsx["default"])(className, true && 'govgr-card__heading'),
     ref: ref,
-    role: "heading",
-    "aria-level": 2,
-    className: (0, _clsx["default"])(className, true && 'govgr-card__heading')
+    role: "heading"
   }, props), children);
 });
 

package/CardText/index.js

@@ -13,24 +13,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className"];
 
 /**
  * CardText contains the text for Card Component
  * Use CardText inside Card component as children
  */
 var CardText = /*#__PURE__*/_react["default"].forwardRef(function CardText(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-card__text')
+    className: (0, _clsx["default"])(className, true && 'govgr-card__text'),
+    ref: ref
   }, props), children);
 });
 

package/CaretContainer/index.js

@@ -17,7 +17,7 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 
 /**
  *
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  *
  */
 var CaretContainer = /*#__PURE__*/_react["default"].forwardRef(function CaretContainer(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-caret-container')
+    className: (0, _clsx["default"])(className, true && 'govgr-caret-container'),
+    ref: ref
   }, props), children);
 });
 

package/CaretIcon/index.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["size", "variant", "direction", "className"];
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/SvgIcon"));
+
+var _excluded = ["className", "direction", "size", "variant"];
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement("path", {
   d: "M18,22V2L6,12L18,22z"
@@ -40,17 +40,17 @@ var _ref5 = /*#__PURE__*/_react["default"].createElement("path", {
  * CaretIcon can be used inside other components, for example BackLink component.
  */
 var CaretIcon = /*#__PURE__*/_react["default"].forwardRef(function CaretIcon(_ref, ref) {
-  var size = _ref.size,
-      variant = _ref.variant,
+  var className = _ref.className,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? 'left' : _ref$direction,
-      className = _ref.className,
+      size = _ref.size,
+      variant = _ref.variant,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
-    size: size,
-    variant: variant,
     className: (0, _clsx["default"])(className, direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });
 

package/CheckIcon/index.d.ts

@@ -1,6 +1,12 @@
 import React from 'react';
 import { SvgIconProps } from '@digigov/react-core/SvgIcon';
 export interface CheckIconProps 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 CheckIcon component when you need a check icon.