@digigov/react-core 0.25.2 → 0.25.4

package/NotificationBannerHeader/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"];
 
 /**
  * Details for the NotificationBannerHeader.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * NotificationBannerHeader component must be used inside NotificationBanner as children.
  */
 var NotificationBannerHeader = /*#__PURE__*/_react["default"].forwardRef(function NotificationBannerHeader(_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-notification-banner__header')
+    className: (0, _clsx["default"])(className, true && 'govgr-notification-banner__header'),
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement("h2", {
     className: (0, _clsx["default"])(true && 'govgr-notification-banner__title')
   }, children));

package/NotificationBannerHeading/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"];
 
 /**
  * Details for the NotificationBannerHeading.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * NotificationBannerHeading component must be used inside NotificationBannerContent as children
  */
 var NotificationBannerHeading = /*#__PURE__*/_react["default"].forwardRef(function NotificationBannerHeading(_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: "h3",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-notification-banner__heading')
+    className: (0, _clsx["default"])(className, true && 'govgr-notification-banner__heading'),
+    ref: ref
   }, props), children);
 });
 

package/NotificationBannerLink/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", "href", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "href"];
 
 /**
  * Details for the NotificationBannerLink.
@@ -25,16 +25,16 @@ var _excluded = ["className", "href", "children"];
  * NotificationBannerLink must be wrapped inside NotificationContent component as children
  */
 var NotificationBannerLink = /*#__PURE__*/_react["default"].forwardRef(function NotificationBannerLink(_ref, ref) {
-  var className = _ref.className,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '#' : _ref$href,
-      children = _ref.children,
       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-notification-banner__link'),
     href: href,
-    className: (0, _clsx["default"])(className, true && 'govgr-notification-banner__link')
+    ref: ref
   }, props), children);
 });
 

package/PageTitle/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 PageTitle.
  */
 var PageTitle = /*#__PURE__*/_react["default"].forwardRef(function PageTitle(_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/PageTitleCaption/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 = ["size", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "size"];
 
 /**
  * PageTitleCaption will be replaced by HeadingCaption.
  */
 var PageTitleCaption = /*#__PURE__*/_react["default"].forwardRef(function PageTitleCaption(_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/PageTitleHeading/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 = ["size", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "size"];
 
 /**
  * Details for the PageTitleHeading.
  */
 var PageTitleHeading = /*#__PURE__*/_react["default"].forwardRef(function PageTitleHeading(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'xl' : _ref$size,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xl' : _ref$size,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "h1",
-    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/PageTitleSection/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"];
 
 /**
  * Details for the PageTitleSection.
  * Use this as a wrapper for PageTitleHeading.
  */
 var PageTitleSection = /*#__PURE__*/_react["default"].forwardRef(function PageTitleSection(_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/Paragraph/index.d.ts

@@ -1,13 +1,6 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface ParagraphProps extends BaseProps<'p'> {
-    /**
-     * variant is optional.
-     * Use 'lead' when a lead paragraph is an introductory paragraph that you can use at the top of a page to summarise the content.
-     * The majority of your body should use the standard 'normal' variant. This is the default value.
-     * You can use the 'small' sparingly to make your paragraph font size smaller: 16px on larger screens and 14px on smaller screens.
-     */
-    variant?: 'lead' | 'normal' | 'small';
     /**
      * fontSize is optional.
      * You can add this fontSize override prop in order to change the font size.
@@ -18,6 +11,13 @@ export interface ParagraphProps extends BaseProps<'p'> {
      * You can add a fontWeight override prop to change the font weight to regular or bold.
      */
     fontWeight?: 'regular' | 'bold';
+    /**
+     * variant is optional.
+     * Use 'lead' when a lead paragraph is an introductory paragraph that you can use at the top of a page to summarise the content.
+     * The majority of your body should use the standard 'normal' variant. This is the default value.
+     * You can use the 'small' sparingly to make your paragraph font size smaller: 16px on larger screens and 14px on smaller screens.
+     */
+    variant?: 'lead' | 'normal' | 'small';
 }
 /**
  * Paragraph component is used for text formatting.

package/Paragraph/index.js

@@ -13,27 +13,27 @@ 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", "fontSize", "fontWeight", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "fontSize", "fontWeight", "variant"];
 
 /**
  * Paragraph component is used for text formatting.
  */
 var Paragraph = /*#__PURE__*/_react["default"].forwardRef(function Paragraph(_ref, ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
+  var children = _ref.children,
+      className = _ref.className,
       fontSize = _ref.fontSize,
       fontWeight = _ref.fontWeight,
-      className = _ref.className,
-      children = _ref.children,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
       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, 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')
+    className: (0, _clsx["default"])(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
   }, props), children);
 });
 

package/Paragraph/index.test.js

@@ -127,8 +127,8 @@ it('renders the Paragraph with fontWeight=bold', function () {
 });
 
 var _ref16 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'lead',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=14', function () {
@@ -136,8 +136,8 @@ it('renders the Paragraph with variant=lead and fontSize=14', function () {
 });
 
 var _ref17 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'lead',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=16', function () {
@@ -145,8 +145,8 @@ it('renders the Paragraph with variant=lead and fontSize=16', function () {
 });
 
 var _ref18 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'lead',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=19', function () {
@@ -154,8 +154,8 @@ it('renders the Paragraph with variant=lead and fontSize=19', function () {
 });
 
 var _ref19 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'lead',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=24', function () {
@@ -163,8 +163,8 @@ it('renders the Paragraph with variant=lead and fontSize=24', function () {
 });
 
 var _ref20 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'lead',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=30', function () {
@@ -172,8 +172,8 @@ it('renders the Paragraph with variant=lead and fontSize=30', function () {
 });
 
 var _ref21 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'lead',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=36', function () {
@@ -181,8 +181,8 @@ it('renders the Paragraph with variant=lead and fontSize=36', function () {
 });
 
 var _ref22 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'lead',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=48', function () {
@@ -190,8 +190,8 @@ it('renders the Paragraph with variant=lead and fontSize=48', function () {
 });
 
 var _ref23 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'lead',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'lead'
 }, "hello");
 
 it('renders the Paragraph with variant=lead and fontSize=72', function () {
@@ -199,8 +199,8 @@ it('renders the Paragraph with variant=lead and fontSize=72', function () {
 });
 
 var _ref24 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'small',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=14', function () {
@@ -208,8 +208,8 @@ it('renders the Paragraph with variant=small and fontSize=14', function () {
 });
 
 var _ref25 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'small',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=16', function () {
@@ -217,8 +217,8 @@ it('renders the Paragraph with variant=small and fontSize=16', function () {
 });
 
 var _ref26 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'small',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=19', function () {
@@ -226,8 +226,8 @@ it('renders the Paragraph with variant=small and fontSize=19', function () {
 });
 
 var _ref27 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'small',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=24', function () {
@@ -235,8 +235,8 @@ it('renders the Paragraph with variant=small and fontSize=24', function () {
 });
 
 var _ref28 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'small',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=30', function () {
@@ -244,8 +244,8 @@ it('renders the Paragraph with variant=small and fontSize=30', function () {
 });
 
 var _ref29 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'small',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=36', function () {
@@ -253,8 +253,8 @@ it('renders the Paragraph with variant=small and fontSize=36', function () {
 });
 
 var _ref30 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'small',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=48', function () {
@@ -262,8 +262,8 @@ it('renders the Paragraph with variant=small and fontSize=48', function () {
 });
 
 var _ref31 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'small',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'small'
 }, "hello");
 
 it('renders the Paragraph with variant=small and fontSize=72', function () {
@@ -271,8 +271,8 @@ it('renders the Paragraph with variant=small and fontSize=72', function () {
 });
 
 var _ref32 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=14', function () {
@@ -280,8 +280,8 @@ it('renders the Paragraph with variant=normal and fontSize=14', function () {
 });
 
 var _ref33 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=16', function () {
@@ -289,8 +289,8 @@ it('renders the Paragraph with variant=normal and fontSize=16', function () {
 });
 
 var _ref34 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=19', function () {
@@ -298,8 +298,8 @@ it('renders the Paragraph with variant=normal and fontSize=19', function () {
 });
 
 var _ref35 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=24', function () {
@@ -307,8 +307,8 @@ it('renders the Paragraph with variant=normal and fontSize=24', function () {
 });
 
 var _ref36 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=30', function () {
@@ -316,8 +316,8 @@ it('renders the Paragraph with variant=normal and fontSize=30', function () {
 });
 
 var _ref37 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=36', function () {
@@ -325,8 +325,8 @@ it('renders the Paragraph with variant=normal and fontSize=36', function () {
 });
 
 var _ref38 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=48', function () {
@@ -334,8 +334,8 @@ it('renders the Paragraph with variant=normal and fontSize=48', function () {
 });
 
 var _ref39 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal and fontSize=72', function () {
@@ -343,9 +343,9 @@ it('renders the Paragraph with variant=normal and fontSize=72', function () {
 });
 
 var _ref40 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
   fontSize: '72',
-  fontWeight: "regular"
+  fontWeight: "regular",
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="regular', function () {
@@ -353,9 +353,9 @@ it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="regul
 });
 
 var _ref41 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
-  variant: 'normal',
   fontSize: '72',
-  fontWeight: "bold"
+  fontWeight: "bold",
+  variant: 'normal'
 }, "hello");
 
 it('renders the Paragraph with variant=normal, fontSize=72 and fontWeight="bold', function () {

package/PhaseBanner/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", "underline", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "underline"];
 
 /**
  * PhaseBanner is a component used to show the phase of a service.
  * This component will replace ServiceBadge.
  */
 var PhaseBanner = /*#__PURE__*/_react["default"].forwardRef(function PhaseBanner(_ref, ref) {
-  var className = _ref.className,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$underline = _ref.underline,
       underline = _ref$underline === void 0 ? false : _ref$underline,
-      children = _ref.children,
       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, underline && 'govgr-phase-banner__underline', true && 'govgr-phase-banner')
+    className: (0, _clsx["default"])(className, underline && 'govgr-phase-banner__underline', true && 'govgr-phase-banner'),
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement("p", {
     className: (0, _clsx["default"])(true && 'govgr-phase-banner__content')
   }, children));

package/PhaseBannerHeaderContainer/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 _excluded = ["children"];
 
 var PhaseBannerHeaderContainer = /*#__PURE__*/_react["default"].forwardRef(function PhaseBannerHeaderContainer(_ref, ref) {
@@ -24,10 +24,9 @@ var PhaseBannerHeaderContainer = /*#__PURE__*/_react["default"].forwardRef(funct
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
+    className: (0, _clsx["default"])(true && 'govgr-phase-banner_header'),
     ref: ref
-  }, props, {
-    className: (0, _clsx["default"])(true && 'govgr-phase-banner_header')
-  }), children);
+  }, props), children);
 });
 
 exports.PhaseBannerHeaderContainer = PhaseBannerHeaderContainer;