@digigov/react-core 0.25.2 → 0.25.4

package/NavMenuContainer/index.js

@@ -15,22 +15,22 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Container = _interopRequireDefault(require("@digigov/react-core/Container"));
 
-var _excluded = ["className", "layout", "children"];
+var _excluded = ["children", "className", "layout"];
 
 /**
  * NavMenuContainer is the container menu component.
  * Inside this component must be NavMenuContainerContent component.
  */
 var NavMenuContainer = /*#__PURE__*/_react["default"].forwardRef(function NavMenuContainer(_ref, ref) {
-  var className = _ref.className,
+  var children = _ref.children,
+      className = _ref.className,
       _ref$layout = _ref.layout,
       layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
-      children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Container["default"], (0, _extends2["default"])({
+    className: className,
     cols: layout === 'horizontal',
-    ref: ref,
-    className: className
+    ref: ref
   }, props), children);
 });
 

package/NavMenuContainerContent/index.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
 
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 
 /**
  *
@@ -23,14 +23,14 @@ var _excluded = ["className", "children"];
  * Inside this component must be NavMenuContainerContentList and NavMenuContainerContentListLink components.
  */
 var NavMenuContainerContent = /*#__PURE__*/_react["default"].forwardRef(function NavMenuContainerContent(_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(_Grid["default"], (0, _extends2["default"])({
+    className: className,
     item: true,
     md: 2,
-    ref: ref,
-    className: className
+    ref: ref
   }, props), children);
 });
 

package/NavMenuContainerContentList/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"];
 
 /**
  * NavMenuContainerContentList contains the ul list nav menu.
  * Inside this component must be NavMenuContainerContentListItem component.
  */
 var NavMenuContainerContentList = /*#__PURE__*/_react["default"].forwardRef(function NavMenuContainerContentList(_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: "ul",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-nav-menu__content-list')
+    className: (0, _clsx["default"])(className, true && 'govgr-nav-menu__content-list'),
+    ref: ref
   }, props), children);
 });
 

package/NavMenuContainerContentListItem/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"];
 
 /**
  * NavMenuContainerContentListItem contains all li items nav menu.
  *
  */
 var NavMenuContainerContentListItem = /*#__PURE__*/_react["default"].forwardRef(function NavMenuContainerContentListItem(_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: "li",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-nav-menu__content-list-item')
+    className: (0, _clsx["default"])(className, true && 'govgr-nav-menu__content-list-item'),
+    ref: ref
   }, props), children);
 });
 

package/NavMenuContainerTitle/index.js

@@ -19,7 +19,7 @@ var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
 
 var _Heading = _interopRequireDefault(require("@digigov/react-core/Heading"));
 
-var _excluded = ["className", "children"];
+var _excluded = ["children", "className"];
 
 /**
  *
@@ -27,18 +27,18 @@ var _excluded = ["className", "children"];
  * NavMenuContainerTitle  must be inside NavMenuContainer component.
  */
 var NavMenuContainerTitle = /*#__PURE__*/_react["default"].forwardRef(function NavMenuContainerTitle(_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(_Grid["default"], (0, _extends2["default"])({
+    className: (0, _clsx["default"])(className, true && 'govgr-nav-menu__container-title'),
     item: true,
     md: 1,
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-nav-menu__container-title')
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
+    className: (0, _clsx["default"])(true && 'govgr-nav-menu__container-title-heading'),
     element: "h3",
-    size: "m",
-    className: (0, _clsx["default"])(true && 'govgr-nav-menu__container-title-heading')
+    size: "m"
   }, children));
 });
 

package/NavVertical/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"];
 
 /**
  * NavVertical is the Nav that it is vertical. It is mainly used at the Side component.
@@ -25,13 +25,13 @@ var _excluded = ["className", "children"];
  * It has no props.
  */
 var NavVertical = /*#__PURE__*/_react["default"].forwardRef(function NavVertical(_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: "nav",
-    ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-vertical-nav')
+    className: (0, _clsx["default"])(className, true && 'govgr-vertical-nav'),
+    ref: ref
   }, props), children);
 });
 

package/NavVerticalItem/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 = ["active", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["active", "children", "className"];
 
 /**
  * NavVerticalItem is an <a> element. It should be inside the NavVertical component.
  */
 var NavVerticalItem = /*#__PURE__*/_react["default"].forwardRef(function NavVerticalItem(_ref, ref) {
   var active = _ref.active,
-      className = _ref.className,
       children = _ref.children,
+      className = _ref.className,
       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, active === true && 'govgr-vertical-nav__item--active', true && ['govgr-link', 'govgr-vertical-nav__item'])
+    className: (0, _clsx["default"])(className, active === true && 'govgr-vertical-nav__item--active', true && ['govgr-link', 'govgr-vertical-nav__item']),
+    ref: ref
   }, props), children);
 });
 

package/NormalText/index.d.ts

@@ -1,13 +1,6 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface NormalTextProps extends BaseProps<'span'> {
-    /**
-     * variant is optional.
-     * Use 'lead' when a lead text 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 text font size smaller: 16px on larger screens and 14px on smaller screens.
-     */
-    variant?: 'lead' | 'normal' | 'small';
     /**
      * fontSize is optional.
      * Add this fontSize override prop in order to change the font size.
@@ -19,6 +12,13 @@ export interface NormalTextProps extends BaseProps<'span'> {
      * 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 text 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 text font size smaller: 16px on larger screens and 14px on smaller screens.
+     */
+    variant?: 'lead' | 'normal' | 'small';
 }
 /**
  * NormalText component is used for text formatting.

package/NormalText/index.js

@@ -13,28 +13,28 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["variant", "fontSize", "fontWeight", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "fontSize", "fontWeight", "variant"];
 
 /**
  * NormalText component is used for text formatting.
  * If you need a paragraph, use the Paragraph component instead.
  */
 var NormalText = /*#__PURE__*/_react["default"].forwardRef(function NormalText(_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: "span",
-    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/NormalText/index.test.js

@@ -119,8 +119,8 @@ it('renders the NormalText with fontSize=72', function () {
 });
 
 var _ref15 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=14', function () {
@@ -128,8 +128,8 @@ it('renders the NormalText with variant=lead and fontSize=14', function () {
 });
 
 var _ref16 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and ontSize=16', function () {
@@ -137,8 +137,8 @@ it('renders the NormalText with variant=lead and ontSize=16', function () {
 });
 
 var _ref17 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=19', function () {
@@ -146,8 +146,8 @@ it('renders the NormalText with variant=lead and fontSize=19', function () {
 });
 
 var _ref18 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '24'
+  fontSize: '24',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=24', function () {
@@ -155,8 +155,8 @@ it('renders the NormalText with variant=lead and fontSize=24', function () {
 });
 
 var _ref19 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=30', function () {
@@ -164,8 +164,8 @@ it('renders the NormalText with variant=lead and fontSize=30', function () {
 });
 
 var _ref20 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=36', function () {
@@ -173,8 +173,8 @@ it('renders the NormalText with variant=lead and fontSize=36', function () {
 });
 
 var _ref21 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and font size fontSize=48', function () {
@@ -182,8 +182,8 @@ it('renders the NormalText with variant=lead and font size fontSize=48', functio
 });
 
 var _ref22 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and font size fontSize=72', function () {
@@ -191,8 +191,8 @@ it('renders the NormalText with variant=lead and font size fontSize=72', functio
 });
 
 var _ref23 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'normal',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'normal'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=14', function () {
@@ -200,8 +200,8 @@ it('renders the NormalText with variant=normal and fontSize=14', function () {
 });
 
 var _ref24 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'normal',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'normal'
 }, "hello");
 
 it('renders the NormalText with variant=normal and ontSize=16', function () {
@@ -209,8 +209,8 @@ it('renders the NormalText with variant=normal and ontSize=16', function () {
 });
 
 var _ref25 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'normal',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'normal'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=19', function () {
@@ -218,8 +218,8 @@ it('renders the NormalText with variant=normal and fontSize=19', function () {
 });
 
 var _ref26 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'normal',
-  fontSize: '24'
+  fontSize: '24',
+  variant: 'normal'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=24', function () {
@@ -227,8 +227,8 @@ it('renders the NormalText with variant=normal and fontSize=24', function () {
 });
 
 var _ref27 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'normal',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'normal'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=30', function () {
@@ -236,8 +236,8 @@ it('renders the NormalText with variant=normal and fontSize=30', function () {
 });
 
 var _ref28 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'normal',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'normal'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=36', function () {
@@ -245,8 +245,8 @@ it('renders the NormalText with variant=normal and fontSize=36', function () {
 });
 
 var _ref29 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'normal',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'normal'
 }, "hello");
 
 it('renders the NormalText with variant=normal and font size fontSize=48', function () {
@@ -254,8 +254,8 @@ it('renders the NormalText with variant=normal and font size fontSize=48', funct
 });
 
 var _ref30 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'normal',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'normal'
 }, "hello");
 
 it('renders the NormalText with variant=normal and font size fontSize=72', function () {
@@ -263,8 +263,8 @@ it('renders the NormalText with variant=normal and font size fontSize=72', funct
 });
 
 var _ref31 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
-  fontSize: '14'
+  fontSize: '14',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small and fontSize=14', function () {
@@ -272,8 +272,8 @@ it('renders the NormalText with variant=small and fontSize=14', function () {
 });
 
 var _ref32 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
-  fontSize: '16'
+  fontSize: '16',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small and ontSize=16', function () {
@@ -281,8 +281,8 @@ it('renders the NormalText with variant=small and ontSize=16', function () {
 });
 
 var _ref33 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
-  fontSize: '19'
+  fontSize: '19',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small and fontSize=19', function () {
@@ -290,8 +290,8 @@ it('renders the NormalText with variant=small and fontSize=19', function () {
 });
 
 var _ref34 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
-  fontSize: '24'
+  fontSize: '24',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small and fontSize=24', function () {
@@ -299,8 +299,8 @@ it('renders the NormalText with variant=small and fontSize=24', function () {
 });
 
 var _ref35 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
-  fontSize: '30'
+  fontSize: '30',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small and fontSize=30', function () {
@@ -308,8 +308,8 @@ it('renders the NormalText with variant=small and fontSize=30', function () {
 });
 
 var _ref36 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'lead',
-  fontSize: '36'
+  fontSize: '36',
+  variant: 'lead'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=36', function () {
@@ -317,8 +317,8 @@ it('renders the NormalText with variant=lead and fontSize=36', function () {
 });
 
 var _ref37 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
-  fontSize: '48'
+  fontSize: '48',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small and font size fontSize=48', function () {
@@ -326,8 +326,8 @@ it('renders the NormalText with variant=small and font size fontSize=48', functi
 });
 
 var _ref38 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
-  fontSize: '72'
+  fontSize: '72',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small and font size fontSize=72', function () {
@@ -335,9 +335,9 @@ it('renders the NormalText with variant=small and font size fontSize=72', functi
 });
 
 var _ref39 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
   fontSize: '72',
-  fontWeight: 'regular'
+  fontWeight: 'regular',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small, font size fontSize=72 and fontWeight=regular', function () {
@@ -345,9 +345,9 @@ it('renders the NormalText with variant=small, font size fontSize=72 and fontWei
 });
 
 var _ref40 = /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-  variant: 'small',
   fontSize: '72',
-  fontWeight: 'bold'
+  fontWeight: 'bold',
+  variant: 'small'
 }, "hello");
 
 it('renders the NormalText with variant=small, font size fontSize=72 and fontWeight=bold', function () {

package/NotificationBannerContainer/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 = ["success", "className", "children"];
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
+var _excluded = ["children", "className", "success"];
 
 /**
  * Details for the NotificationBannerContainer.
@@ -27,17 +27,17 @@ var _excluded = ["success", "className", "children"];
  * and NotificationBannerContainerLink components as children
  */
 var NotificationBannerContainer = /*#__PURE__*/_react["default"].forwardRef(function NotificationBannerContainer(_ref, ref) {
-  var success = _ref.success,
+  var children = _ref.children,
       className = _ref.className,
-      children = _ref.children,
+      success = _ref.success,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
-    as: "div",
-    role: "region",
     "aria-labelledby": "govgr-notification-banner-title",
+    as: "div",
+    className: (0, _clsx["default"])(className, success === true && 'govgr-notification-banner--success', true && 'govgr-notification-banner'),
     "data-module": "govgr-notification-banner",
     ref: ref,
-    className: (0, _clsx["default"])(className, success === true && 'govgr-notification-banner--success', true && 'govgr-notification-banner')
+    role: "region"
   }, props), children);
 });
 

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