@digigov/react-core 0.25.2 → 0.25.4

package/HeaderNavMenuContent/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"];
 
 /**
  *  Use HeaderMenuContent inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLog,
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  *  HeaderMenuContent must only used when we use NavHorizontaList menu.
  */
 var HeaderNavMenuContent = /*#__PURE__*/_react["default"].forwardRef(function HeaderNavMenuContent(_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-header-nav-menu__content')
+    className: (0, _clsx["default"])(className, true && 'govgr-header-nav-menu__content'),
+    ref: ref
   }, props), children);
 });
 

package/HeaderSecondaryLogo/index.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface HeaderSecondaryLogoProps extends BaseProps<'a'> {
-    /**
-     * src is needed to provide the url that we get the logo from.
-     */
-    src: string;
     /**
      * href provides the alternative text for the img tag.
      */
     altText?: string;
+    /**
+     * src is needed to provide the url that we get the logo from.
+     */
+    src: string;
 }
 /**
  * HeaderSecondaryLogo is used inside Header for providing additional logos.

package/HeaderSecondaryLogo/index.js

@@ -13,30 +13,30 @@ 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", "src", "altText", "className"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["altText", "className", "href", "src"];
 
 /**
  * HeaderSecondaryLogo is used inside Header for providing additional logos.
  */
 var HeaderSecondaryLogo = /*#__PURE__*/_react["default"].forwardRef(function HeaderSecondaryLogo(_ref, ref) {
-  var href = _ref.href,
-      src = _ref.src,
-      altText = _ref.altText,
+  var altText = _ref.altText,
       className = _ref.className,
+      href = _ref.href,
+      src = _ref.src,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "a",
+    className: (0, _clsx["default"])(className, true && 'govgr-header-link'),
     href: href,
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-header-link')
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement("img", {
-    src: src,
+    alt: altText,
     className: (0, _clsx["default"])(className, true && 'govgr-header-secondary-logo'),
-    alt: altText
+    src: src
   }));
 });
 

package/HeaderSecondaryLogo/index.test.js

@@ -9,8 +9,8 @@ var _enzyme = require("enzyme");
 var _HeaderSecondaryLogo = _interopRequireDefault(require("@digigov/react-core/HeaderSecondaryLogo"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_HeaderSecondaryLogo["default"], {
-  src: "https://dilosi.services.gov.gr/minedu-logo.svg",
-  altText: "minedu logo"
+  altText: "minedu logo",
+  src: "https://dilosi.services.gov.gr/minedu-logo.svg"
 });
 
 it('renders the HeaderSecondaryLogo with src and alt', function () {
@@ -18,9 +18,9 @@ it('renders the HeaderSecondaryLogo with src and alt', function () {
 });
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_HeaderSecondaryLogo["default"], {
-  src: "https://dilosi.services.gov.gr/minedu-logo.svg",
+  altText: "minedu logo",
   href: "https://www.minedu.gov.gr/",
-  altText: "minedu logo"
+  src: "https://dilosi.services.gov.gr/minedu-logo.svg"
 });
 
 it('renders the HeaderSecondaryLogo with src, href and alt', function () {

package/HeaderSection/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"];
 
 /**
  * HeaderSection is used inside Header component as a container for its items.
  */
 var HeaderSection = /*#__PURE__*/_react["default"].forwardRef(function HeaderSection(_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-header__container')
+    className: (0, _clsx["default"])(className, true && 'govgr-header__container'),
+    ref: ref
   }, props), children);
 });
 

package/HeaderSubtitle/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"];
 
 /**
  * Details for the HeaderSubtitle.
  */
 var HeaderSubtitle = /*#__PURE__*/_react["default"].forwardRef(function HeaderSubtitle(_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)
+    className: (0, _clsx["default"])(className),
+    ref: ref
   }, props), children);
 });
 

package/HeaderTitle/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 = ["href", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "href"];
 
 /**
  * Use this component inside HeaderContent to provide a title to the header.
  */
 var HeaderTitle = /*#__PURE__*/_react["default"].forwardRef(function HeaderTitle(_ref, ref) {
-  var _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '/' : _ref$href,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      _ref$href = _ref.href,
+      href = _ref$href === void 0 ? '/' : _ref$href,
       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, true && 'govgr-header-title'),
     href: href,
-    className: (0, _clsx["default"])(className, true && 'govgr-header-title')
+    ref: ref
   }, props), children);
 });
 

package/Heading/index.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface HeadingProps extends BaseProps<'h1'> {
-    /**
-     * size is optional. 'xl' is the default value.
-     * Use 'xl' when this heading is the main page title.
-     */
-    size?: 'xl' | 'l' | 'm' | 's';
     /**
      * element is optional. 'h1' is the default value.
      * Use 'h1' when this heading is the main page title.
      */
     element?: HeadingHTMLElements;
+    /**
+     * size is optional. 'xl' is the default value.
+     * Use 'xl' when this heading is the main page title.
+     */
+    size?: 'xl' | 'l' | 'm' | 's';
 }
 export declare type HeadingHTMLElements = 'h1' | 'h2' | 'h3' | 'h4';
 /**

package/Heading/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 = ["size", "element", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "element", "size"];
 
 var getComponentBySize = function getComponentBySize(size) {
   switch (size) {
@@ -44,17 +44,17 @@ var getComponentBySize = function getComponentBySize(size) {
 
 
 var Heading = /*#__PURE__*/_react["default"].forwardRef(function Heading(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'xl' : _ref$size,
-      element = _ref.element,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      element = _ref.element,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xl' : _ref$size,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var Component = element ? element : getComponentBySize(size);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: Component,
-    ref: ref,
-    className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s')
+    className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s'),
+    ref: ref
   }, props), children);
 });
 

package/Heading/index.test.js

@@ -47,8 +47,8 @@ it('renders the Heading with size=s', function () {
 });
 
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 's',
-  element: "h2"
+  element: "h2",
+  size: 's'
 }, "hello");
 
 it('renders the Heading with size=s and element h2', function () {
@@ -56,8 +56,8 @@ it('renders the Heading with size=s and element h2', function () {
 });
 
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 's',
-  element: "h3"
+  element: "h3",
+  size: 's'
 }, "hello");
 
 it('renders the Heading with size=s and element h3', function () {
@@ -65,8 +65,8 @@ it('renders the Heading with size=s and element h3', function () {
 });
 
 var _ref8 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 's',
-  element: "h4"
+  element: "h4",
+  size: 's'
 }, "hello");
 
 it('renders the Heading with size=s and element h4', function () {
@@ -74,8 +74,8 @@ it('renders the Heading with size=s and element h4', function () {
 });
 
 var _ref9 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'm',
-  element: "h2"
+  element: "h2",
+  size: 'm'
 }, "hello");
 
 it('renders the Heading with size=m and element h2', function () {
@@ -83,8 +83,8 @@ it('renders the Heading with size=m and element h2', function () {
 });
 
 var _ref10 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'm',
-  element: "h3"
+  element: "h3",
+  size: 'm'
 }, "hello");
 
 it('renders the Heading with size=m and element h3', function () {
@@ -92,8 +92,8 @@ it('renders the Heading with size=m and element h3', function () {
 });
 
 var _ref11 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'm',
-  element: "h4"
+  element: "h4",
+  size: 'm'
 }, "hello");
 
 it('renders the Heading with size=m and element h4', function () {
@@ -101,8 +101,8 @@ it('renders the Heading with size=m and element h4', function () {
 });
 
 var _ref12 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'l',
-  element: "h2"
+  element: "h2",
+  size: 'l'
 }, "hello");
 
 it('renders the Heading with size=l and element h2', function () {
@@ -110,8 +110,8 @@ it('renders the Heading with size=l and element h2', function () {
 });
 
 var _ref13 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'l',
-  element: "h3"
+  element: "h3",
+  size: 'l'
 }, "hello");
 
 it('renders the Heading with size=l and element h3', function () {
@@ -119,8 +119,8 @@ it('renders the Heading with size=l and element h3', function () {
 });
 
 var _ref14 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'l',
-  element: "h4"
+  element: "h4",
+  size: 'l'
 }, "hello");
 
 it('renders the Heading with size=l and element h4', function () {
@@ -128,8 +128,8 @@ it('renders the Heading with size=l and element h4', function () {
 });
 
 var _ref15 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'xl',
-  element: "h2"
+  element: "h2",
+  size: 'xl'
 }, "hello");
 
 it('renders the Heading with size=xl and element h2', function () {
@@ -137,8 +137,8 @@ it('renders the Heading with size=xl and element h2', function () {
 });
 
 var _ref16 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'xl',
-  element: "h3"
+  element: "h3",
+  size: 'xl'
 }, "hello");
 
 it('renders the Heading with size=xl and element h3', function () {
@@ -146,8 +146,8 @@ it('renders the Heading with size=xl and element h3', function () {
 });
 
 var _ref17 = /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-  size: 'xl',
-  element: "h4"
+  element: "h4",
+  size: 'xl'
 }, "hello");
 
 it('renders the Heading with size=xl and element h4', function () {

package/HeadingCaption/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 = ["size", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "size"];
 
 /**
  * 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.
  */
 var HeadingCaption = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "span",
-    ref: ref,
-    className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m')
+    className: (0, _clsx["default"])(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m'),
+    ref: ref
   }, props), children);
 });
 

package/HellenicRepublicLogo/index.js

@@ -13,10 +13,10 @@ 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 _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
 var _logoEl = _interopRequireDefault(require("@digigov/react-core/HellenicRepublicLogo/logo-el"));
 
 var _logoEn = _interopRequireDefault(require("@digigov/react-core/HellenicRepublicLogo/logo-en"));
@@ -25,34 +25,32 @@ var _logoInvertedEl = _interopRequireDefault(require("@digigov/react-core/Hellen
 
 var _logoInvertedEn = _interopRequireDefault(require("@digigov/react-core/HellenicRepublicLogo/logo-inverted-en"));
 
-var _excluded = ["lang", "className", "children"];
+var _excluded = ["children", "className", "lang"];
 
 /**
  * HellenicRepublicLogo is used mainly at the Footer.
  * This component can't have children.
  */
 var HellenicRepublicLogo = /*#__PURE__*/_react["default"].forwardRef(function HellenicRepublicLogo(_ref, ref) {
-  var lang = _ref.lang,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      lang = _ref.lang,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var logo = lang === 'en' ? _logoEn["default"] : _logoEl["default"];
   var logoInverted = lang === 'en' ? _logoInvertedEn["default"] : _logoInvertedEl["default"];
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    alt: "Hellenic Republic Logo",
     as: "img",
-    src: logo,
+    className: (0, _clsx["default"])(className, true && 'govgr-footer__government-logo'),
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-footer__government-logo')
-  }, props, {
-    alt: "Hellenic Republic Logo"
-  }), children), /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    src: logo
+  }, props), children), /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    alt: "Hellenic Republic Logo",
     as: "img",
-    src: logoInverted,
+    className: (0, _clsx["default"])(className, true && 'govgr-footer__government-logo-inverted'),
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-footer__government-logo-inverted')
-  }, props, {
-    alt: "Hellenic Republic Logo"
-  }), children));
+    src: logoInverted
+  }, props), children));
 });
 
 exports.HellenicRepublicLogo = HellenicRepublicLogo;

package/Hidden/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", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
 
 /**
  * Hidden is used to responsively hide children based on the screen size.
@@ -25,8 +25,8 @@ var _excluded = ["className", "children", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"
  * property at the selected screen size and above.
  */
 var Hidden = /*#__PURE__*/_react["default"].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,
@@ -40,8 +40,8 @@ var Hidden = /*#__PURE__*/_react["default"].forwardRef(function Hidden(_ref, ref
       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, lgUp && 'govgr-lg-up', mdUp && 'govgr-md-up', smUp && 'govgr-sm-up', xlUp && 'govgr-xl-up', xsUp && 'govgr-xs-up')
+    className: (0, _clsx["default"])(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);
 });
 

package/Hint/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 = ["fontSize", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "fontSize"];
 
 /**
  * Hint component can be used in form pages and it gives an extra hint description to the form.
  */
 var Hint = /*#__PURE__*/_react["default"].forwardRef(function Hint(_ref, ref) {
-  var fontSize = _ref.fontSize,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      fontSize = _ref.fontSize,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "p",
-    ref: ref,
-    className: (0, _clsx["default"])(className, fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '24' && 'govgr-!-font-size-24', true && 'govgr-hint')
+    className: (0, _clsx["default"])(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);
 });
 

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

package/LabelTitle/index.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface LabelFieldProps extends BaseProps<'span'> {
-    /**
-     * size is optional. The default value is 'l'
-     */
-    size?: 'xl' | 'l' | 'm' | 's';
     /**
      * heading is optional.
      * Add this prop if this Field component is the only one in this page.
      * The default value is false.
      */
     heading?: boolean;
+    /**
+     * size is optional. The default value is 'l'
+     */
+    size?: 'xl' | 'l' | 'm' | 's';
 }
 /**
  * Label component defines a label for several elements at forms.