@digigov/react-core 0.25.2 → 0.25.4

package/es/Heading/index.test.js

@@ -41,8 +41,8 @@ it('renders the Heading with size=s', function () {
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(Heading, {
-  size: 's',
-  element: "h2"
+  element: "h2",
+  size: 's'
 }, "hello");
 
 it('renders the Heading with size=s and element h2', function () {
@@ -50,8 +50,8 @@ it('renders the Heading with size=s and element h2', function () {
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(Heading, {
-  size: 's',
-  element: "h3"
+  element: "h3",
+  size: 's'
 }, "hello");
 
 it('renders the Heading with size=s and element h3', function () {
@@ -59,8 +59,8 @@ it('renders the Heading with size=s and element h3', function () {
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(Heading, {
-  size: 's',
-  element: "h4"
+  element: "h4",
+  size: 's'
 }, "hello");
 
 it('renders the Heading with size=s and element h4', function () {
@@ -68,8 +68,8 @@ it('renders the Heading with size=s and element h4', function () {
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'm',
-  element: "h2"
+  element: "h2",
+  size: 'm'
 }, "hello");
 
 it('renders the Heading with size=m and element h2', function () {
@@ -77,8 +77,8 @@ it('renders the Heading with size=m and element h2', function () {
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'm',
-  element: "h3"
+  element: "h3",
+  size: 'm'
 }, "hello");
 
 it('renders the Heading with size=m and element h3', function () {
@@ -86,8 +86,8 @@ it('renders the Heading with size=m and element h3', function () {
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'm',
-  element: "h4"
+  element: "h4",
+  size: 'm'
 }, "hello");
 
 it('renders the Heading with size=m and element h4', function () {
@@ -95,8 +95,8 @@ it('renders the Heading with size=m and element h4', function () {
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'l',
-  element: "h2"
+  element: "h2",
+  size: 'l'
 }, "hello");
 
 it('renders the Heading with size=l and element h2', function () {
@@ -104,8 +104,8 @@ it('renders the Heading with size=l and element h2', function () {
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'l',
-  element: "h3"
+  element: "h3",
+  size: 'l'
 }, "hello");
 
 it('renders the Heading with size=l and element h3', function () {
@@ -113,8 +113,8 @@ it('renders the Heading with size=l and element h3', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'l',
-  element: "h4"
+  element: "h4",
+  size: 'l'
 }, "hello");
 
 it('renders the Heading with size=l and element h4', function () {
@@ -122,8 +122,8 @@ it('renders the Heading with size=l and element h4', function () {
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'xl',
-  element: "h2"
+  element: "h2",
+  size: 'xl'
 }, "hello");
 
 it('renders the Heading with size=xl and element h2', function () {
@@ -131,8 +131,8 @@ it('renders the Heading with size=xl and element h2', function () {
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'xl',
-  element: "h3"
+  element: "h3",
+  size: 'xl'
 }, "hello");
 
 it('renders the Heading with size=xl and element h3', function () {
@@ -140,8 +140,8 @@ it('renders the Heading with size=xl and element h3', function () {
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(Heading, {
-  size: 'xl',
-  element: "h4"
+  element: "h4",
+  size: 'xl'
 }, "hello");
 
 it('renders the Heading with size=xl and element h4', function () {

package/es/HeadingCaption/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "children"];
+var _excluded = ["children", "className", "size"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Sometimes you may need to make it clear that a page is part of a larger section or group.
  * To do this, you can use a Heading with a HeadingCaption above it.
  */
 export var HeadingCaption = /*#__PURE__*/React.forwardRef(function HeadingCaption(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'l' : _ref$size,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'l' : _ref$size,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "span",
-    ref: ref,
-    className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m')
+    className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m'),
+    ref: ref
   }, props), children);
 });
 export default HeadingCaption;

package/es/HellenicRepublicLogo/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["lang", "className", "children"];
+var _excluded = ["children", "className", "lang"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 import logoEl from '@digigov/react-core/HellenicRepublicLogo/logo-el';
 import logoEn from '@digigov/react-core/HellenicRepublicLogo/logo-en';
 import logoElInverted from '@digigov/react-core/HellenicRepublicLogo/logo-inverted-el';
@@ -14,27 +14,25 @@ import logoEnInverted from '@digigov/react-core/HellenicRepublicLogo/logo-invert
  * This component can't have children.
  */
 export var HellenicRepublicLogo = /*#__PURE__*/React.forwardRef(function HellenicRepublicLogo(_ref, ref) {
-  var lang = _ref.lang,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      lang = _ref.lang,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var logo = lang === 'en' ? logoEn : logoEl;
   var logoInverted = lang === 'en' ? logoEnInverted : logoElInverted;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
+    alt: "Hellenic Republic Logo",
     as: "img",
-    src: logo,
+    className: clsx(className, true && 'govgr-footer__government-logo'),
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__government-logo')
-  }, props, {
-    alt: "Hellenic Republic Logo"
-  }), children), /*#__PURE__*/React.createElement(Base, _extends({
+    src: logo
+  }, props), children), /*#__PURE__*/React.createElement(Base, _extends({
+    alt: "Hellenic Republic Logo",
     as: "img",
-    src: logoInverted,
+    className: clsx(className, true && 'govgr-footer__government-logo-inverted'),
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__government-logo-inverted')
-  }, props, {
-    alt: "Hellenic Republic Logo"
-  }), children));
+    src: logoInverted
+  }, props), children));
 });
 export default HellenicRepublicLogo;

package/es/Hidden/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
+var _excluded = ["children", "className", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Hidden is used to responsively hide children based on the screen size.
@@ -11,8 +11,8 @@ import clsx from 'clsx';
  * property at the selected screen size and above.
  */
 export var Hidden = /*#__PURE__*/React.forwardRef(function Hidden(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$lgUp = _ref.lgUp,
       lgUp = _ref$lgUp === void 0 ? false : _ref$lgUp,
       _ref$mdUp = _ref.mdUp,
@@ -27,8 +27,8 @@ export var Hidden = /*#__PURE__*/React.forwardRef(function Hidden(_ref, ref) {
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, lgUp && 'govgr-lg-up', mdUp && 'govgr-md-up', smUp && 'govgr-sm-up', xlUp && 'govgr-xl-up', xsUp && 'govgr-xs-up')
+    className: clsx(className, lgUp && 'govgr-lg-up', mdUp && 'govgr-md-up', smUp && 'govgr-sm-up', xlUp && 'govgr-xl-up', xsUp && 'govgr-xs-up'),
+    ref: ref
   }, props), children);
 });
 export default Hidden;

package/es/Hint/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["fontSize", "className", "children"];
+var _excluded = ["children", "className", "fontSize"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Hint component can be used in form pages and it gives an extra hint description to the form.
  */
 export var Hint = /*#__PURE__*/React.forwardRef(function Hint(_ref, ref) {
-  var fontSize = _ref.fontSize,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      fontSize = _ref.fontSize,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
-    ref: ref,
-    className: clsx(className, fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '24' && 'govgr-!-font-size-24', true && 'govgr-hint')
+    className: clsx(className, fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '24' && 'govgr-!-font-size-24', true && 'govgr-hint'),
+    ref: ref
   }, props), children);
 });
 export default Hint;

package/es/LabelContainer/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';
 
 /**
  * Label component defines a label for several elements at forms.
  */
 export var LabelContainer = /*#__PURE__*/React.forwardRef(function LabelContainer(_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: "label",
-    ref: ref,
-    className: clsx(className, true && 'govgr-label')
+    className: clsx(className, true && 'govgr-label'),
+    ref: ref
   }, props), children);
 });
 export default LabelContainer;

package/es/LabelTitle/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "heading", "children"];
+var _excluded = ["children", "className", "heading", "size"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Label component defines a label for several elements at forms.
  */
 export var LabelTitle = /*#__PURE__*/React.forwardRef(function LabelTitle(_ref, ref) {
-  var size = _ref.size,
+  var children = _ref.children,
       className = _ref.className,
       _ref$heading = _ref.heading,
       heading = _ref$heading === void 0 ? false : _ref$heading,
-      children = _ref.children,
+      size = _ref.size,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "span",
-    ref: ref,
-    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s')
+    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s'),
+    ref: ref
   }, heading && {
     role: 'heading',
     'aria-level': 1

package/es/Layout/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "fullHeight"];
+var _excluded = ["children", "className", "fullHeight"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Wrapper component for the entire page except the Header and the Footer.
  */
 export var Layout = /*#__PURE__*/React.forwardRef(function Layout(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$fullHeight = _ref.fullHeight,
       fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, fullHeight === true && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper')
+    className: clsx(className, fullHeight === true && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper'),
+    ref: ref
   }, props), children);
 });
 export default Layout;

package/es/LinkBase/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["underline", "className", "children"];
+var _excluded = ["children", "className", "underline"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * This component defines a hyperlink, which is used to link from one page to another.
  */
 export var LinkBase = /*#__PURE__*/React.forwardRef(function LinkBase(_ref, ref) {
-  var underline = _ref.underline,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      underline = _ref.underline,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    ref: ref,
-    className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link')
+    className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link'),
+    ref: ref
   }, props), children);
 });
 export default LinkBase;

package/es/List/index.js

@@ -1,27 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["listStyle", "spaced", "className", "children"];
+var _excluded = ["children", "className", "listStyle", "spaced"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * List component is used for listing items.
  * This component must contain ListItem component.
  */
 export var List = /*#__PURE__*/React.forwardRef(function List(_ref, ref) {
-  var _ref$listStyle = _ref.listStyle,
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$listStyle = _ref.listStyle,
       listStyle = _ref$listStyle === void 0 ? 'none' : _ref$listStyle,
       _ref$spaced = _ref.spaced,
       spaced = _ref$spaced === void 0 ? false : _ref$spaced,
-      className = _ref.className,
-      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
-    ref: ref,
-    className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list')
+    className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list'),
+    ref: ref
   }, props), children);
 });
 export default List;

package/es/ListItem/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';
 
 /**
  * ListItem must be inside List compoenent.
  */
 export var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(_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: "li",
-    ref: ref,
-    className: clsx(className, true && 'govgr-list__item')
+    className: clsx(className, true && 'govgr-list__item'),
+    ref: ref
   }, props), children);
 });
 export default ListItem;

package/es/Main/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "id"];
+var _excluded = ["children", "className", "id"];
 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 Content component for placing the main content of the page
  */
 export var Main = /*#__PURE__*/React.forwardRef(function Main(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? 'main-content' : _ref$id,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "main",
+    className: clsx(className, true && 'govgr-grid-column-two-thirds'),
     id: id,
-    ref: ref,
-    className: clsx(className, true && 'govgr-grid-column-two-thirds')
+    ref: ref
   }, props), children);
 });
 export default Main;

package/es/Masthead/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "color"];
+var _excluded = ["children", "className", "color"];
 import React from 'react';
-import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use the Masthead on the top of the page.
  */
 export var Masthead = /*#__PURE__*/React.forwardRef(function Masthead(_ref, ref) {
-  var className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'primary' : _ref$color,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    ref: ref,
-    className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead')
+    className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead'),
+    ref: ref
   }, props), children);
 });
 export default Masthead;

package/es/MastheadBody/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 the MastheadBody inside Masthead an you can wrap your content inside Main component.
  */
 export var MastheadBody = /*#__PURE__*/React.forwardRef(function MastheadBody(_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: "p",
-    ref: ref,
-    className: clsx(className, true && 'govgr-masthead-body')
+    className: clsx(className, true && 'govgr-masthead-body'),
+    ref: ref
   }, props), children);
 });
 export default MastheadBody;

package/es/MoreVertIcon/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "variant", "className"];
+var _excluded = ["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("circle", {
   cx: "12",
@@ -27,16 +27,16 @@ var _ref4 = /*#__PURE__*/React.createElement("circle", {
  * Use MoreVertIcon component when you need to show more options.
  */
 export var MoreVertIcon = /*#__PURE__*/React.forwardRef(function MoreVertIcon(_ref, ref) {
-  var size = _ref.size,
+  var className = _ref.className,
+      size = _ref.size,
       variant = _ref.variant,
-      className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
-    size: size,
-    variant: variant,
     className: clsx(className, true && 'govgr-svg-icon--check'),
-    ref: ref
+    ref: ref,
+    size: size,
+    variant: variant
   }, props), _ref2, _ref3, _ref4);
 });
 export default MoreVertIcon;

package/es/MoreVertIcon/index.test.js

@@ -105,8 +105,8 @@ it('renders the MoreVertIcon with prop variant=focus', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(MoreVertIcon, {
-  variant: "warning",
-  size: "s"
+  size: "s",
+  variant: "warning"
 });
 
 it('renders the MoreVertIcon with prop variant=warning and size=s', function () {
@@ -114,8 +114,8 @@ it('renders the MoreVertIcon with prop variant=warning and size=s', function ()
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(MoreVertIcon, {
-  variant: "warning",
-  size: "xl"
+  size: "xl",
+  variant: "warning"
 });
 
 it('renders the MoreVertIcon with prop variant=error and size= xl', function () {