@digigov/react-core 0.25.4 → 0.26.0

package/esm/NavListItemLink/index.test.js

@@ -25,8 +25,8 @@ it('renders the NavListItemLink with active=false', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(NavListItemLink, {
-  active: false,
-  href: "/"
+  href: "/",
+  active: false
 }, "hello");
 
 it('renders the NavListItemLink with href and active=false', function () {
@@ -34,8 +34,8 @@ it('renders the NavListItemLink with href and active=false', function () {
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(NavListItemLink, {
-  active: false,
-  href: "/"
+  href: "/",
+  active: false
 }, "hello");
 
 it('renders the NavListItemLink with href and active=true', function () {

package/esm/NavMenu/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "children", "className", "layout"];
+var _excluded = ["active", "layout", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * NavMenu is the main menu component.
@@ -11,17 +11,17 @@ import Base from '@digigov/react-core/Base';
  */
 export var NavMenu = /*#__PURE__*/React.forwardRef(function NavMenu(_ref, ref) {
   var active = _ref.active,
-      children = _ref.children,
-      className = _ref.className,
       _ref$layout = _ref.layout,
       layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    "aria-hidden": !active,
     as: "div",
-    className: clsx(className, layout === 'horizontal' && 'govgr-nav-menu--horizontal', layout === 'vertical' && 'govgr-nav-menu--vertical', !active && 'govgr-nav-menu--hidden', true && 'govgr-nav-menu'),
-    ref: ref
+    ref: ref,
+    "aria-hidden": !active,
+    className: clsx(className, layout === 'horizontal' && 'govgr-nav-menu--horizontal', layout === 'vertical' && 'govgr-nav-menu--vertical', !active && 'govgr-nav-menu--hidden', true && 'govgr-nav-menu')
   }, props), children);
 });
 export default NavMenu;

package/esm/NavMenuContainer/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "layout"];
+var _excluded = ["className", "layout", "children"];
 import React from 'react';
 import Container from '@digigov/react-core/Container';
 
@@ -9,16 +9,16 @@ import Container from '@digigov/react-core/Container';
  * Inside this component must be NavMenuContainerContent component.
  */
 export var NavMenuContainer = /*#__PURE__*/React.forwardRef(function NavMenuContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
       _ref$layout = _ref.layout,
       layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Container, _extends({
-    className: className,
     cols: layout === 'horizontal',
-    ref: ref
+    ref: ref,
+    className: className
   }, props), children);
 });
 export default NavMenuContainer;

package/esm/NavMenuContainerContent/index.js

@@ -1,6 +1,6 @@
 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 Grid from '@digigov/react-core/Grid';
 
@@ -10,15 +10,15 @@ import Grid from '@digigov/react-core/Grid';
  * Inside this component must be NavMenuContainerContentList and NavMenuContainerContentListLink components.
  */
 export var NavMenuContainerContent = /*#__PURE__*/React.forwardRef(function NavMenuContainerContent(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Grid, _extends({
-    className: className,
     item: true,
     md: 2,
-    ref: ref
+    ref: ref,
+    className: className
   }, props), children);
 });
 export default NavMenuContainerContent;

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

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

package/esm/NavMenuContainerTitle/index.js

@@ -1,6 +1,6 @@
 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 Grid from '@digigov/react-core/Grid';
@@ -12,19 +12,19 @@ import Heading from '@digigov/react-core/Heading';
  * NavMenuContainerTitle  must be inside NavMenuContainer component.
  */
 export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMenuContainerTitle(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Grid, _extends({
-    className: clsx(className, true && 'govgr-nav-menu__container-title'),
     item: true,
     md: 1,
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-nav-menu__container-title')
   }, props), /*#__PURE__*/React.createElement(Heading, {
-    className: clsx(true && 'govgr-nav-menu__container-title-heading'),
     element: "h3",
-    size: "m"
+    size: "m",
+    className: clsx(true && 'govgr-nav-menu__container-title-heading')
   }, children));
 });
 export default NavMenuContainerTitle;

package/esm/NavVertical/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';
 
 /**
  * NavVertical is the Nav that it is vertical. It is mainly used at the Side component.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * It has no props.
  */
 export var NavVertical = /*#__PURE__*/React.forwardRef(function NavVertical(_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: "nav",
-    className: clsx(className, true && 'govgr-vertical-nav'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-vertical-nav')
   }, props), children);
 });
 export default NavVertical;

package/esm/NavVerticalItem/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "children", "className"];
+var _excluded = ["active", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * NavVerticalItem is an <a> element. It should be inside the NavVertical component.
  */
 export var NavVerticalItem = /*#__PURE__*/React.forwardRef(function NavVerticalItem(_ref, ref) {
   var active = _ref.active,
-      children = _ref.children,
       className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
-    className: clsx(className, active === true && 'govgr-vertical-nav__item--active', true && ['govgr-link', 'govgr-vertical-nav__item']),
-    ref: ref
+    ref: ref,
+    className: clsx(className, active === true && 'govgr-vertical-nav__item--active', true && ['govgr-link', 'govgr-vertical-nav__item'])
   }, props), children);
 });
 export default NavVerticalItem;

package/esm/NormalText/index.js

@@ -1,27 +1,27 @@
 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';
 
 /**
  * NormalText component is used for text formatting.
  * If you need a paragraph, use the Paragraph component instead.
  */
 export var NormalText = /*#__PURE__*/React.forwardRef(function NormalText(_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: "span",
-    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 NormalText;

package/esm/NormalText/index.test.js

@@ -113,8 +113,8 @@ it('renders the NormalText with fontSize=72', function () {
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '14',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '14'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=14', function () {
@@ -122,8 +122,8 @@ it('renders the NormalText with variant=lead and fontSize=14', function () {
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '16',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '16'
 }, "hello");
 
 it('renders the NormalText with variant=lead and ontSize=16', function () {
@@ -131,8 +131,8 @@ it('renders the NormalText with variant=lead and ontSize=16', function () {
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '19',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '19'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=19', function () {
@@ -140,8 +140,8 @@ it('renders the NormalText with variant=lead and fontSize=19', function () {
 });
 
 var _ref18 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '24',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '24'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=24', function () {
@@ -149,8 +149,8 @@ it('renders the NormalText with variant=lead and fontSize=24', function () {
 });
 
 var _ref19 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '30',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '30'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=30', function () {
@@ -158,8 +158,8 @@ it('renders the NormalText with variant=lead and fontSize=30', function () {
 });
 
 var _ref20 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '36',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '36'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=36', function () {
@@ -167,8 +167,8 @@ it('renders the NormalText with variant=lead and fontSize=36', function () {
 });
 
 var _ref21 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '48',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '48'
 }, "hello");
 
 it('renders the NormalText with variant=lead and font size fontSize=48', function () {
@@ -176,8 +176,8 @@ it('renders the NormalText with variant=lead and font size fontSize=48', functio
 });
 
 var _ref22 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '72',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '72'
 }, "hello");
 
 it('renders the NormalText with variant=lead and font size fontSize=72', function () {
@@ -185,8 +185,8 @@ it('renders the NormalText with variant=lead and font size fontSize=72', functio
 });
 
 var _ref23 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '14',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '14'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=14', function () {
@@ -194,8 +194,8 @@ it('renders the NormalText with variant=normal and fontSize=14', function () {
 });
 
 var _ref24 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '16',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '16'
 }, "hello");
 
 it('renders the NormalText with variant=normal and ontSize=16', function () {
@@ -203,8 +203,8 @@ it('renders the NormalText with variant=normal and ontSize=16', function () {
 });
 
 var _ref25 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '19',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '19'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=19', function () {
@@ -212,8 +212,8 @@ it('renders the NormalText with variant=normal and fontSize=19', function () {
 });
 
 var _ref26 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '24',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '24'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=24', function () {
@@ -221,8 +221,8 @@ it('renders the NormalText with variant=normal and fontSize=24', function () {
 });
 
 var _ref27 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '30',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '30'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=30', function () {
@@ -230,8 +230,8 @@ it('renders the NormalText with variant=normal and fontSize=30', function () {
 });
 
 var _ref28 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '36',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '36'
 }, "hello");
 
 it('renders the NormalText with variant=normal and fontSize=36', function () {
@@ -239,8 +239,8 @@ it('renders the NormalText with variant=normal and fontSize=36', function () {
 });
 
 var _ref29 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '48',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '48'
 }, "hello");
 
 it('renders the NormalText with variant=normal and font size fontSize=48', function () {
@@ -248,8 +248,8 @@ it('renders the NormalText with variant=normal and font size fontSize=48', funct
 });
 
 var _ref30 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '72',
-  variant: 'normal'
+  variant: 'normal',
+  fontSize: '72'
 }, "hello");
 
 it('renders the NormalText with variant=normal and font size fontSize=72', function () {
@@ -257,8 +257,8 @@ it('renders the NormalText with variant=normal and font size fontSize=72', funct
 });
 
 var _ref31 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '14',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '14'
 }, "hello");
 
 it('renders the NormalText with variant=small and fontSize=14', function () {
@@ -266,8 +266,8 @@ it('renders the NormalText with variant=small and fontSize=14', function () {
 });
 
 var _ref32 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '16',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '16'
 }, "hello");
 
 it('renders the NormalText with variant=small and ontSize=16', function () {
@@ -275,8 +275,8 @@ it('renders the NormalText with variant=small and ontSize=16', function () {
 });
 
 var _ref33 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '19',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '19'
 }, "hello");
 
 it('renders the NormalText with variant=small and fontSize=19', function () {
@@ -284,8 +284,8 @@ it('renders the NormalText with variant=small and fontSize=19', function () {
 });
 
 var _ref34 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '24',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '24'
 }, "hello");
 
 it('renders the NormalText with variant=small and fontSize=24', function () {
@@ -293,8 +293,8 @@ it('renders the NormalText with variant=small and fontSize=24', function () {
 });
 
 var _ref35 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '30',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '30'
 }, "hello");
 
 it('renders the NormalText with variant=small and fontSize=30', function () {
@@ -302,8 +302,8 @@ it('renders the NormalText with variant=small and fontSize=30', function () {
 });
 
 var _ref36 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '36',
-  variant: 'lead'
+  variant: 'lead',
+  fontSize: '36'
 }, "hello");
 
 it('renders the NormalText with variant=lead and fontSize=36', function () {
@@ -311,8 +311,8 @@ it('renders the NormalText with variant=lead and fontSize=36', function () {
 });
 
 var _ref37 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '48',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '48'
 }, "hello");
 
 it('renders the NormalText with variant=small and font size fontSize=48', function () {
@@ -320,8 +320,8 @@ it('renders the NormalText with variant=small and font size fontSize=48', functi
 });
 
 var _ref38 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '72',
-  variant: 'small'
+  variant: 'small',
+  fontSize: '72'
 }, "hello");
 
 it('renders the NormalText with variant=small and font size fontSize=72', function () {
@@ -329,9 +329,9 @@ it('renders the NormalText with variant=small and font size fontSize=72', functi
 });
 
 var _ref39 = /*#__PURE__*/React.createElement(NormalText, {
+  variant: 'small',
   fontSize: '72',
-  fontWeight: 'regular',
-  variant: 'small'
+  fontWeight: 'regular'
 }, "hello");
 
 it('renders the NormalText with variant=small, font size fontSize=72 and fontWeight=regular', function () {
@@ -339,9 +339,9 @@ it('renders the NormalText with variant=small, font size fontSize=72 and fontWei
 });
 
 var _ref40 = /*#__PURE__*/React.createElement(NormalText, {
+  variant: 'small',
   fontSize: '72',
-  fontWeight: 'bold',
-  variant: 'small'
+  fontWeight: 'bold'
 }, "hello");
 
 it('renders the NormalText with variant=small, font size fontSize=72 and fontWeight=bold', function () {

package/esm/NotificationBannerContainer/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "success"];
+var _excluded = ["success", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the NotificationBannerContainer.
@@ -13,18 +13,18 @@ import Base from '@digigov/react-core/Base';
  * and NotificationBannerContainerLink components as children
  */
 export var NotificationBannerContainer = /*#__PURE__*/React.forwardRef(function NotificationBannerContainer(_ref, ref) {
-  var children = _ref.children,
+  var success = _ref.success,
       className = _ref.className,
-      success = _ref.success,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    "aria-labelledby": "govgr-notification-banner-title",
     as: "div",
-    className: clsx(className, success === true && 'govgr-notification-banner--success', true && 'govgr-notification-banner'),
+    role: "region",
+    "aria-labelledby": "govgr-notification-banner-title",
     "data-module": "govgr-notification-banner",
     ref: ref,
-    role: "region"
+    className: clsx(className, success === true && 'govgr-notification-banner--success', true && 'govgr-notification-banner')
   }, props), children);
 });
 export default NotificationBannerContainer;