@digigov/react-core 2.0.0-rc.27 → 2.0.0-rc.28

package/ErrorSummary/index.d.ts

@@ -8,6 +8,15 @@ export interface ErrorSummaryProps extends BaseProps<'div'> {
      * @default false
      * */
     dense?: boolean;
+    /**
+     * variant is optional.
+     * variant error is used to change the color of the NotificationBannerContainer.
+     * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.
+     * @value 'error'
+     * @value 'error-group'
+     * @default 'error'.
+     */
+    variant?: 'error' | 'error-group';
 }
 /**
  * Use this component at the top of a page to summarize any errors a user has made.

package/ErrorSummary/index.js

@@ -2,17 +2,17 @@ import React from "react";
 import NotificationBannerContainer from "@digigov/react-core/NotificationBannerContainer";
 import NotificationBannerContent from "@digigov/react-core/NotificationBannerContent";
 const ErrorSummary = React.forwardRef(
-  function ErrorSummary2({ className, dense, children, ...props }, ref) {
+  function ErrorSummary2({ className, dense, children, variant = "error", ...props }, ref) {
     return /* @__PURE__ */ React.createElement(
       NotificationBannerContainer,
       {
-        variant: "error",
+        variant,
         className,
         ref,
         dense,
         ...props
       },
-      /* @__PURE__ */ React.createElement(NotificationBannerContent, null, children)
+      /* @__PURE__ */ React.createElement(NotificationBannerContent, { variant }, children)
     );
   }
 );

package/ErrorSummary/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ErrorSummary/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';\nimport NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';\n\nexport interface ErrorSummaryProps extends BaseProps<'div'> {\n  /**\n   * dense is optional.\n   * @value true ErrorSummary will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Use this component at the top of a page to summarize any errors a user has made.\n */\nexport const ErrorSummary = React.forwardRef<HTMLDivElement, ErrorSummaryProps>(\n  function ErrorSummary({ className, dense, children, ...props }, ref) {\n    return (\n      <NotificationBannerContainer\n        variant={'error'}\n        className={className}\n        ref={ref}\n        dense={dense}\n        {...props}\n      >\n        <NotificationBannerContent>{children}</NotificationBannerContent>\n      </NotificationBannerContainer>\n    );\n  }\n);\n\nexport default ErrorSummary;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,iCAAiC;AACxC,OAAO,+BAA+B;AAc/B,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cAAa,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AACnE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,oCAAC,iCAA2B,QAAS;AAAA,IACvC;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';\nimport NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';\nexport interface ErrorSummaryProps extends BaseProps<'div'> {\n  /**\n   * dense is optional.\n   * @value true ErrorSummary will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * variant is optional.\n   * variant error is used to change the color of the NotificationBannerContainer.\n   * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  variant?: 'error' | 'error-group';\n}\n/**\n * Use this component at the top of a page to summarize any errors a user has made.\n */\nexport const ErrorSummary = React.forwardRef<HTMLDivElement, ErrorSummaryProps>(\n  function ErrorSummary(\n    { className, dense, children, variant = 'error', ...props },\n    ref\n  ) {\n    return (\n      <NotificationBannerContainer\n        variant={variant}\n        className={className}\n        ref={ref}\n        dense={dense}\n        {...props}\n      >\n        <NotificationBannerContent variant={variant}>\n          {children}\n        </NotificationBannerContent>\n      </NotificationBannerContainer>\n    );\n  }\n);\n\nexport default ErrorSummary;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,iCAAiC;AACxC,OAAO,+BAA+B;AAsB/B,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cACP,EAAE,WAAW,OAAO,UAAU,UAAU,SAAS,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,oCAAC,6BAA0B,WACxB,QACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["ErrorSummary"]
 }

package/NotificationBannerContainer/index.d.ts

@@ -7,9 +7,10 @@ export interface NotificationBannerContainerProps extends BaseProps<'div'> {
      * @value 'info'
      * @value 'success'
      * @value 'error'
+     * @value 'error-group'
      * @default 'info'.
      */
-    variant?: 'info' | 'success' | 'error';
+    variant?: 'info' | 'success' | 'error' | 'error-group';
     /**
      * dense is optional.
      * @value true NotificationBannerContainer will be dense.

package/NotificationBannerContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NotificationBannerContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContainerProps extends BaseProps<'div'> {\n  /**\n   * variant is optional.\n   * variant is used to change the color of the NotificationBannerContainer.\n   * @value 'info'\n   * @value 'success'\n   * @value 'error'\n   * @default 'info'.\n   */\n  variant?: 'info' | 'success' | 'error';\n  /**\n   * dense is optional.\n   * @value true NotificationBannerContainer will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Details for the NotificationBannerContainer.\n * NotificationBannerContainer component informs users about something they need to know about\n * NotificationBannerContainer component must be placed at the top of the page.\n * NotificationBannerContainer wraps NotificationBannerContainerHeader, NotificationBannerContainerContent,NotificationBannerContainerHeading\n * and NotificationBannerContainerLink components as children\n */\nexport const NotificationBannerContainer = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContainerProps\n>(function NotificationBannerContainer(\n  { variant = 'info', className, dense, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      role=\"region\"\n      aria-labelledby=\"ds-notification-banner-title\"\n      data-module=\"ds-notification-banner\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner': true,\n        [`ds-notification-banner--${variant}`]: variant !== undefined,\n        'ds-notification-banner--dense': dense,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContainer;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA2BzB,MAAM,8BAA8B,MAAM,WAG/C,SAASA,6BACT,EAAE,UAAU,QAAQ,WAAW,OAAO,UAAU,GAAG,MAAM,GACzD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,mBAAgB;AAAA,MAChB,eAAY;AAAA,MACZ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,CAAC,2BAA2B,OAAO,EAAE,GAAG,YAAY;AAAA,QACpD,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContainerProps extends BaseProps<'div'> {\n  /**\n   * variant is optional.\n   * variant is used to change the color of the NotificationBannerContainer.\n   * @value 'info'\n   * @value 'success'\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'info'.\n   */\n  variant?: 'info' | 'success' | 'error' | 'error-group';\n  /**\n   * dense is optional.\n   * @value true NotificationBannerContainer will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Details for the NotificationBannerContainer.\n * NotificationBannerContainer component informs users about something they need to know about\n * NotificationBannerContainer component must be placed at the top of the page.\n * NotificationBannerContainer wraps NotificationBannerContainerHeader, NotificationBannerContainerContent,NotificationBannerContainerHeading\n * and NotificationBannerContainerLink components as children\n */\nexport const NotificationBannerContainer = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContainerProps\n>(function NotificationBannerContainer(\n  { variant = 'info', className, dense, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      role=\"region\"\n      aria-labelledby=\"ds-notification-banner-title\"\n      data-module=\"ds-notification-banner\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner': true,\n        [`ds-notification-banner--${variant}`]: variant !== undefined,\n        'ds-notification-banner--dense': dense,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContainer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA4BzB,MAAM,8BAA8B,MAAM,WAG/C,SAASA,6BACT,EAAE,UAAU,QAAQ,WAAW,OAAO,UAAU,GAAG,MAAM,GACzD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,mBAAgB;AAAA,MAChB,eAAY;AAAA,MACZ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,CAAC,2BAA2B,OAAO,EAAE,GAAG,YAAY;AAAA,QACpD,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sCAAQ;",
   "names": ["NotificationBannerContainer"]
 }

package/NotificationBannerContent/index.d.ts

@@ -1,6 +1,28 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface NotificationBannerContentProps extends BaseProps<'div'> {
+    /**
+     * assistiveText is optional.
+     * Default value is "Προσοχή".
+     * assistiveText is used to provide a textual warning for assistive technologies like screen readers.
+     */
+    assistiveText?: string;
+    /**
+     * variant is optional.
+     * variant is used to display red line on the left side of the component and exclamation mark icon with light red as background.
+     * @value 'error'
+     * @value 'error-group'
+     * @default 'error'.
+     */
+    /**
+     * variant is optional.
+     * variant error is used to change the color of the NotificationBannerContainer.
+     * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.
+     * @value 'error'
+     * @value 'error-group'
+     * @default 'error'.
+     */
+    variant?: 'error' | 'error-group';
 }
 /**
  * Details for the NotificationBannerContent.

package/NotificationBannerContent/index.js

@@ -1,18 +1,29 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const NotificationBannerContent = React.forwardRef(function NotificationBannerContent2({ className, children, ...props }, ref) {
+import { WarningTextAssistive } from "@digigov/react-core/WarningTextAssistive";
+const NotificationBannerContent = React.forwardRef(function NotificationBannerContent2({ className, assistiveText, variant, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
       as: "div",
       ref,
       className: clsx(className, {
-        "ds-notification-banner__content": true
+        "ds-notification-banner__content": variant !== "error-group",
+        "ds-notification-error-group-banner__content": variant === "error-group"
       }),
       ...props
     },
-    children
+    variant === "error-group" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "div",
+        className: clsx({
+          "ds-notification-banner__icon--error-group": true
+        })
+      },
+      "!"
+    ), /* @__PURE__ */ React.createElement(WarningTextAssistive, null, assistiveText), /* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-notification-banner__text-error-group" }, children)) : /* @__PURE__ */ React.createElement(React.Fragment, null, children)
   );
 });
 var NotificationBannerContent_default = NotificationBannerContent;

package/NotificationBannerContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NotificationBannerContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContentProps extends BaseProps<'div'> {}\n/**\n * Details for the NotificationBannerContent.\n * NotificationBannerContent component is used as a content for\n * NotificationBannerHeading and NotificationBannerLink components.\n * NotificationBannerContent component must be used inside NotificationBanner component as children.\n */\nexport const NotificationBannerContent = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContentProps\n>(function NotificationBannerContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContent;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AASzB,MAAM,4BAA4B,MAAM,WAG7C,SAASA,2BAA0B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\n\nexport interface NotificationBannerContentProps extends BaseProps<'div'> {\n  /**\n   * assistiveText is optional.\n   * Default value is \"\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE\".\n   * assistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  assistiveText?: string;\n  /**\n   * variant is optional.\n   * variant is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  /**\n   * variant is optional.\n   * variant error is used to change the color of the NotificationBannerContainer.\n   * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  variant?: 'error' | 'error-group';\n}\n/**\n * Details for the NotificationBannerContent.\n * NotificationBannerContent component is used as a content for\n * NotificationBannerHeading and NotificationBannerLink components.\n * NotificationBannerContent component must be used inside NotificationBanner component as children.\n */\nexport const NotificationBannerContent = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContentProps\n>(function NotificationBannerContent(\n  { className, assistiveText, variant, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__content': variant !== 'error-group',\n        'ds-notification-error-group-banner__content':\n          variant === 'error-group',\n      })}\n      {...props}\n    >\n      {variant === 'error-group' ? (\n        <>\n          <Base\n            as=\"div\"\n            className={clsx({\n              'ds-notification-banner__icon--error-group': true,\n            })}\n          >\n            !\n          </Base>\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          <Base as=\"div\" className=\"ds-notification-banner__text-error-group\">\n            {children}\n          </Base>\n        </>\n      ) : (\n        <>{children}</>\n      )}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,4BAA4B;AAgC9B,MAAM,4BAA4B,MAAM,WAG7C,SAASA,2BACT,EAAE,WAAW,eAAe,SAAS,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mCAAmC,YAAY;AAAA,QAC/C,+CACE,YAAY;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,YAAY,gBACX,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK;AAAA,UACd,6CAA6C;AAAA,QAC/C,CAAC;AAAA;AAAA,MACF;AAAA,IAED,GACA,oCAAC,4BAAsB,aAAc,GACrC,oCAAC,QAAK,IAAG,OAAM,WAAU,8CACtB,QACH,CACF,IAEA,0DAAG,QAAS;AAAA,EAEhB;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
   "names": ["NotificationBannerContent"]
 }

package/cjs/ErrorSummary/index.js

@@ -35,17 +35,17 @@ var import_react = __toESM(require("react"));
 var import_NotificationBannerContainer = __toESM(require("@digigov/react-core/NotificationBannerContainer"));
 var import_NotificationBannerContent = __toESM(require("@digigov/react-core/NotificationBannerContent"));
 const ErrorSummary = import_react.default.forwardRef(
-  function ErrorSummary2({ className, dense, children, ...props }, ref) {
+  function ErrorSummary2({ className, dense, children, variant = "error", ...props }, ref) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_NotificationBannerContainer.default,
       {
-        variant: "error",
+        variant,
         className,
         ref,
         dense,
         ...props
       },
-      /* @__PURE__ */ import_react.default.createElement(import_NotificationBannerContent.default, null, children)
+      /* @__PURE__ */ import_react.default.createElement(import_NotificationBannerContent.default, { variant }, children)
     );
   }
 );

package/cjs/ErrorSummary/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ErrorSummary/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';\nimport NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';\n\nexport interface ErrorSummaryProps extends BaseProps<'div'> {\n  /**\n   * dense is optional.\n   * @value true ErrorSummary will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Use this component at the top of a page to summarize any errors a user has made.\n */\nexport const ErrorSummary = React.forwardRef<HTMLDivElement, ErrorSummaryProps>(\n  function ErrorSummary({ className, dense, children, ...props }, ref) {\n    return (\n      <NotificationBannerContainer\n        variant={'error'}\n        className={className}\n        ref={ref}\n        dense={dense}\n        {...props}\n      >\n        <NotificationBannerContent>{children}</NotificationBannerContent>\n      </NotificationBannerContainer>\n    );\n  }\n);\n\nexport default ErrorSummary;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yCAAwC;AACxC,uCAAsC;AAc/B,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,SAASC,cAAa,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AACnE,WACE,6BAAAD,QAAA;AAAA,MAAC,mCAAAE;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,6BAAAF,QAAA,cAAC,iCAAAG,SAAA,MAA2B,QAAS;AAAA,IACvC;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';\nimport NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';\nexport interface ErrorSummaryProps extends BaseProps<'div'> {\n  /**\n   * dense is optional.\n   * @value true ErrorSummary will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * variant is optional.\n   * variant error is used to change the color of the NotificationBannerContainer.\n   * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  variant?: 'error' | 'error-group';\n}\n/**\n * Use this component at the top of a page to summarize any errors a user has made.\n */\nexport const ErrorSummary = React.forwardRef<HTMLDivElement, ErrorSummaryProps>(\n  function ErrorSummary(\n    { className, dense, children, variant = 'error', ...props },\n    ref\n  ) {\n    return (\n      <NotificationBannerContainer\n        variant={variant}\n        className={className}\n        ref={ref}\n        dense={dense}\n        {...props}\n      >\n        <NotificationBannerContent variant={variant}>\n          {children}\n        </NotificationBannerContent>\n      </NotificationBannerContainer>\n    );\n  }\n);\n\nexport default ErrorSummary;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yCAAwC;AACxC,uCAAsC;AAsB/B,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,SAASC,cACP,EAAE,WAAW,OAAO,UAAU,UAAU,SAAS,GAAG,MAAM,GAC1D,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,mCAAAE;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,MAEJ,6BAAAF,QAAA,cAAC,iCAAAG,SAAA,EAA0B,WACxB,QACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["React", "ErrorSummary", "NotificationBannerContainer", "NotificationBannerContent"]
 }

package/cjs/NotificationBannerContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NotificationBannerContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContainerProps extends BaseProps<'div'> {\n  /**\n   * variant is optional.\n   * variant is used to change the color of the NotificationBannerContainer.\n   * @value 'info'\n   * @value 'success'\n   * @value 'error'\n   * @default 'info'.\n   */\n  variant?: 'info' | 'success' | 'error';\n  /**\n   * dense is optional.\n   * @value true NotificationBannerContainer will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Details for the NotificationBannerContainer.\n * NotificationBannerContainer component informs users about something they need to know about\n * NotificationBannerContainer component must be placed at the top of the page.\n * NotificationBannerContainer wraps NotificationBannerContainerHeader, NotificationBannerContainerContent,NotificationBannerContainerHeading\n * and NotificationBannerContainerLink components as children\n */\nexport const NotificationBannerContainer = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContainerProps\n>(function NotificationBannerContainer(\n  { variant = 'info', className, dense, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      role=\"region\"\n      aria-labelledby=\"ds-notification-banner-title\"\n      data-module=\"ds-notification-banner\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner': true,\n        [`ds-notification-banner--${variant}`]: variant !== undefined,\n        'ds-notification-banner--dense': dense,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA2BzB,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASC,6BACT,EAAE,UAAU,QAAQ,WAAW,OAAO,UAAU,GAAG,MAAM,GACzD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,mBAAgB;AAAA,MAChB,eAAY;AAAA,MACZ;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,CAAC,2BAA2B,OAAO,EAAE,GAAG,YAAY;AAAA,QACpD,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContainerProps extends BaseProps<'div'> {\n  /**\n   * variant is optional.\n   * variant is used to change the color of the NotificationBannerContainer.\n   * @value 'info'\n   * @value 'success'\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'info'.\n   */\n  variant?: 'info' | 'success' | 'error' | 'error-group';\n  /**\n   * dense is optional.\n   * @value true NotificationBannerContainer will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n}\n/**\n * Details for the NotificationBannerContainer.\n * NotificationBannerContainer component informs users about something they need to know about\n * NotificationBannerContainer component must be placed at the top of the page.\n * NotificationBannerContainer wraps NotificationBannerContainerHeader, NotificationBannerContainerContent,NotificationBannerContainerHeading\n * and NotificationBannerContainerLink components as children\n */\nexport const NotificationBannerContainer = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContainerProps\n>(function NotificationBannerContainer(\n  { variant = 'info', className, dense, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      role=\"region\"\n      aria-labelledby=\"ds-notification-banner-title\"\n      data-module=\"ds-notification-banner\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner': true,\n        [`ds-notification-banner--${variant}`]: variant !== undefined,\n        'ds-notification-banner--dense': dense,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA4BzB,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASC,6BACT,EAAE,UAAU,QAAQ,WAAW,OAAO,UAAU,GAAG,MAAM,GACzD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,mBAAgB;AAAA,MAChB,eAAY;AAAA,MACZ;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,CAAC,2BAA2B,OAAO,EAAE,GAAG,YAAY;AAAA,QACpD,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sCAAQ;",
   "names": ["React", "NotificationBannerContainer", "Base", "clsx"]
 }

package/cjs/NotificationBannerContent/index.js

@@ -34,18 +34,29 @@ module.exports = __toCommonJS(NotificationBannerContent_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const NotificationBannerContent = import_react.default.forwardRef(function NotificationBannerContent2({ className, children, ...props }, ref) {
+var import_WarningTextAssistive = require("@digigov/react-core/WarningTextAssistive");
+const NotificationBannerContent = import_react.default.forwardRef(function NotificationBannerContent2({ className, assistiveText, variant, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
       as: "div",
       ref,
       className: (0, import_clsx.default)(className, {
-        "ds-notification-banner__content": true
+        "ds-notification-banner__content": variant !== "error-group",
+        "ds-notification-error-group-banner__content": variant === "error-group"
       }),
       ...props
     },
-    children
+    variant === "error-group" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import_Base.default,
+      {
+        as: "div",
+        className: (0, import_clsx.default)({
+          "ds-notification-banner__icon--error-group": true
+        })
+      },
+      "!"
+    ), /* @__PURE__ */ import_react.default.createElement(import_WarningTextAssistive.WarningTextAssistive, null, assistiveText), /* @__PURE__ */ import_react.default.createElement(import_Base.default, { as: "div", className: "ds-notification-banner__text-error-group" }, children)) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children)
   );
 });
 var NotificationBannerContent_default = NotificationBannerContent;

package/cjs/NotificationBannerContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/NotificationBannerContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NotificationBannerContentProps extends BaseProps<'div'> {}\n/**\n * Details for the NotificationBannerContent.\n * NotificationBannerContent component is used as a content for\n * NotificationBannerHeading and NotificationBannerLink components.\n * NotificationBannerContent component must be used inside NotificationBanner component as children.\n */\nexport const NotificationBannerContent = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContentProps\n>(function NotificationBannerContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContent;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AASzB,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASC,2BAA0B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';\n\nexport interface NotificationBannerContentProps extends BaseProps<'div'> {\n  /**\n   * assistiveText is optional.\n   * Default value is \"\u03A0\u03C1\u03BF\u03C3\u03BF\u03C7\u03AE\".\n   * assistiveText is used to provide a textual warning for assistive technologies like screen readers.\n   */\n  assistiveText?: string;\n  /**\n   * variant is optional.\n   * variant is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  /**\n   * variant is optional.\n   * variant error is used to change the color of the NotificationBannerContainer.\n   * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.\n   * @value 'error'\n   * @value 'error-group'\n   * @default 'error'.\n   */\n  variant?: 'error' | 'error-group';\n}\n/**\n * Details for the NotificationBannerContent.\n * NotificationBannerContent component is used as a content for\n * NotificationBannerHeading and NotificationBannerLink components.\n * NotificationBannerContent component must be used inside NotificationBanner component as children.\n */\nexport const NotificationBannerContent = React.forwardRef<\n  HTMLDivElement,\n  NotificationBannerContentProps\n>(function NotificationBannerContent(\n  { className, assistiveText, variant, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__content': variant !== 'error-group',\n        'ds-notification-error-group-banner__content':\n          variant === 'error-group',\n      })}\n      {...props}\n    >\n      {variant === 'error-group' ? (\n        <>\n          <Base\n            as=\"div\"\n            className={clsx({\n              'ds-notification-banner__icon--error-group': true,\n            })}\n          >\n            !\n          </Base>\n          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>\n          <Base as=\"div\" className=\"ds-notification-banner__text-error-group\">\n            {children}\n          </Base>\n        </>\n      ) : (\n        <>{children}</>\n      )}\n    </Base>\n  );\n});\n\nexport default NotificationBannerContent;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,kCAAqC;AAgC9B,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASC,2BACT,EAAE,WAAW,eAAe,SAAS,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mCAAmC,YAAY;AAAA,QAC/C,+CACE,YAAY;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,YAAY,gBACX,6BAAAH,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,6CAA6C;AAAA,QAC/C,CAAC;AAAA;AAAA,MACF;AAAA,IAED,GACA,6BAAAH,QAAA,cAAC,wDAAsB,aAAc,GACrC,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,WAAU,8CACtB,QACH,CACF,IAEA,6BAAAF,QAAA,2BAAAA,QAAA,gBAAG,QAAS;AAAA,EAEhB;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
   "names": ["React", "NotificationBannerContent", "Base", "clsx"]
 }

package/cjs/lazy/index.js

@@ -251,8 +251,8 @@ var lazy_default = {
   "TaskListItemTag": (0, import_react.lazy)(() => import("@digigov/react-core/TaskListItemTag").then((module2) => ({ default: module2["TaskListItemTag"] }))),
   "WarningTextAssistive": (0, import_react.lazy)(() => import("@digigov/react-core/WarningTextAssistive").then((module2) => ({ default: module2["WarningTextAssistive"] }))),
   "AutoCompleteAssistiveHint": (0, import_react.lazy)(() => import("@digigov/react-core/AutoCompleteAssistiveHint").then((module2) => ({ default: module2["AutoCompleteAssistiveHint"] }))),
-  "AutoCompleteStatus": (0, import_react.lazy)(() => import("@digigov/react-core/AutoCompleteStatus").then((module2) => ({ default: module2["AutoCompleteStatus"] }))),
   "AutoCompleteStatusContainer": (0, import_react.lazy)(() => import("@digigov/react-core/AutoCompleteStatusContainer").then((module2) => ({ default: module2["AutoCompleteStatusContainer"] }))),
+  "AutoCompleteStatus": (0, import_react.lazy)(() => import("@digigov/react-core/AutoCompleteStatus").then((module2) => ({ default: module2["AutoCompleteStatus"] }))),
   "BackToTopContainer": (0, import_react.lazy)(() => import("@digigov/react-core/BackToTopContainer").then((module2) => ({ default: module2["BackToTopContainer"] }))),
   "BackToTopLimit": (0, import_react.lazy)(() => import("@digigov/react-core/BackToTopLimit").then((module2) => ({ default: module2["BackToTopLimit"] }))),
   "BackToTopLink": (0, import_react.lazy)(() => import("@digigov/react-core/BackToTopLink").then((module2) => ({ default: module2["BackToTopLink"] }))),
@@ -267,8 +267,8 @@ var lazy_default = {
   "HeaderNavMenuContent": (0, import_react.lazy)(() => import("@digigov/react-core/HeaderNavMenuContent").then((module2) => ({ default: module2["HeaderNavMenuContent"] }))),
   "KitchenSinkAllComponents": (0, import_react.lazy)(() => import("@digigov/react-core/KitchenSinkAllComponents").then((module2) => ({ default: module2["KitchenSinkAllComponents"] }))),
   "KitchenSinkCard": (0, import_react.lazy)(() => import("@digigov/react-core/KitchenSinkCard").then((module2) => ({ default: module2["KitchenSinkCard"] }))),
-  "KitchenSinkContent": (0, import_react.lazy)(() => import("@digigov/react-core/KitchenSinkContent").then((module2) => ({ default: module2["KitchenSinkContent"] }))),
   "KitchenSinkCategory": (0, import_react.lazy)(() => import("@digigov/react-core/KitchenSinkCategory").then((module2) => ({ default: module2["KitchenSinkCategory"] }))),
+  "KitchenSinkContent": (0, import_react.lazy)(() => import("@digigov/react-core/KitchenSinkContent").then((module2) => ({ default: module2["KitchenSinkContent"] }))),
   "KitchenSinkContentInfo": (0, import_react.lazy)(() => import("@digigov/react-core/KitchenSinkContentInfo").then((module2) => ({ default: module2["KitchenSinkContentInfo"] }))),
   "KitchenSinkContentTags": (0, import_react.lazy)(() => import("@digigov/react-core/KitchenSinkContentTags").then((module2) => ({ default: module2["KitchenSinkContentTags"] }))),
   "KitchenSinkHeading": (0, import_react.lazy)(() => import("@digigov/react-core/KitchenSinkHeading").then((module2) => ({ default: module2["KitchenSinkHeading"] }))),