@digigov/react-core 2.0.0-d57821ba → 2.0.0-daaf7bdf

package/Details/index.d.ts

@@ -1,10 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface DetailsProps extends BaseProps<'details'> {
-}
-/**
- * Details is used to make a page easier to scan when it contains information that only some users will need.
- * Details component wraps DetailsSummary and DetailsContent as children components
- */
-export declare const Details: React.ForwardRefExoticComponent<Omit<DetailsProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
-export default Details;
+export * from "@digigov/react-core/Details/index.web";
+export { default as default } from "@digigov/react-core/Details/index.web";

package/Details/index.js

@@ -1,25 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Details = React.forwardRef(
-  function Details2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "details",
-        ref,
-        className: clsx(className, {
-          "ds-details": true
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var Details_default = Details;
+export * from "@digigov/react-core/Details/index.web";
+import { default as default2 } from "@digigov/react-core/Details/index.web";
 export {
-  Details,
-  Details_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/Details/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Details/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsProps extends BaseProps<'details'> { }\n/**\n * Details is used to make a page easier to scan when it contains information that only some users will need.\n * Details component wraps DetailsSummary and DetailsContent as children components\n */\nexport const Details = React.forwardRef<HTMLDetailsElement, DetailsProps>(\n  function Details({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"details\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-details': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Details;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,UAAU,MAAM;AAAA,EAC3B,SAASA,SAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,cAAc;AAAA,QAChB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,kBAAQ;",
-  "names": ["Details"]
+  "sourcesContent": ["export * from \"@digigov/react-core/Details/index.web\";\nexport {default as default} from \"@digigov/react-core/Details/index.web\";"],
+  "mappings": "AAAA,cAAc;AACd,SAAmB,WAAXA,gBAAyB;",
+  "names": ["default"]
 }

package/Details/index.native/index.js

@@ -0,0 +1,17 @@
+import CoreDetails from "@digigov/react-core/Details/index.web";
+import { extend } from "@digigov/react-core/utils/extend.native";
+const Details = extend(CoreDetails, ({ className, ...props }) => {
+  return {
+    className,
+    closeIcon: "\u25B6",
+    openIcon: "\u25BC",
+    placement: "before",
+    ...props
+  };
+});
+var index_native_default = Details;
+export {
+  Details,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/Details/index.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Details/index.native/index.js"
+}

package/Details/index.native.d.ts

@@ -0,0 +1,4 @@
+export declare const Details: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/Details/index.web").DetailsProps, "ref"> & import("react").RefAttributes<HTMLDetailsElement> & {
+    className?: string;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export default Details;

package/Details/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Details/index.native.tsx"],
+  "sourcesContent": ["import CoreDetails from '@digigov/react-core/Details/index.web';\nimport { extend } from '@digigov/react-core/utils/extend.native';\n\nexport const Details = extend(CoreDetails, ({ className, ...props }) => {\n  return {\n    className,\n    closeIcon: '\u25B6',\n    openIcon: '\u25BC',\n    placement: 'before',\n    ...props,\n  };\n});\n\nexport default Details;\n"],
+  "mappings": "AAAA,OAAO,iBAAiB;AACxB,SAAS,cAAc;AAEhB,MAAM,UAAU,OAAO,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AACtE,SAAO;AAAA,IACL;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
+  "names": []
+}

package/Details/index.web/index.js

@@ -0,0 +1,25 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const Details = React.forwardRef(
+  function Details2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "details",
+        ref,
+        className: clsx(className, {
+          "ds-details": true
+        }),
+        ...props
+      },
+      children
+    );
+  }
+);
+var index_web_default = Details;
+export {
+  Details,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/Details/index.web/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Details/index.web/index.js"
+}

package/Details/index.web.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface DetailsProps extends BaseProps<'details'> {
+}
+/**
+ * Details is used to make a page easier to scan when it contains information that only some users will need.
+ * Details component wraps DetailsSummary and DetailsContent as children components
+ */
+export declare const Details: React.ForwardRefExoticComponent<Omit<DetailsProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
+export default Details;

package/Details/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Details/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsProps extends BaseProps<'details'> { }\n/**\n * Details is used to make a page easier to scan when it contains information that only some users will need.\n * Details component wraps DetailsSummary and DetailsContent as children components\n */\nexport const Details = React.forwardRef<HTMLDetailsElement, DetailsProps>(\n  function Details({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"details\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-details': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Details;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,UAAU,MAAM;AAAA,EAC3B,SAASA,SAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,cAAc;AAAA,QAChB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["Details"]
+}

package/FieldsetLegend/index.js

@@ -9,10 +9,7 @@ const FieldsetLegend = React.forwardRef(function FieldsetLegend2({ size = "lg",
       ref,
       className: clsx(className, {
         "ds-fieldset__legend": true,
-        "ds-heading-xl": size === "xl",
-        "ds-heading-lg": size === "lg",
-        "ds-heading-md": size === "md",
-        "ds-heading-sm": size === "sm"
+        [`ds-fieldset__legend--${size}`]: size !== void 0
       }),
       ...heading && { role: "heading", "aria-level": 1 },
       ...props

package/FieldsetLegend/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/FieldsetLegend/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FieldsetLegendProps extends BaseProps<'legend'> {\n  /**\n   * size is optional. The default value is 'lg'\n   * @value 'xl'\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @default 'lg'\n   */\n  size?: 'xl' | 'lg' | 'md' | 'sm';\n\n  /**\n   * heading is optional.\n   * Add this prop if this Fieldset component is the only one in this page.\n   * The default value is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  heading?: boolean;\n}\n/**\n * FieldsetLegend component is the title within a Fieldset component.\n */\nexport const FieldsetLegend = React.forwardRef<\n  HTMLLegendElement,\n  FieldsetLegendProps\n>(function FieldsetLegend(\n  { size = 'lg', heading = false, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"legend\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-fieldset__legend': true,\n        'ds-heading-xl': size === 'xl',\n        'ds-heading-lg': size === 'lg',\n        'ds-heading-md': size === 'md',\n        'ds-heading-sm': size === 'sm',\n      })}\n      {...(heading && { role: 'heading', 'aria-level': 1 })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FieldsetLegend;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA0BzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,OAAO,MAAM,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAC9D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,iBAAiB,SAAS;AAAA,QAC1B,iBAAiB,SAAS;AAAA,QAC1B,iBAAiB,SAAS;AAAA,QAC1B,iBAAiB,SAAS;AAAA,MAC5B,CAAC;AAAA,MACA,GAAI,WAAW,EAAE,MAAM,WAAW,cAAc,EAAE;AAAA,MAClD,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FieldsetLegendProps extends BaseProps<'legend'> {\n  /**\n   * size is optional. The default value is 'lg'\n   * @value 'xl'\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @default 'lg'\n   */\n  size?: 'xl' | 'lg' | 'md' | 'sm';\n\n  /**\n   * heading is optional.\n   * Add this prop if this Fieldset component is the only one in this page.\n   * The default value is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  heading?: boolean;\n}\n/**\n * FieldsetLegend component is the title within a Fieldset component.\n */\nexport const FieldsetLegend = React.forwardRef<\n  HTMLLegendElement,\n  FieldsetLegendProps\n>(function FieldsetLegend(\n  { size = 'lg', heading = false, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"legend\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-fieldset__legend': true,\n        [`ds-fieldset__legend--${size}`]: size !== undefined,\n      })}\n      {...(heading && { role: 'heading', 'aria-level': 1 })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FieldsetLegend;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA0BzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,OAAO,MAAM,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAC9D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,CAAC,wBAAwB,IAAI,EAAE,GAAG,SAAS;AAAA,MAC7C,CAAC;AAAA,MACA,GAAI,WAAW,EAAE,MAAM,WAAW,cAAc,EAAE;AAAA,MAClD,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["FieldsetLegend"]
 }

package/LabelTitle/index.js

@@ -9,10 +9,8 @@ const LabelTitle = React.forwardRef(
         as: "span",
         ref,
         className: clsx(className, {
-          "ds-heading-xl": size === "xl",
-          "ds-heading-lg": size === "lg",
-          "ds-heading-md": size === "md",
-          "ds-heading-sm": size === "sm"
+          "ds-label__title": true,
+          [`ds-label__title--${size}`]: size !== void 0
         }),
         ...heading && { role: "heading", "aria-level": 1 },
         ...props

package/LabelTitle/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LabelTitle/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LabelFieldProps extends BaseProps<'span'> {\n  /**\n   * size is optional. The default value is 'lg'\n   * @value 'xl'\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   */\n  size?: 'xl' | 'lg' | 'md' | 'sm';\n  /**\n   * heading is optional.\n   * Add this prop if this Field component is the only one in this page.\n   * The default value is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  heading?: boolean;\n}\n/**\n * Label component defines a label for several elements at forms.\n */\nexport const LabelTitle = React.forwardRef<HTMLSpanElement, LabelFieldProps>(\n  function LabelTitle(\n    { size, className, heading = false, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"span\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-heading-xl': size === 'xl',\n          'ds-heading-lg': size === 'lg',\n          'ds-heading-md': size === 'md',\n          'ds-heading-sm': size === 'sm',\n        })}\n        {...(heading && { role: 'heading', 'aria-level': 1 })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LabelTitle;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwBzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,MAAM,WAAW,UAAU,OAAO,UAAU,GAAG,MAAM,GACvD,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB,SAAS;AAAA,UAC1B,iBAAiB,SAAS;AAAA,UAC1B,iBAAiB,SAAS;AAAA,UAC1B,iBAAiB,SAAS;AAAA,QAC5B,CAAC;AAAA,QACA,GAAI,WAAW,EAAE,MAAM,WAAW,cAAc,EAAE;AAAA,QAClD,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LabelFieldProps extends BaseProps<'span'> {\n  /**\n   * size is optional. The default value is 'lg'\n   * @value 'xl'\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   */\n  size?: 'xl' | 'lg' | 'md' | 'sm';\n  /**\n   * heading is optional.\n   * Add this prop if this Field component is the only one in this page.\n   * The default value is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  heading?: boolean;\n}\n/**\n * Label component defines a label for several elements at forms.\n */\nexport const LabelTitle = React.forwardRef<HTMLSpanElement, LabelFieldProps>(\n  function LabelTitle(\n    { size, className, heading = false, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"span\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-label__title': true,\n          [`ds-label__title--${size}`]: size !== undefined,\n        })}\n        {...(heading && { role: 'heading', 'aria-level': 1 })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LabelTitle;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwBzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,MAAM,WAAW,UAAU,OAAO,UAAU,GAAG,MAAM,GACvD,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,CAAC,oBAAoB,IAAI,EAAE,GAAG,SAAS;AAAA,QACzC,CAAC;AAAA,QACA,GAAI,WAAW,EAAE,MAAM,WAAW,cAAc,EAAE;AAAA,QAClD,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["LabelTitle"]
 }

package/NavListItemActionContainer/index.d.ts

@@ -1,10 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface NavListItemActionContainerProps extends BaseProps<'li'> {
-}
-/**
- * NavListItemActionContainer must be inside the NavList.
- * This component has a items of NavListItemLink component inside.
- */
-export declare const NavListItemActionContainer: React.ForwardRefExoticComponent<Omit<NavListItemActionContainerProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export default NavListItemActionContainer;
+export * from '@digigov/react-core/NavListItemActionContainer/index.web';
+export { default as default } from '@digigov/react-core/NavListItemActionContainer/index.web';

package/NavListItemActionContainer/index.js

@@ -1,23 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const NavListItemActionContainer = React.forwardRef(function NavListItemActionContainer2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "li",
-      ref,
-      className: clsx(className, {
-        "ds-nav__list-item": true
-      }),
-      ...props
-    },
-    children
-  );
-});
-var NavListItemActionContainer_default = NavListItemActionContainer;
+export * from "@digigov/react-core/NavListItemActionContainer/index.web";
+import { default as default2 } from "@digigov/react-core/NavListItemActionContainer/index.web";
 export {
-  NavListItemActionContainer,
-  NavListItemActionContainer_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/NavListItemActionContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NavListItemActionContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavListItemActionContainerProps extends BaseProps<'li'> { }\n/**\n * NavListItemActionContainer must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemActionContainer = React.forwardRef<\n  HTMLLIElement,\n  NavListItemActionContainerProps\n>(function NavListItemActionContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav__list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NavListItemActionContainer;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
-  "names": ["NavListItemActionContainer"]
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemActionContainer/index.web';\nexport { default as default } from '@digigov/react-core/NavListItemActionContainer/index.web';\n"],
+  "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
+  "names": ["default"]
 }

package/NavListItemActionContainer/index.native/index.js

@@ -0,0 +1,17 @@
+import clsx from "clsx";
+import CoreNavListItemActionContainer from "@digigov/react-core/NavListItemActionContainer/index.web";
+import extend from "@digigov/react-core/utils/extend.native";
+const NavListItemActionContainer = extend(CoreNavListItemActionContainer, ({ className, borderBottom, ...props }) => {
+  return {
+    ...props,
+    className: clsx(className, {
+      "ds-nav__list-item--border-bottom": borderBottom
+    })
+  };
+});
+var index_native_default = NavListItemActionContainer;
+export {
+  NavListItemActionContainer,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/NavListItemActionContainer/index.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/NavListItemActionContainer/index.native/index.js"
+}

package/NavListItemActionContainer/index.native.d.ts

@@ -0,0 +1,7 @@
+import { NavListItemActionContainerProps } from '@digigov/react-core/NavListItemActionContainer/index.web';
+export declare const NavListItemActionContainer: import("react").ForwardRefExoticComponent<Omit<NavListItemActionContainerProps & {
+    borderBottom?: boolean;
+} & {
+    className?: string;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export default NavListItemActionContainer;

package/NavListItemActionContainer/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/NavListItemActionContainer/index.native.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport CoreNavListItemActionContainer, {\n  NavListItemActionContainerProps,\n} from '@digigov/react-core/NavListItemActionContainer/index.web';\nimport extend from '@digigov/react-core/utils/extend.native';\n\nexport const NavListItemActionContainer = extend<\n  NavListItemActionContainerProps,\n  { borderBottom?: boolean }\n>(CoreNavListItemActionContainer, ({ className, borderBottom, ...props }) => {\n  return {\n    ...props,\n    className: clsx(className, {\n      'ds-nav__list-item--border-bottom': borderBottom,\n    }),\n  };\n});\nexport default NavListItemActionContainer;\n"],
+  "mappings": "AAAA,OAAO,UAAU;AACjB,OAAO,oCAEA;AACP,OAAO,YAAY;AAEZ,MAAM,6BAA6B,OAGxC,gCAAgC,CAAC,EAAE,WAAW,cAAc,GAAG,MAAM,MAAM;AAC3E,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,KAAK,WAAW;AAAA,MACzB,oCAAoC;AAAA,IACtC,CAAC;AAAA,EACH;AACF,CAAC;AACD,IAAO,uBAAQ;",
+  "names": []
+}

package/NavListItemActionContainer/index.web/index.js

@@ -0,0 +1,23 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const NavListItemActionContainer = React.forwardRef(function NavListItemActionContainer2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "li",
+      ref,
+      className: clsx(className, {
+        "ds-nav__list-item": true
+      }),
+      ...props
+    },
+    children
+  );
+});
+var index_web_default = NavListItemActionContainer;
+export {
+  NavListItemActionContainer,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/NavListItemActionContainer/index.web/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/NavListItemActionContainer/index.web/index.js"
+}

package/NavListItemActionContainer/index.web.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface NavListItemActionContainerProps extends BaseProps<'li'> {
+}
+/**
+ * NavListItemActionContainer must be inside the NavList.
+ * This component has a items of NavListItemLink component inside.
+ */
+export declare const NavListItemActionContainer: React.ForwardRefExoticComponent<Omit<NavListItemActionContainerProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export default NavListItemActionContainer;

package/NavListItemActionContainer/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/NavListItemActionContainer/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface NavListItemActionContainerProps extends BaseProps<'li'> { }\n/**\n * NavListItemActionContainer must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemActionContainer = React.forwardRef<\n  HTMLLIElement,\n  NavListItemActionContainerProps\n>(function NavListItemActionContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-nav__list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default NavListItemActionContainer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["NavListItemActionContainer"]
+}

package/NotificationBannerLink/index.d.ts

@@ -1,11 +1,2 @@
-import React from 'react';
-import { LinkBaseProps } from '@digigov/react-core/LinkBase';
-export interface NotificationBannerLinkProps extends LinkBaseProps {
-}
-/**
- * Details for the NotificationBannerLink.
- * NotificationBannerLink allow users to click their way from page to page.
- * NotificationBannerLink must be wrapped inside NotificationContent component as children
- */
-export declare const NotificationBannerLink: React.ForwardRefExoticComponent<Omit<NotificationBannerLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default NotificationBannerLink;
+export * from '@digigov/react-core/NotificationBannerLink/index.web';
+export { default as default } from '@digigov/react-core/NotificationBannerLink/index.web';

package/NotificationBannerLink/index.js

@@ -1,22 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import LinkBase from "@digigov/react-core/LinkBase";
-const NotificationBannerLink = React.forwardRef(function NotificationBannerLink2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    LinkBase,
-    {
-      ref,
-      className: clsx(className, {
-        "ds-notification-banner__link": true
-      }),
-      ...props
-    },
-    children
-  );
-});
-var NotificationBannerLink_default = NotificationBannerLink;
+export * from "@digigov/react-core/NotificationBannerLink/index.web";
+import { default as default2 } from "@digigov/react-core/NotificationBannerLink/index.web";
 export {
-  NotificationBannerLink,
-  NotificationBannerLink_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/NotificationBannerLink/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/NotificationBannerLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface NotificationBannerLinkProps extends LinkBaseProps { }\n/**\n * Details for the NotificationBannerLink.\n * NotificationBannerLink allow users to click their way from page to page.\n * NotificationBannerLink must be wrapped inside NotificationContent component as children\n */\nexport const NotificationBannerLink = React.forwardRef<\n  HTMLAnchorElement,\n  NotificationBannerLinkProps\n>(function NotificationBannerLink({ className, children, ...props }, ref) {\n  return (\n    <LinkBase\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__link': true,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default NotificationBannerLink;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,cAAiC;AAQjC,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
-  "names": ["NotificationBannerLink"]
+  "sourcesContent": ["export * from '@digigov/react-core/NotificationBannerLink/index.web';\nexport {default as default} from '@digigov/react-core/NotificationBannerLink/index.web';\n"],
+  "mappings": "AAAA,cAAc;AACd,SAAmB,WAAXA,gBAAyB;",
+  "names": ["default"]
 }

package/NotificationBannerLink/index.native/index.js

@@ -0,0 +1,16 @@
+import CoreNotificationBannerLink from "@digigov/react-core/NotificationBannerLink/index.web";
+import { extend } from "@digigov/react-core/utils/extend.native";
+import clsx from "clsx";
+const NotificationBannerLink = extend(CoreNotificationBannerLink, ({ variant, className, ...props }) => ({
+  className: clsx(className, {
+    "ds-notification-banner__link--error": variant === "error",
+    "ds-notification-banner__link--success": variant === "success"
+  }),
+  ...props
+}));
+var index_native_default = NotificationBannerLink;
+export {
+  NotificationBannerLink,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/NotificationBannerLink/index.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/NotificationBannerLink/index.native/index.js"
+}

package/NotificationBannerLink/index.native.d.ts

@@ -0,0 +1,8 @@
+import { NotificationBannerLinkProps } from '@digigov/react-core/NotificationBannerLink/index.web';
+interface AdditionalProps {
+    variant?: 'error' | 'success';
+}
+export declare const NotificationBannerLink: import("react").ForwardRefExoticComponent<Omit<NotificationBannerLinkProps & AdditionalProps & {
+    className?: string;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export default NotificationBannerLink;

package/NotificationBannerLink/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/NotificationBannerLink/index.native.tsx"],
+  "sourcesContent": ["import CoreNotificationBannerLink, {\n  NotificationBannerLinkProps,\n} from '@digigov/react-core/NotificationBannerLink/index.web';\nimport { extend } from '@digigov/react-core/utils/extend.native';\nimport clsx from 'clsx';\n\ninterface AdditionalProps {\n  variant?: 'error' | 'success';\n}\n\nexport const NotificationBannerLink = extend<\n  NotificationBannerLinkProps,\n  AdditionalProps\n>(CoreNotificationBannerLink, ({ variant, className, ...props }) => ({\n  className: clsx(className, {\n    'ds-notification-banner__link--error': variant === 'error',\n    'ds-notification-banner__link--success': variant === 'success',\n  }),\n  ...props,\n}));\n\nexport default NotificationBannerLink;\n"],
+  "mappings": "AAAA,OAAO,gCAEA;AACP,SAAS,cAAc;AACvB,OAAO,UAAU;AAMV,MAAM,yBAAyB,OAGpC,4BAA4B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,OAAO;AAAA,EACnE,WAAW,KAAK,WAAW;AAAA,IACzB,uCAAuC,YAAY;AAAA,IACnD,yCAAyC,YAAY;AAAA,EACvD,CAAC;AAAA,EACD,GAAG;AACL,EAAE;AAEF,IAAO,uBAAQ;",
+  "names": []
+}

package/NotificationBannerLink/index.web/index.js

@@ -0,0 +1,22 @@
+import React from "react";
+import clsx from "clsx";
+import LinkBase from "@digigov/react-core/LinkBase";
+const NotificationBannerLink = React.forwardRef(function NotificationBannerLink2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    LinkBase,
+    {
+      ref,
+      className: clsx(className, {
+        "ds-notification-banner__link": true
+      }),
+      ...props
+    },
+    children
+  );
+});
+var index_web_default = NotificationBannerLink;
+export {
+  NotificationBannerLink,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/NotificationBannerLink/index.web/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/NotificationBannerLink/index.web/index.js"
+}

package/NotificationBannerLink/index.web.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface NotificationBannerLinkProps extends LinkBaseProps {
+}
+/**
+ * Details for the NotificationBannerLink.
+ * NotificationBannerLink allow users to click their way from page to page.
+ * NotificationBannerLink must be wrapped inside NotificationContent component as children
+ */
+export declare const NotificationBannerLink: React.ForwardRefExoticComponent<Omit<NotificationBannerLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default NotificationBannerLink;

package/NotificationBannerLink/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/NotificationBannerLink/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface NotificationBannerLinkProps extends LinkBaseProps { }\n/**\n * Details for the NotificationBannerLink.\n * NotificationBannerLink allow users to click their way from page to page.\n * NotificationBannerLink must be wrapped inside NotificationContent component as children\n */\nexport const NotificationBannerLink = React.forwardRef<\n  HTMLAnchorElement,\n  NotificationBannerLinkProps\n>(function NotificationBannerLink({ className, children, ...props }, ref) {\n  return (\n    <LinkBase\n      ref={ref}\n      className={clsx(className, {\n        'ds-notification-banner__link': true,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default NotificationBannerLink;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,cAAiC;AAQjC,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["NotificationBannerLink"]
+}

package/PhaseBanner/index.js

@@ -15,8 +15,9 @@ const PhaseBanner = React.forwardRef(
         ...props
       },
       /* @__PURE__ */ React.createElement(
-        "p",
+        Base,
         {
+          as: "p",
           className: clsx({
             "ds-phase-banner__content": true
           })

package/PhaseBanner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PhaseBanner/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerProps extends BaseProps<'div'> {\n  /**\n   * underline is optional.\n   * Use this prop when you want to underline the phase banner.\n   * @value true\n   * @value false\n   * @default false\n   */\n  underline?: boolean;\n}\n/**\n * PhaseBanner is a component used to show the phase of a service.\n * This component will replace ServiceBadge.\n */\nexport const PhaseBanner = React.forwardRef<HTMLDivElement, PhaseBannerProps>(\n  function PhaseBanner(\n    { className, underline = false, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-phase-banner': true,\n          'ds-phase-banner--underline': underline,\n        })}\n        {...props}\n      >\n        <p\n          className={clsx({\n            'ds-phase-banner__content': true,\n          })}\n        >\n          {children}\n        </p>\n      </Base>\n    );\n  }\n);\n\nexport default PhaseBanner;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAgBzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP,EAAE,WAAW,YAAY,OAAO,UAAU,GAAG,MAAM,GACnD,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B;AAAA,QAChC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAEA;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerProps extends BaseProps<'div'> {\n  /**\n   * underline is optional.\n   * Use this prop when you want to underline the phase banner.\n   * @value true\n   * @value false\n   * @default false\n   */\n  underline?: boolean;\n}\n/**\n * PhaseBanner is a component used to show the phase of a service.\n * This component will replace ServiceBadge.\n */\nexport const PhaseBanner = React.forwardRef<HTMLDivElement, PhaseBannerProps>(\n  function PhaseBanner(\n    { className, underline = false, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-phase-banner': true,\n          'ds-phase-banner--underline': underline,\n        })}\n        {...props}\n      >\n        <Base as=\"p\"\n          className={clsx({\n            'ds-phase-banner__content': true,\n          })}\n        >\n          {children}\n        </Base>\n      </Base>\n    );\n  }\n);\n\nexport default PhaseBanner;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAgBzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP,EAAE,WAAW,YAAY,OAAO,UAAU,GAAG,MAAM,GACnD,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,UACnB,8BAA8B;AAAA,QAChC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UAAK,IAAG;AAAA,UACP,WAAW,KAAK;AAAA,YACd,4BAA4B;AAAA,UAC9B,CAAC;AAAA;AAAA,QAEA;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["PhaseBanner"]
 }

package/PhaseBannerTag/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
-export interface PhaseBannerTagProps extends BaseProps<'strong'> {
+export interface PhaseBannerTagProps extends BaseProps<'span'> {
 }
 /**
  * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).
  */
-export declare const PhaseBannerTag: React.ForwardRefExoticComponent<Omit<PhaseBannerTagProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const PhaseBannerTag: React.ForwardRefExoticComponent<Omit<PhaseBannerTagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export default PhaseBannerTag;

package/PhaseBannerTag/index.js

@@ -5,7 +5,7 @@ const PhaseBannerTag = React.forwardRef(function PhaseBannerTag2({ className, ch
   return /* @__PURE__ */ React.createElement(
     Base,
     {
-      as: "strong",
+      as: "span",
       ref,
       className: clsx(className, {
         "ds-phase-banner__tag": true

package/PhaseBannerTag/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PhaseBannerTag/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerTagProps extends BaseProps<'strong'> { }\n/**\n * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).\n */\nexport const PhaseBannerTag = React.forwardRef<\n  HTMLElement,\n  PhaseBannerTagProps\n>(function PhaseBannerTag({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"strong\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-phase-banner__tag': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PhaseBannerTag;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface PhaseBannerTagProps extends BaseProps<'span'> { }\n/**\n * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).\n */\nexport const PhaseBannerTag = React.forwardRef<\n  HTMLSpanElement,\n  PhaseBannerTagProps\n>(function PhaseBannerTag({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-phase-banner__tag': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default PhaseBannerTag;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["PhaseBannerTag"]
 }

package/PhaseBannerText/index.js

@@ -8,7 +8,7 @@ const PhaseBannerText = React.forwardRef(function PhaseBannerText2({ className,
       as: "span",
       ref,
       className: clsx(className, {
-        "ds-phase-banner__text": true
+        "ds-phase-banner__message": true
       }),
       ...props
     },