@digigov/react-core 0.25.4 → 0.26.0

package/esm/NotificationBannerContent/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';
 
 /**
  * Details for the NotificationBannerContent.
@@ -12,14 +12,14 @@ import Base from '@digigov/react-core/Base';
  * NotificationBannerContent component must be used inside NotificationBanner component as children.
  */
 export var NotificationBannerContent = /*#__PURE__*/React.forwardRef(function NotificationBannerContent(_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-notification-banner__content'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-notification-banner__content')
   }, props), children);
 });
 export default NotificationBannerContent;

package/esm/NotificationBannerHeader/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';
 
 /**
  * Details for the NotificationBannerHeader.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * NotificationBannerHeader component must be used inside NotificationBanner as children.
  */
 export var NotificationBannerHeader = /*#__PURE__*/React.forwardRef(function NotificationBannerHeader(_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-notification-banner__header'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-notification-banner__header')
   }, props), /*#__PURE__*/React.createElement("h2", {
     className: clsx(true && 'govgr-notification-banner__title')
   }, children));

package/esm/NotificationBannerHeading/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';
 
 /**
  * Details for the NotificationBannerHeading.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * NotificationBannerHeading component must be used inside NotificationBannerContent as children
  */
 export var NotificationBannerHeading = /*#__PURE__*/React.forwardRef(function NotificationBannerHeading(_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: "h3",
-    className: clsx(className, true && 'govgr-notification-banner__heading'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-notification-banner__heading')
   }, props), children);
 });
 export default NotificationBannerHeading;

package/esm/NotificationBannerLink/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "href"];
+var _excluded = ["className", "href", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the NotificationBannerLink.
@@ -11,17 +11,17 @@ import Base from '@digigov/react-core/Base';
  * NotificationBannerLink must be wrapped inside NotificationContent component as children
  */
 export var NotificationBannerLink = /*#__PURE__*/React.forwardRef(function NotificationBannerLink(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '#' : _ref$href,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, true && 'govgr-notification-banner__link'),
+    ref: ref,
     href: href,
-    ref: ref
+    className: clsx(className, true && 'govgr-notification-banner__link')
   }, props), children);
 });
 export default NotificationBannerLink;

package/esm/PageTitle/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';
 
 /**
  * Details for the PageTitle.
  */
 export var PageTitle = /*#__PURE__*/React.forwardRef(function PageTitle(_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),
-    ref: ref
+    ref: ref,
+    className: clsx(className)
   }, props), children);
 });
 export default PageTitle;

package/esm/PageTitleCaption/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "size"];
+var _excluded = ["size", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * PageTitleCaption will be replaced by HeadingCaption.
  */
 export var PageTitleCaption = /*#__PURE__*/React.forwardRef(function PageTitleCaption(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$size = _ref.size,
+  var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'l' : _ref$size,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "span",
-    className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m')
   }, props), children);
 });
 export default PageTitleCaption;

package/esm/PageTitleHeading/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "size"];
+var _excluded = ["size", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the PageTitleHeading.
  */
 export var PageTitleHeading = /*#__PURE__*/React.forwardRef(function PageTitleHeading(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$size = _ref.size,
+  var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'xl' : _ref$size,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "h1",
-    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
+    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')
   }, props), children);
 });
 export default PageTitleHeading;

package/esm/PageTitleSection/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';
 
 /**
  * Details for the PageTitleSection.
  * Use this as a wrapper for PageTitleHeading.
  */
 export var PageTitleSection = /*#__PURE__*/React.forwardRef(function PageTitleSection(_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),
-    ref: ref
+    ref: ref,
+    className: clsx(className)
   }, props), children);
 });
 export default PageTitleSection;

package/esm/Paragraph/index.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "fontSize", "fontWeight", "variant"];
+var _excluded = ["variant", "fontSize", "fontWeight", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Paragraph component is used for text formatting.
  */
 export var Paragraph = /*#__PURE__*/React.forwardRef(function Paragraph(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
       fontSize = _ref.fontSize,
       fontWeight = _ref.fontWeight,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
-    className: clsx(className, fontWeight == 'regular' && 'govgr-!-font-weight-regular', fontWeight == 'bold' && 'govgr-!-font-weight-bold', variant === 'small' && 'govgr-body-s', variant === 'lead' && 'govgr-body-l', fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '19' && 'govgr-!-font-size-19', fontSize === '24' && 'govgr-!-font-size-24', fontSize === '30' && 'govgr-!-font-size-30', fontSize === '36' && 'govgr-!-font-size-36', fontSize === '48' && 'govgr-!-font-size-48', fontSize === '72' && 'govgr-!-font-size-72', true && 'govgr-body'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, fontWeight == 'regular' && 'govgr-!-font-weight-regular', fontWeight == 'bold' && 'govgr-!-font-weight-bold', variant === 'small' && 'govgr-body-s', variant === 'lead' && 'govgr-body-l', fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '19' && 'govgr-!-font-size-19', fontSize === '24' && 'govgr-!-font-size-24', fontSize === '30' && 'govgr-!-font-size-30', fontSize === '36' && 'govgr-!-font-size-36', fontSize === '48' && 'govgr-!-font-size-48', fontSize === '72' && 'govgr-!-font-size-72', true && 'govgr-body')
   }, props), children);
 });
 export default Paragraph;

package/esm/Paragraph/index.test.js

@@ -121,8 +121,8 @@ it('renders the Paragraph with fontWeight=bold', function () {
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '14',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '14'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=14', function () {
@@ -130,8 +130,8 @@ it('renders the Paragraph with variant=lead and fontSize=14', function () {
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '16',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '16'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=16', function () {
@@ -139,8 +139,8 @@ it('renders the Paragraph with variant=lead and fontSize=16', function () {
 });
 
 var _ref18 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '19',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '19'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=19', function () {
@@ -148,8 +148,8 @@ it('renders the Paragraph with variant=lead and fontSize=19', function () {
 });
 
 var _ref19 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '14',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '14'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=24', function () {
@@ -157,8 +157,8 @@ it('renders the Paragraph with variant=lead and fontSize=24', function () {
 });
 
 var _ref20 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '30',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '30'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=30', function () {
@@ -166,8 +166,8 @@ it('renders the Paragraph with variant=lead and fontSize=30', function () {
 });
 
 var _ref21 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '36',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '36'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=36', function () {
@@ -175,8 +175,8 @@ it('renders the Paragraph with variant=lead and fontSize=36', function () {
 });
 
 var _ref22 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '48',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '48'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=48', function () {
@@ -184,8 +184,8 @@ it('renders the Paragraph with variant=lead and fontSize=48', function () {
 });
 
 var _ref23 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '72',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '72'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=72', function () {
@@ -193,8 +193,8 @@ it('renders the Paragraph with variant=lead and fontSize=72', function () {
 });
 
 var _ref24 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '14',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '14'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=14', function () {
@@ -202,8 +202,8 @@ it('renders the Paragraph with variant=small and fontSize=14', function () {
 });
 
 var _ref25 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '16',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '16'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=16', function () {
@@ -211,8 +211,8 @@ it('renders the Paragraph with variant=small and fontSize=16', function () {
 });
 
 var _ref26 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '19',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '19'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=19', function () {
@@ -220,8 +220,8 @@ it('renders the Paragraph with variant=small and fontSize=19', function () {
 });
 
 var _ref27 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '14',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '14'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=24', function () {
@@ -229,8 +229,8 @@ it('renders the Paragraph with variant=small and fontSize=24', function () {
 });
 
 var _ref28 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '30',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '30'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=30', function () {
@@ -238,8 +238,8 @@ it('renders the Paragraph with variant=small and fontSize=30', function () {
 });
 
 var _ref29 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '36',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '36'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=36', function () {
@@ -247,8 +247,8 @@ it('renders the Paragraph with variant=small and fontSize=36', function () {
 });
 
 var _ref30 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '48',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '48'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=48', function () {
@@ -256,8 +256,8 @@ it('renders the Paragraph with variant=small and fontSize=48', function () {
 });
 
 var _ref31 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '72',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '72'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=72', function () {
@@ -265,8 +265,8 @@ it('renders the Paragraph with variant=small and fontSize=72', function () {
 });
 
 var _ref32 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '14',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '14'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=14', function () {
@@ -274,8 +274,8 @@ it('renders the Paragraph with variant=normal and fontSize=14', function () {
 });
 
 var _ref33 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '16',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '16'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=16', function () {
@@ -283,8 +283,8 @@ it('renders the Paragraph with variant=normal and fontSize=16', function () {
 });
 
 var _ref34 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '19',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '19'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=19', function () {
@@ -292,8 +292,8 @@ it('renders the Paragraph with variant=normal and fontSize=19', function () {
 });
 
 var _ref35 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '14',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '14'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=24', function () {
@@ -301,8 +301,8 @@ it('renders the Paragraph with variant=normal and fontSize=24', function () {
 });
 
 var _ref36 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '30',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '30'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=30', function () {
@@ -310,8 +310,8 @@ it('renders the Paragraph with variant=normal and fontSize=30', function () {
 });
 
 var _ref37 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '36',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '36'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=36', function () {
@@ -319,8 +319,8 @@ it('renders the Paragraph with variant=normal and fontSize=36', function () {
 });
 
 var _ref38 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '48',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '48'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=48', function () {
@@ -328,8 +328,8 @@ it('renders the Paragraph with variant=normal and fontSize=48', function () {
 });
 
 var _ref39 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: '72',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '72'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=72', function () {
@@ -337,9 +337,9 @@ it('renders the Paragraph with variant=normal and fontSize=72', function () {
 });
 
 var _ref40 = /*#__PURE__*/React.createElement(Paragraph, {
+  variant: 'normal',
   fontSize: '72',
-  fontWeight: "regular",
-  variant: 'normal'
+  fontWeight: "regular"
 }, "hello");
 
 it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="regular', function () {
@@ -347,9 +347,9 @@ it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="regul
 });
 
 var _ref41 = /*#__PURE__*/React.createElement(Paragraph, {
+  variant: 'normal',
   fontSize: '72',
-  fontWeight: "bold",
-  variant: 'normal'
+  fontWeight: "bold"
 }, "hello");
 
 it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="bold', function () {

package/esm/PhaseBanner/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "underline"];
+var _excluded = ["className", "underline", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * PhaseBanner is a component used to show the phase of a service.
  * This component will replace ServiceBadge.
  */
 export var PhaseBanner = /*#__PURE__*/React.forwardRef(function PhaseBanner(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
       _ref$underline = _ref.underline,
       underline = _ref$underline === void 0 ? false : _ref$underline,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, underline && 'govgr-phase-banner__underline', true && 'govgr-phase-banner'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, underline && 'govgr-phase-banner__underline', true && 'govgr-phase-banner')
   }, props), /*#__PURE__*/React.createElement("p", {
     className: clsx(true && 'govgr-phase-banner__content')
   }, children));

package/esm/PhaseBannerHeaderContainer/index.js

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

package/esm/PhaseBannerTag/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';
 
 /**
  * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).
  */
 export var PhaseBannerTag = /*#__PURE__*/React.forwardRef(function PhaseBannerTag(_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: "strong",
-    className: clsx(className, true && ['govgr-tag', 'govgr-phase-banner__content__tag']),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && ['govgr-tag', 'govgr-phase-banner__content__tag'])
   }, props), children);
 });
 export default PhaseBannerTag;