@digigov/react-core 1.0.0-002c630d → 1.0.0-6b93ebf2

package/es/CopyToClipboardContainer/index.spec.js

@@ -9,7 +9,8 @@ it('renders the CopyToClipboardContainer with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
-  variant: "tooltip-right"
+  variant: "tooltip",
+  tooltipAlign: "right"
 }, "Text copied!");
 
 it('renders the CopyToClipboardContainer with variant=tooltip', function () {

package/es/CopyToClipboardMessage/__snapshots__/index.test.tsx.snap

@@ -3,14 +3,13 @@
 exports[`renders the CopyToClipboardMessage with banner copied prop 1`] = `
 <ForwardRef(CopyToClipboardMessage)
   enabled={true}
-  variant="banner"
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-copy-to-clipboard--banner"
+    className="govgr-copy-to-clipboard__message"
   >
     <div
-      className="govgr-copy-to-clipboard--banner"
+      className="govgr-copy-to-clipboard__message"
     >
       Text copied!
     </div>
@@ -19,15 +18,13 @@ exports[`renders the CopyToClipboardMessage with banner copied prop 1`] = `
 `;
 
 exports[`renders the CopyToClipboardMessage with banner prop 1`] = `
-<ForwardRef(CopyToClipboardMessage)
-  variant="banner"
->
+<ForwardRef(CopyToClipboardMessage)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-copy-to-clipboard--banner govgr-copy-to-clipboard--hidden"
+    className="govgr-copy-to-clipboard--hidden govgr-copy-to-clipboard__message"
   >
     <div
-      className="govgr-copy-to-clipboard--banner govgr-copy-to-clipboard--hidden"
+      className="govgr-copy-to-clipboard--hidden govgr-copy-to-clipboard__message"
     >
       Text copied!
     </div>
@@ -41,10 +38,10 @@ exports[`renders the CopyToClipboardMessage with copied prop 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className=""
+    className="govgr-copy-to-clipboard__message"
   >
     <div
-      className=""
+      className="govgr-copy-to-clipboard__message"
     >
       Text copied!
     </div>
@@ -56,10 +53,10 @@ exports[`renders the CopyToClipboardMessage with no props 1`] = `
 <ForwardRef(CopyToClipboardMessage)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-copy-to-clipboard--hidden"
+    className="govgr-copy-to-clipboard--hidden govgr-copy-to-clipboard__message"
   >
     <div
-      className="govgr-copy-to-clipboard--hidden"
+      className="govgr-copy-to-clipboard--hidden govgr-copy-to-clipboard__message"
     >
       Text copied!
     </div>
@@ -70,14 +67,13 @@ exports[`renders the CopyToClipboardMessage with no props 1`] = `
 exports[`renders the CopyToClipboardMessage with tooltip and copied prop 1`] = `
 <ForwardRef(CopyToClipboardMessage)
   enabled={true}
-  variant="tooltip-right"
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-copy-to-clipboard--tooltip govgr-copy-to-clipboard--tooltip-right"
+    className="govgr-copy-to-clipboard__message"
   >
     <div
-      className="govgr-copy-to-clipboard--tooltip govgr-copy-to-clipboard--tooltip-right"
+      className="govgr-copy-to-clipboard__message"
     >
       Text copied!
     </div>
@@ -86,15 +82,13 @@ exports[`renders the CopyToClipboardMessage with tooltip and copied prop 1`] = `
 `;
 
 exports[`renders the CopyToClipboardMessage with tooltip prop 1`] = `
-<ForwardRef(CopyToClipboardMessage)
-  variant="tooltip-right"
->
+<ForwardRef(CopyToClipboardMessage)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-copy-to-clipboard--tooltip govgr-copy-to-clipboard--tooltip-right govgr-copy-to-clipboard--hidden"
+    className="govgr-copy-to-clipboard--hidden govgr-copy-to-clipboard__message"
   >
     <div
-      className="govgr-copy-to-clipboard--tooltip govgr-copy-to-clipboard--tooltip-right govgr-copy-to-clipboard--hidden"
+      className="govgr-copy-to-clipboard--hidden govgr-copy-to-clipboard__message"
     >
       Text copied!
     </div>

package/es/CopyToClipboardMessage/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "enabled", "className", "children"];
+var _excluded = ["enabled", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,8 +10,7 @@ import Base from '@digigov/react-core/Base';
  * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
  */
 export var CopyToClipboardMessage = /*#__PURE__*/React.forwardRef(function CopyToClipboardMessage(_ref, ref) {
-  var variant = _ref.variant,
-      enabled = _ref.enabled,
+  var enabled = _ref.enabled,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +18,7 @@ export var CopyToClipboardMessage = /*#__PURE__*/React.forwardRef(function CopyT
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, (variant === 'tooltip-left' || variant === 'tooltip-right') && 'govgr-copy-to-clipboard--tooltip', variant === 'tooltip-right' && 'govgr-copy-to-clipboard--tooltip-right', variant === 'tooltip-left' && 'govgr-copy-to-clipboard--tooltip-left', variant === 'banner' && 'govgr-copy-to-clipboard--banner', !enabled && 'govgr-copy-to-clipboard--hidden')
+    className: clsx(className, !enabled && 'govgr-copy-to-clipboard--hidden', true && 'govgr-copy-to-clipboard__message')
   }, props), children);
 });
 export default CopyToClipboardMessage;

package/es/CopyToClipboardMessage/index.test.js

@@ -8,17 +8,13 @@ it('renders the CopyToClipboardMessage with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
 });
 
-var _ref2 = /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
-  variant: "banner"
-}, "Text copied!");
+var _ref2 = /*#__PURE__*/React.createElement(CopyToClipboardMessage, null, "Text copied!");
 
 it('renders the CopyToClipboardMessage with banner prop', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
-var _ref3 = /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
-  variant: "tooltip-right"
-}, "Text copied!");
+var _ref3 = /*#__PURE__*/React.createElement(CopyToClipboardMessage, null, "Text copied!");
 
 it('renders the CopyToClipboardMessage with tooltip prop', function () {
   expect(mount(_ref3)).toMatchSnapshot();
@@ -33,7 +29,6 @@ it('renders the CopyToClipboardMessage with copied prop', function () {
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
-  variant: "tooltip-right",
   enabled: true
 }, "Text copied!");
 
@@ -42,7 +37,6 @@ it('renders the CopyToClipboardMessage with tooltip and copied prop', function (
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
-  variant: "banner",
   enabled: true
 }, "Text copied!");
 

package/es/CopyrightContainer/__snapshots__/index.test.tsx.snap

@@ -4,10 +4,10 @@ exports[`renders the CopyrightContainer with no props 1`] = `
 <ForwardRef(CopyrightContainer)>
   <ForwardRef(Base)
     as="p"
-    className="govgr-footer__licence-description"
+    className="govgr-footer__copyright"
   >
     <p
-      className="govgr-footer__licence-description"
+      className="govgr-footer__copyright"
     >
       hello
     </p>

package/es/CopyrightContainer/index.js

@@ -17,7 +17,7 @@ export var CopyrightContainer = /*#__PURE__*/React.forwardRef(function Copyright
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__licence-description')
+    className: clsx(className, true && 'govgr-footer__copyright')
   }, props), children);
 });
 export default CopyrightContainer;

package/es/DrawerHeading/index.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "includeClose", "closeLabel", "closeIcon"];
+var _excluded = ["className", "children", "closeLabel"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
-import LinkBase from '@digigov/react-core/LinkBase';
 import { CloseIcon } from '@digigov/react-icons';
+import Button from '@digigov/react-core/Button';
 
 var _ref2 = /*#__PURE__*/React.createElement(CloseIcon, null);
 
@@ -16,12 +16,8 @@ var _ref2 = /*#__PURE__*/React.createElement(CloseIcon, null);
 export var DrawerHeading = /*#__PURE__*/React.forwardRef(function DrawerHeading(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      _ref$includeClose = _ref.includeClose,
-      includeClose = _ref$includeClose === void 0 ? true : _ref$includeClose,
       _ref$closeLabel = _ref.closeLabel,
       closeLabel = _ref$closeLabel === void 0 ? 'Κλείσιμο' : _ref$closeLabel,
-      _ref$closeIcon = _ref.closeIcon,
-      closeIcon = _ref$closeIcon === void 0 ? _ref2 : _ref$closeIcon,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
@@ -30,8 +26,9 @@ export var DrawerHeading = /*#__PURE__*/React.forwardRef(function DrawerHeading(
     className: clsx(className, true && 'govgr-drawer__heading')
   }, props), children, /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-drawer__close-container')
-  }, includeClose && /*#__PURE__*/React.createElement(LinkBase, {
-    className: "govgr-drawer__close-icon"
-  }, closeLabel, closeIcon)));
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "govgr-drawer__close-icon",
+    variant: "link"
+  }, closeLabel, _ref2)));
 });
 export default DrawerHeading;

package/es/DropdownBase/index.js

@@ -9,7 +9,6 @@ import Base from '@digigov/react-core/Base';
  * DropdownBase is the main component for a dropdownBase.
  * Inside this component must be DropdownBaseButton and DropdownBaseContent components.
  */
-// eslint-disable-next-line react/display-name
 export var DropdownBase = /*#__PURE__*/React.forwardRef(function DropdownBase(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,

package/es/ErrorSummary/index.js

@@ -2,21 +2,21 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';
+import NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
 
 /**
- * Use this component at the top of a page to summarise any errors a user has made.
+ * Use this component at the top of a page to summarize any errors a user has made.
  */
 export var ErrorSummary = /*#__PURE__*/React.forwardRef(function ErrorSummary(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
-    ref: ref,
-    className: clsx(className, true && 'govgr-error-summary')
-  }, props), children);
+  return /*#__PURE__*/React.createElement(NotificationBannerContainer, _extends({
+    variant: 'error',
+    className: className,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(NotificationBannerContent, null, children));
 });
 export default ErrorSummary;

package/es/FieldsetLegend/index.js

@@ -17,13 +17,13 @@ export var FieldsetLegend = /*#__PURE__*/React.forwardRef(function FieldsetLegen
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
     as: "legend",
     ref: ref,
     className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'lg' && 'govgr-heading-lg', size === 'md' && 'govgr-heading-md', size === 'sm' && 'govgr-heading-sm', true && 'govgr-fieldset__legend')
   }, heading && {
     role: 'heading',
     'aria-level': 1
-  }, props), children));
+  }, props), children);
 });
 export default FieldsetLegend;

package/es/FooterContainer/__snapshots__/index.test.tsx.snap

@@ -4,10 +4,10 @@ exports[`renders the FooterContainer with no props 1`] = `
 <ForwardRef(FooterContainer)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-width-container"
+    className="govgr-container"
   >
     <div
-      className="govgr-width-container"
+      className="govgr-container"
     >
       hello
     </div>

package/es/FooterContainer/index.js

@@ -18,7 +18,7 @@ export var FooterContainer = /*#__PURE__*/React.forwardRef(function FooterContai
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, fullWidth === false && 'govgr-width-container', fullWidth && 'govgr-full-width-container')
+    className: clsx(className, fullWidth && 'govgr-container--full-width', true && 'govgr-container')
   }, props), children);
 });
 export default FooterContainer;

package/es/Hidden/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Hidden with \`lgUp\` props 1`] = `
+<ForwardRef(Hidden)
+  lgUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-lg--up"
+  >
+    <div
+      className="govgr-hidden-lg--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;
+
+exports[`renders the Hidden with \`mdUp\` props 1`] = `
+<ForwardRef(Hidden)
+  mdUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-md--up"
+  >
+    <div
+      className="govgr-hidden-md--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;
+
+exports[`renders the Hidden with \`smUp\` props 1`] = `
+<ForwardRef(Hidden)
+  smUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-sm--up"
+  >
+    <div
+      className="govgr-hidden-sm--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;
+
+exports[`renders the Hidden with \`xlUp\` props 1`] = `
+<ForwardRef(Hidden)
+  xlUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-xl--up"
+  >
+    <div
+      className="govgr-hidden-xl--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;
+
+exports[`renders the Hidden with \`xsUp\` props 1`] = `
+<ForwardRef(Hidden)
+  xsUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-xs--up"
+  >
+    <div
+      className="govgr-hidden-xs--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;

package/es/Hidden/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
+var _excluded = ["className", "children", "xsUp", "smUp", "mdUp", "lgUp", "xlUp"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -13,16 +13,12 @@ import Base from '@digigov/react-core/Base';
 export var Hidden = /*#__PURE__*/React.forwardRef(function Hidden(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      _ref$lgUp = _ref.lgUp,
-      lgUp = _ref$lgUp === void 0 ? false : _ref$lgUp,
-      _ref$mdUp = _ref.mdUp,
-      mdUp = _ref$mdUp === void 0 ? false : _ref$mdUp,
-      _ref$smUp = _ref.smUp,
-      smUp = _ref$smUp === void 0 ? false : _ref$smUp,
-      _ref$xlUp = _ref.xlUp,
-      xlUp = _ref$xlUp === void 0 ? false : _ref$xlUp,
       _ref$xsUp = _ref.xsUp,
       xsUp = _ref$xsUp === void 0 ? false : _ref$xsUp,
+      smUp = _ref.smUp,
+      mdUp = _ref.mdUp,
+      lgUp = _ref.lgUp,
+      xlUp = _ref.xlUp,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({

package/es/LinkBase/index.js

@@ -9,7 +9,8 @@ import Base from '@digigov/react-core/Base';
  * This component defines a hyperlink, which is used to link from one page to another.
  */
 export var LinkBase = /*#__PURE__*/React.forwardRef(function LinkBase(_ref, ref) {
-  var underline = _ref.underline,
+  var _ref$underline = _ref.underline,
+      underline = _ref$underline === void 0 ? true : _ref$underline,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -17,7 +18,7 @@ export var LinkBase = /*#__PURE__*/React.forwardRef(function LinkBase(_ref, ref)
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
     ref: ref,
-    className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link')
+    className: clsx(className, !underline && 'govgr-link--no-underline', true && 'govgr-link')
   }, props), children);
 });
 export default LinkBase;

package/es/LoaderContainer/__snapshots__/index.test.tsx.snap

@@ -4,10 +4,10 @@ exports[`renders the LoaderContainer with no props 1`] = `
 <ForwardRef(LoaderContainer)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-loader__container"
+    className="govgr-loader"
   >
     <div
-      className="govgr-loader__container"
+      className="govgr-loader"
     />
   </ForwardRef(Base)>
 </ForwardRef(LoaderContainer)>

package/es/LoaderContainer/index.js

@@ -16,7 +16,7 @@ export var LoaderContainer = /*#__PURE__*/React.forwardRef(function LoaderContai
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-loader__container')
+    className: clsx(className, true && 'govgr-loader')
   }, props), children);
 });
 export default LoaderContainer;

package/es/Masthead/__snapshots__/index.test.tsx.snap

@@ -3,14 +3,14 @@
 exports[`renders the Masthead with no props 1`] = `
 <ForwardRef(Masthead)>
   <ForwardRef(Base)
-    as="div"
+    as="section"
     className="govgr-background-dark govgr-masthead--primary govgr-masthead"
   >
-    <div
+    <section
       className="govgr-background-dark govgr-masthead--primary govgr-masthead"
     >
       hello
-    </div>
+    </section>
   </ForwardRef(Base)>
 </ForwardRef(Masthead)>
 `;

package/es/Masthead/index.js

@@ -16,7 +16,7 @@ export var Masthead = /*#__PURE__*/React.forwardRef(function Masthead(_ref, ref)
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
+    as: "section",
     ref: ref,
     className: clsx(className, color === 'secondary' && 'govgr-masthead--secondary', color === 'primary' && ['govgr-background-dark', 'govgr-masthead--primary'], true && 'govgr-masthead')
   }, props), children);

package/es/MastheadLogo/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the MastheadLogo with no props 1`] = `
+<ForwardRef(MastheadLogo)>
+  <ForwardRef(Base)
+    alt="masthead logo"
+    as="img"
+    className="govgr-masthead__logo"
+  >
+    <img
+      alt="masthead logo"
+      className="govgr-masthead__logo"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(MastheadLogo)>
+`;

package/es/NavMenuContainer/__snapshots__/index.test.tsx.snap

@@ -7,10 +7,10 @@ exports[`renders the NavMenuContainer with no props 1`] = `
   >
     <ForwardRef(Base)
       as="div"
-      className="govgr-width-container"
+      className="govgr-container"
     >
       <div
-        className="govgr-width-container"
+        className="govgr-container"
       >
         <ForwardRef(Base)
           as="div"

package/es/NavMenuContainer/index.js

@@ -16,7 +16,7 @@ export var NavMenuContainer = /*#__PURE__*/React.forwardRef(function NavMenuCont
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Container, _extends({
-    cols: layout === 'horizontal',
+    grid: layout === 'horizontal',
     ref: ref,
     className: className
   }, props), children);

package/es/NotificationBannerContainer/__snapshots__/index.test.tsx.snap

@@ -5,13 +5,13 @@ exports[`renders the NotificationBannerContainer with no props 1`] = `
   <ForwardRef(Base)
     aria-labelledby="govgr-notification-banner-title"
     as="div"
-    className="govgr-notification-banner"
+    className="govgr-notification-banner--info govgr-notification-banner"
     data-module="govgr-notification-banner"
     role="region"
   >
     <div
       aria-labelledby="govgr-notification-banner-title"
-      className="govgr-notification-banner"
+      className="govgr-notification-banner--info govgr-notification-banner"
       data-module="govgr-notification-banner"
       role="region"
     >
@@ -21,32 +21,9 @@ exports[`renders the NotificationBannerContainer with no props 1`] = `
 </ForwardRef(NotificationBannerContainer)>
 `;
 
-exports[`renders the NotificationBannerContainer with success=false 1`] = `
+exports[`renders the NotificationBannerContainer with variant=success 1`] = `
 <ForwardRef(NotificationBannerContainer)
-  success={false}
->
-  <ForwardRef(Base)
-    aria-labelledby="govgr-notification-banner-title"
-    as="div"
-    className="govgr-notification-banner"
-    data-module="govgr-notification-banner"
-    role="region"
-  >
-    <div
-      aria-labelledby="govgr-notification-banner-title"
-      className="govgr-notification-banner"
-      data-module="govgr-notification-banner"
-      role="region"
-    >
-      hello
-    </div>
-  </ForwardRef(Base)>
-</ForwardRef(NotificationBannerContainer)>
-`;
-
-exports[`renders the NotificationBannerContainer with success=true 1`] = `
-<ForwardRef(NotificationBannerContainer)
-  success={true}
+  variant="success"
 >
   <ForwardRef(Base)
     aria-labelledby="govgr-notification-banner-title"

package/es/NotificationBannerContainer/index.js

@@ -1,19 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["success", "className", "children"];
+var _excluded = ["variant", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
  * Details for the NotificationBannerContainer.
- * NotificationBannerContainer componenent informs users about something they need to know about
- * NotificationBannerContainer componenent must be placed at the top of the page.
+ * NotificationBannerContainer component informs users about something they need to know about
+ * NotificationBannerContainer component must be placed at the top of the page.
  * NotificationBannerContainer wraps NotificationBannerContainerHeader, NotificationBannerContainerContent,NotificationBannerContainerHeading
  * and NotificationBannerContainerLink components as children
  */
 export var NotificationBannerContainer = /*#__PURE__*/React.forwardRef(function NotificationBannerContainer(_ref, ref) {
-  var success = _ref.success,
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'info' : _ref$variant,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -24,7 +25,7 @@ export var NotificationBannerContainer = /*#__PURE__*/React.forwardRef(function
     "aria-labelledby": "govgr-notification-banner-title",
     "data-module": "govgr-notification-banner",
     ref: ref,
-    className: clsx(className, success && 'govgr-notification-banner--success', true && 'govgr-notification-banner')
+    className: clsx(className, variant !== undefined && "govgr-notification-banner--".concat(variant), true && 'govgr-notification-banner')
   }, props), children);
 });
 export default NotificationBannerContainer;