@digigov/react-core 2.0.0-2445d5cb → 2.0.0-298cfc51

package/cjs/Details/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,32 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Details_exports = {};
 __export(Details_exports, {
-  Details: () => Details,
-  default: () => Details_default
+  default: () => import_Details.default
 });
 module.exports = __toCommonJS(Details_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const Details = import_react.default.forwardRef(
-  function Details2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Base.default,
-      {
-        as: "details",
-        ref,
-        className: (0, import_clsx.default)(className, {
-          "ds-details": true
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var Details_default = Details;
+__reExport(Details_exports, require("@digigov/react-core/Details/index.web"), module.exports);
+var import_Details = __toESM(require("@digigov/react-core/Details/index.web"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Details
+  ...require("@digigov/react-core/Details/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,SAASC,SAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,cAAc;AAAA,QAChB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,kBAAQ;",
-  "names": ["React", "Details", "Base", "clsx"]
+  "sourcesContent": ["export * from \"@digigov/react-core/Details/index.web\";\nexport {default as default} from \"@digigov/react-core/Details/index.web\";"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAc,kDAAd;AACA,qBAAiC;",
+  "names": []
 }

package/cjs/Details/index.native/index.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  Details: () => Details,
+  default: () => index_native_default
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_Details = __toESM(require("@digigov/react-core/Details/index.web"));
+var import_extend = require("@digigov/react-core/utils/extend.native");
+const Details = (0, import_extend.extend)(import_Details.default, ({ className, ...props }) => {
+  return {
+    className,
+    closeIcon: "\u25B6",
+    openIcon: "\u25BC",
+    placement: "before",
+    ...props
+  };
+});
+var index_native_default = Details;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Details
+});
+//# sourceMappingURL=index.native.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,oBAAuB;AAEhB,MAAM,cAAU,sBAAO,eAAAA,SAAa,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": ["CoreDetails"]
+}

package/cjs/{SvgIcon → Details/index.web}/index.js

@@ -25,39 +25,34 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SvgIcon_exports = {};
-__export(SvgIcon_exports, {
-  SvgIcon: () => SvgIcon,
-  default: () => SvgIcon_default
+var index_web_exports = {};
+__export(index_web_exports, {
+  Details: () => Details,
+  default: () => index_web_default
 });
-module.exports = __toCommonJS(SvgIcon_exports);
+module.exports = __toCommonJS(index_web_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const SvgIcon = import_react.default.forwardRef(
-  function SvgIcon2({ size, color, children, className, ...props }, ref) {
+const Details = import_react.default.forwardRef(
+  function Details2({ className, children, ...props }, ref) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
-        as: "svg",
+        as: "details",
         ref,
         className: (0, import_clsx.default)(className, {
-          "ds-svg-icon": true,
-          [`ds-svg-icon--${color}`]: color !== void 0,
-          [`ds-svg-icon--${size}`]: size !== void 0
+          "ds-details": true
         }),
-        focusable: "false",
-        viewBox: "0 0 24 24",
-        "aria-hidden": "true",
         ...props
       },
       children
     );
   }
 );
-var SvgIcon_default = SvgIcon;
+var index_web_default = Details;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  SvgIcon
+  Details
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.web.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,SAASC,SAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,cAAc;AAAA,QAChB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["React", "Details", "Base", "clsx"]
+}

package/cjs/Drawer/index.js

@@ -49,19 +49,32 @@ const Drawer = import_react.default.forwardRef(
       {
         as: "div",
         ref,
-        className: (0, import_clsx.default)(className, {
-          "ds-drawer": true,
-          "ds-drawer--relative-sm": upRelative === "sm",
-          "ds-drawer--relative-md": upRelative === "md",
-          "ds-drawer--relative-lg": upRelative === "lg",
-          "ds-drawer--closed": !open,
-          "ds-drawer--right": direction === "right",
-          "ds-drawer--left": direction === "left",
-          "ds-drawer--bg-secondary": bgColor === "secondary"
-        }),
-        ...props
+        className: (0, import_clsx.default)({
+          "ds-drawer-container": true,
+          "ds-drawer-container--relative-sm": upRelative === "sm",
+          "ds-drawer-container--relative-md": upRelative === "md",
+          "ds-drawer-container--relative-lg": upRelative === "lg",
+          "ds-drawer-container--closed": !open
+        })
       },
-      children
+      /* @__PURE__ */ import_react.default.createElement(
+        import_Base.default,
+        {
+          as: "div",
+          className: (0, import_clsx.default)(className, {
+            "ds-drawer": true,
+            "ds-drawer--relative-sm": upRelative === "sm",
+            "ds-drawer--relative-md": upRelative === "md",
+            "ds-drawer--relative-lg": upRelative === "lg",
+            "ds-drawer--closed": !open,
+            "ds-drawer--right": direction === "right",
+            "ds-drawer--left": direction === "left",
+            "ds-drawer--bg-secondary": bgColor === "secondary"
+          }),
+          ...props
+        },
+        children
+      )
     );
   }
 );

package/cjs/Drawer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Drawer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DrawerProps extends BaseProps<'div'> {\n  /**\n   * open is optional.\n   * This declares if the drawer is open at small screens.\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n\n  /**\n   * direction is optional.\n   * Add the direction of the drawer, when this is open at mobile view.\n   * The default value is 'left'.\n   * @value 'right'\n   * @value 'left'\n   * @default 'left'\n   */\n  direction?: 'right' | 'left';\n\n  /**\n   * upRelative is optional. This declares if the drawer is open at large screens in a relative position.\n   * The default value is never.\n   * * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'never'\n   * @default 'never'\n   */\n  upRelative?: 'sm' | 'md' | 'lg' | 'never';\n\n  /**\n   * bgColor is optional.\n   * This defines the background color of the drawer.\n   * @value 'base'\n   * @value 'secondary'\n   * @default 'base'\n   */\n  bgColor?: 'base' | 'secondary';\n}\n/**\n * Drawer can be used to provide access to destinations and app functionality.\n * It can either be permanently on-screen or controlled by a navigation menu icon.\n */\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n  function Drawer(\n    {\n      open,\n      direction = 'left',\n      upRelative = 'never',\n      bgColor,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-drawer': true,\n          'ds-drawer--relative-sm': upRelative === 'sm',\n          'ds-drawer--relative-md': upRelative === 'md',\n          'ds-drawer--relative-lg': upRelative === 'lg',\n          'ds-drawer--closed': !open,\n          'ds-drawer--right': direction === 'right',\n          'ds-drawer--left': direction === 'left',\n          'ds-drawer--bg-secondary': bgColor === 'secondary',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Drawer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA6CzB,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASC,QACP;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,aAAa;AAAA,UACb,0BAA0B,eAAe;AAAA,UACzC,0BAA0B,eAAe;AAAA,UACzC,0BAA0B,eAAe;AAAA,UACzC,qBAAqB,CAAC;AAAA,UACtB,oBAAoB,cAAc;AAAA,UAClC,mBAAmB,cAAc;AAAA,UACjC,2BAA2B,YAAY;AAAA,QACzC,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DrawerProps extends BaseProps<'div'> {\n  /**\n   * open is optional.\n   * This declares if the drawer is open at small screens.\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n\n  /**\n   * direction is optional.\n   * Add the direction of the drawer, when this is open at mobile view.\n   * The default value is 'left'.\n   * @value 'right'\n   * @value 'left'\n   * @default 'left'\n   */\n  direction?: 'right' | 'left';\n\n  /**\n   * upRelative is optional.\n   * This declares if the drawer is visible at what screens in a relative position.\n   * If not relative, it will be a drawer.\n   * The default value is never.\n   * @value 'sm' The drawer will be visible and relative at small screens and up\n   * @value 'md' The drawer will be visible and relative at medium screens and up\n   * @value 'lg' The drawer will be visible and relative at large screens and up\n   * @value 'never' The drawer will never have relative position in the page\n   * @default 'never'\n   */\n  upRelative?: 'sm' | 'md' | 'lg' | 'never';\n\n  /**\n   * bgColor is optional.\n   * This defines the background color of the drawer.\n   * @value 'base'\n   * @value 'secondary'\n   * @default 'base'\n   */\n  bgColor?: 'base' | 'secondary';\n}\n/**\n * Drawer can be used to provide access to destinations and app functionality.\n * It can either be permanently on-screen or controlled by a navigation menu icon.\n */\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(\n  function Drawer(\n    {\n      open,\n      direction = 'left',\n      upRelative = 'never',\n      bgColor,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx({\n          'ds-drawer-container': true,\n          'ds-drawer-container--relative-sm': upRelative === 'sm',\n          'ds-drawer-container--relative-md': upRelative === 'md',\n          'ds-drawer-container--relative-lg': upRelative === 'lg',\n          'ds-drawer-container--closed': !open,\n        })}\n      >\n        <Base\n          as=\"div\"\n          className={clsx(className, {\n            'ds-drawer': true,\n            'ds-drawer--relative-sm': upRelative === 'sm',\n            'ds-drawer--relative-md': upRelative === 'md',\n            'ds-drawer--relative-lg': upRelative === 'lg',\n            'ds-drawer--closed': !open,\n            'ds-drawer--right': direction === 'right',\n            'ds-drawer--left': direction === 'left',\n            'ds-drawer--bg-secondary': bgColor === 'secondary',\n          })}\n          {...props}\n        >\n          {children}\n        </Base>\n      </Base>\n    );\n  }\n);\n\nexport default Drawer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA+CzB,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASC,QACP;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK;AAAA,UACd,uBAAuB;AAAA,UACvB,oCAAoC,eAAe;AAAA,UACnD,oCAAoC,eAAe;AAAA,UACnD,oCAAoC,eAAe;AAAA,UACnD,+BAA+B,CAAC;AAAA,QAClC,CAAC;AAAA;AAAA,MAED,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,eAAW,YAAAC,SAAK,WAAW;AAAA,YACzB,aAAa;AAAA,YACb,0BAA0B,eAAe;AAAA,YACzC,0BAA0B,eAAe;AAAA,YACzC,0BAA0B,eAAe;AAAA,YACzC,qBAAqB,CAAC;AAAA,YACtB,oBAAoB,cAAc;AAAA,YAClC,mBAAmB,cAAc;AAAA,YACjC,2BAA2B,YAAY;AAAA,UACzC,CAAC;AAAA,UACA,GAAG;AAAA;AAAA,QAEH;AAAA,MACH;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["React", "Drawer", "Base", "clsx"]
 }

package/cjs/FieldsetLegend/index.js

@@ -42,10 +42,7 @@ const FieldsetLegend = import_react.default.forwardRef(function FieldsetLegend2(
       ref,
       className: (0, import_clsx.default)(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/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA0BzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,OAAO,MAAM,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAC9D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA0BzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,OAAO,MAAM,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GAC9D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,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": ["React", "FieldsetLegend", "Base", "clsx"]
 }

package/cjs/FilterContainer/index.js

@@ -47,18 +47,31 @@ const FilterContainer = import_react.default.forwardRef(function FilterContainer
     {
       as: "div",
       ref,
-      className: (0, import_clsx.default)(className, {
-        "ds-filter": true,
-        "ds-filter--closed ": !open,
-        "ds-filter--border ": border,
-        "ds-filter--position-relative-always": positionRelative === "always",
-        "ds-filter--position-relative-sm": positionRelative === "sm",
-        "ds-filter--position-relative-md": positionRelative === "md",
-        "ds-filter--position-relative-lg": positionRelative === "lg"
-      }),
-      ...props
+      className: (0, import_clsx.default)({
+        "ds-filter-container": true,
+        "ds-filter-container--position-relative-always": positionRelative === "always",
+        "ds-filter-container--position-relative-sm": positionRelative === "sm",
+        "ds-filter-container--position-relative-md": positionRelative === "md",
+        "ds-filter-container--position-relative-lg": positionRelative === "lg",
+        "ds-filter-container--closed": !open
+      })
     },
-    children
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Base.default,
+      {
+        as: "div",
+        className: (0, import_clsx.default)(className, {
+          "ds-filter": true,
+          "ds-filter--border ": border,
+          "ds-filter--position-relative-always": positionRelative === "always",
+          "ds-filter--position-relative-sm": positionRelative === "sm",
+          "ds-filter--position-relative-md": positionRelative === "md",
+          "ds-filter--position-relative-lg": positionRelative === "lg"
+        }),
+        ...props
+      },
+      children
+    )
   );
 });
 var FilterContainer_default = FilterContainer;

package/cjs/FilterContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FilterContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterContainerProps extends BaseProps<'div'> {\n  /**\n   * Use open prop to open the filters when at mobile.\n   * The default value is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Use border prop to add a gray border at the filters section.\n   * The default value is true.\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n\n  /**\n   * Use visible prop to make the filter section have position relative in the page.\n   * The default value is md.\n   * @value 'always'\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @value 'never'\n   * @default 'md'\n   */\n  positionRelative?: 'always' | 'sm' | 'md' | 'lg' | 'never';\n}\n\n/**\n * Use FilterContainer component to wrap the filter area of the page\n * When the Filters are being used inside a Drawer component, you don't have to\n * use the FilterContainer component\n */\nexport const FilterContainer = React.forwardRef<\n  HTMLDivElement,\n  FilterContainerProps\n>(function FilterContainer(\n  {\n    className,\n    border = true,\n    open = false,\n    positionRelative = 'md',\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter': true,\n        'ds-filter--closed ': !open,\n        'ds-filter--border ': border,\n        'ds-filter--position-relative-always': positionRelative === 'always',\n        'ds-filter--position-relative-sm': positionRelative === 'sm',\n        'ds-filter--position-relative-md': positionRelative === 'md',\n        'ds-filter--position-relative-lg': positionRelative === 'lg',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAuCzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBACT;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,aAAa;AAAA,QACb,sBAAsB,CAAC;AAAA,QACvB,sBAAsB;AAAA,QACtB,uCAAuC,qBAAqB;AAAA,QAC5D,mCAAmC,qBAAqB;AAAA,QACxD,mCAAmC,qBAAqB;AAAA,QACxD,mCAAmC,qBAAqB;AAAA,MAC1D,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterContainerProps extends BaseProps<'div'> {\n  /**\n   * Use open prop to open the filters when at mobile.\n   * The default value is false.\n   * @value true\n   * @value false\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Use border prop to add a gray border at the filters section.\n   * The default value is true.\n   * @value true\n   * @value false\n   * @default true\n   */\n  border?: boolean;\n\n  /**\n   * positionRelative is optional.\n   * Use positionRelative prop to make the filter section to be visible and have position relative in the page.\n   * If not relative, the filter section will be a drawer.\n   * The default value is md.\n   * @value 'always' The filter section will always visible\n   * @value 'sm' The filter section will be visible at small screens and up\n   * @value 'md' The filter section will be visible at medium screens and up\n   * @value 'lg' The filter section will be visible at large screens and up\n   * @value 'never' The filter section will never have relative position in the page\n   * @default 'md'\n   */\n  positionRelative?: 'always' | 'sm' | 'md' | 'lg' | 'never';\n}\n\n/**\n * Use FilterContainer component to wrap the filter area of the page\n * When the Filters are being used inside a Drawer component, you don't have to\n * use the FilterContainer component\n */\nexport const FilterContainer = React.forwardRef<\n  HTMLDivElement,\n  FilterContainerProps\n>(function FilterContainer(\n  {\n    className,\n    border = true,\n    open = false,\n    positionRelative = 'md',\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx({\n        'ds-filter-container': true,\n        'ds-filter-container--position-relative-always': positionRelative === 'always',\n        'ds-filter-container--position-relative-sm': positionRelative === 'sm',\n        'ds-filter-container--position-relative-md': positionRelative === 'md',\n        'ds-filter-container--position-relative-lg': positionRelative === 'lg',\n        'ds-filter-container--closed': !open,\n      })}\n    >\n      <Base\n        as=\"div\"\n        className={clsx(className, {\n          'ds-filter': true,\n          'ds-filter--border ': border,\n          'ds-filter--position-relative-always': positionRelative === 'always',\n          'ds-filter--position-relative-sm': positionRelative === 'sm',\n          'ds-filter--position-relative-md': positionRelative === 'md',\n          'ds-filter--position-relative-lg': positionRelative === 'lg',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default FilterContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAyCzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBACT;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK;AAAA,QACd,uBAAuB;AAAA,QACvB,iDAAiD,qBAAqB;AAAA,QACtE,6CAA6C,qBAAqB;AAAA,QAClE,6CAA6C,qBAAqB;AAAA,QAClE,6CAA6C,qBAAqB;AAAA,QAClE,+BAA+B,CAAC;AAAA,MAClC,CAAC;AAAA;AAAA,IAED,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,aAAa;AAAA,UACb,sBAAsB;AAAA,UACtB,uCAAuC,qBAAqB;AAAA,UAC5D,mCAAmC,qBAAqB;AAAA,UACxD,mCAAmC,qBAAqB;AAAA,UACxD,mCAAmC,qBAAqB;AAAA,QAC1D,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "FilterContainer", "Base", "clsx"]
 }

package/cjs/FilterHeadingContainer/index.js

@@ -34,7 +34,8 @@ module.exports = __toCommonJS(FilterHeadingContainer_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const FilterHeadingContainer = import_react.default.forwardRef(function FilterHeadingContainer2({ className, children, ...props }, ref) {
+var import_CloseButton = __toESM(require("@digigov/react-core/CloseButton"));
+const FilterHeadingContainer = import_react.default.forwardRef(function FilterHeadingContainer2({ onClick, closeLabel = "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF", className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
@@ -45,7 +46,16 @@ const FilterHeadingContainer = import_react.default.forwardRef(function FilterHe
       }),
       ...props
     },
-    children
+    children,
+    onClick && /* @__PURE__ */ import_react.default.createElement(
+      import_CloseButton.default,
+      {
+        onClick: (e) => {
+          onClick(e);
+        }
+      },
+      closeLabel
+    )
   );
 });
 var FilterHeadingContainer_default = FilterHeadingContainer;

package/cjs/FilterHeadingContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FilterHeadingContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterHeadingContainerProps extends BaseProps<'div'> { }\n/**\n * Use FilterHeadingContainer component inside FilterContainer\n * for filters heading title and close icon(for mobiles).\n * When the Filters are being used inside a Drawer component, you don't have to\n * use the FilterHeadingContainer component\n */\nexport const FilterHeadingContainer = React.forwardRef<\n  HTMLDivElement,\n  FilterHeadingContainerProps\n>(function FilterHeadingContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter__heading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterHeadingContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AASzB,MAAM,yBAAyB,aAAAA,QAAM,WAG1C,SAASC,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
-  "names": ["React", "FilterHeadingContainer", "Base", "clsx"]
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport CloseButton from '@digigov/react-core/CloseButton';\n\nexport interface FilterHeadingContainerProps extends BaseProps<'div'> {\n  /**\n   * closeLabel is optional.\n   * This declares the label of the close icon.\n   * @default '\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF'\n   */\n  closeLabel?: string;\n\n  /**\n   * onClick is optional.\n   * This declares the click event of the close icon.\n   * @default undefined\n   */\n  onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n/**\n * Use FilterHeadingContainer component inside FilterContainer\n * for filters heading title and close icon(for mobiles).\n * When the Filters are being used inside a Drawer component, you don't have to\n * use the FilterHeadingContainer component\n */\nexport const FilterHeadingContainer = React.forwardRef<\n  HTMLDivElement,\n  FilterHeadingContainerProps\n>(function FilterHeadingContainer(\n  { onClick, closeLabel = '\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF', className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter__heading': true,\n      })}\n      {...props}\n    >\n      {children}\n      {onClick && (\n        <CloseButton\n          onClick={(e) => {\n            onClick(e);\n          }}\n        >\n          {closeLabel}\n        </CloseButton>\n      )}\n    </Base>\n  );\n});\n\nexport default FilterHeadingContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,yBAAwB;AAuBjB,MAAM,yBAAyB,aAAAA,QAAM,WAG1C,SAASC,wBACT,EAAE,SAAS,aAAa,oDAAY,WAAW,UAAU,GAAG,MAAM,GAClE,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,WACC,6BAAAH,QAAA;AAAA,MAAC,mBAAAI;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,kBAAQ,CAAC;AAAA,QACX;AAAA;AAAA,MAEC;AAAA,IACH;AAAA,EAEJ;AAEJ,CAAC;AAED,IAAO,iCAAQ;",
+  "names": ["React", "FilterHeadingContainer", "Base", "clsx", "CloseButton"]
 }

package/cjs/LabelTitle/index.js

@@ -42,10 +42,8 @@ const LabelTitle = import_react.default.forwardRef(
         as: "span",
         ref,
         className: (0, import_clsx.default)(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/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAwBzB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YACP,EAAE,MAAM,WAAW,UAAU,OAAO,UAAU,GAAG,MAAM,GACvD,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAwBzB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YACP,EAAE,MAAM,WAAW,UAAU,OAAO,UAAU,GAAG,MAAM,GACvD,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,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": ["React", "LabelTitle", "Base", "clsx"]
 }

package/cjs/LinkBase/index.js

@@ -35,14 +35,14 @@ var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
 const LinkBase = import_react.default.forwardRef(
-  function LinkBase2({ underline = true, className, children, ...props }, ref) {
+  function LinkBase2({ underline = true, defaultStyle = true, className, children, ...props }, ref) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
         as: "a",
         ref,
         className: (0, import_clsx.default)(className, {
-          "ds-link": true,
+          "ds-link": defaultStyle,
           "ds-link--no-underline": !underline
         }),
         ...props

package/cjs/LinkBase/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LinkBase/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkBaseProps extends BaseProps<'a'> {\n  /**\n   * underline is optional. The default value is 'true'.\n   * Make it 'false' only if the context tells the user that the text is a link, even without the underline.\n   * @value true\n   * @value false\n   */\n  underline?: boolean;\n}\n/**\n * This component defines a hyperlink, which is used to link from one page to another.\n */\nexport const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(\n  function LinkBase({ underline = true, className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': true,\n          'ds-link--no-underline': !underline,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LinkBase;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAczB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UAAS,EAAE,YAAY,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,WAAW;AAAA,UACX,yBAAyB,CAAC;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LinkBaseProps extends BaseProps<'a'> {\n  /**\n   * underline is optional. The default value is 'true'.\n   * Make it 'false' only if the context tells the user that the text is a link, even without the underline.\n   * @value true\n   * @value false\n   */\n  underline?: boolean;\n  /**\n   * defaultStyle is optional. The default value is 'true'.\n   * Make it 'false' only if you need to use a link with different style, and the default style clashes over with your\n   * custom styles. For example, BreadcrumbsListItem is a link but it has a different styling.\n   * @value true\n   * @value false\n   */\n  defaultStyle?: boolean;\n}\n/**\n * This component defines a hyperlink, which is used to link from one page to another.\n */\nexport const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(\n  function LinkBase({ underline = true, defaultStyle = true, className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': defaultStyle,\n          'ds-link--no-underline': !underline,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default LinkBase;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAsBzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UAAS,EAAE,YAAY,MAAM,eAAe,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/F,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,WAAW;AAAA,UACX,yBAAyB,CAAC;AAAA,QAC5B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "LinkBase", "Base", "clsx"]
 }

package/cjs/ModalContainer/index.js

@@ -41,19 +41,13 @@ const ModalContainer = import_react.default.forwardRef(function ModalContainer2(
       ref,
       as: "div",
       className: (0, import_clsx.default)(className, {
-        "ds-modal": true,
-        "ds-modal--open": open,
-        "ds-modal--dense": dense
+        "ds-modal-container": true,
+        "ds-modal-container--open": open,
+        "ds-modal-container--dense": dense
       }),
       ...props
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "ds-modal__body" }, gaps ? /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: "ds-modal__container"
-      },
-      children
-    ) : children)
+    /* @__PURE__ */ import_react.default.createElement(import_Base.default, { as: "div", className: "ds-modal" }, gaps ? /* @__PURE__ */ import_react.default.createElement(import_Base.default, { as: "div", className: "ds-modal__body" }, children) : children)
   );
 });
 var ModalContainer_default = ModalContainer;

package/cjs/ModalContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ModalContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalContainerProps extends BaseProps<'div'> {\n  /**\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n  /**\n   * dense is optional.\n   * @value true ModalContainer and its children will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * gaps is optional.\n   * @value false there will be no extra gaps among children components.\n   * @value true\n   * @default true\n   */\n  gaps?: boolean;\n}\n/**\n * Modals can be used to open a pop-up dialog box and provide critical information\n * or ask for a decision. Modals disable all app functionality when they appear, and\n * remain on screen until confirmed, dismissed, or a required action has been taken\n * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components\n */\nexport const ModalContainer = React.forwardRef<\n  HTMLDivElement,\n  ModalContainerProps\n>(function ModalContainer({ className, gaps = true, children, open, dense, ...props }, ref) {\n  return (\n    <Base\n      ref={ref}\n      as=\"div\"\n      className={clsx(className, {\n        'ds-modal': true,\n        'ds-modal--open': open,\n        'ds-modal--dense': dense,\n      })}\n      {...props}\n    >\n      <div className='ds-modal__body'>\n        {gaps ?\n          <div\n            className='ds-modal__container'\n          >\n            {children}\n          </div>\n          :\n          children}\n      </div>\n    </Base>\n  );\n});\n\nexport default ModalContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA6BzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAAG,KAAK;AAC1F,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,SAAI,WAAU,oBACZ,OACC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA;AAAA,MAET;AAAA,IACH,IAEA,QACJ;AAAA,EACF;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 ModalContainerProps extends BaseProps<'div'> {\n  /**\n   * @value true\n   * @value false\n   */\n  open?: boolean;\n  /**\n   * dense is optional.\n   * @value true ModalContainer and its children will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * gaps is optional.\n   * @value false there will be no extra gaps among children components.\n   * @value true\n   * @default true\n   */\n  gaps?: boolean;\n}\n/**\n * Modals can be used to open a pop-up dialog box and provide critical information\n * or ask for a decision. Modals disable all app functionality when they appear, and\n * remain on screen until confirmed, dismissed, or a required action has been taken\n * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components\n */\nexport const ModalContainer = React.forwardRef<\n  HTMLDivElement,\n  ModalContainerProps\n>(function ModalContainer(\n  { className, gaps = true, children, open, dense, ...props },\n  ref\n) {\n  return (\n    <Base\n      ref={ref}\n      as=\"div\"\n      className={clsx(className, {\n        'ds-modal-container': true,\n        'ds-modal-container--open': open,\n        'ds-modal-container--dense': dense,\n      })}\n      {...props}\n    >\n      <Base as=\"div\" className=\"ds-modal\">\n        {gaps ? (\n          <Base as=\"div\" className=\"ds-modal__body\">\n            {children}\n          </Base>\n        ) : (\n          children\n        )}\n      </Base>\n    </Base>\n  );\n});\n\nexport default ModalContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AA6BzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAC1D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,QACtB,4BAA4B;AAAA,QAC5B,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,WAAU,cACtB,OACC,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,WAAU,oBACtB,QACH,IAEA,QAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "ModalContainer", "Base", "clsx"]
 }

package/cjs/NavListItemActionContainer/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,30 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var NavListItemActionContainer_exports = {};
 __export(NavListItemActionContainer_exports, {
-  NavListItemActionContainer: () => NavListItemActionContainer,
-  default: () => NavListItemActionContainer_default
+  default: () => import_NavListItemActionContainer.default
 });
 module.exports = __toCommonJS(NavListItemActionContainer_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const NavListItemActionContainer = import_react.default.forwardRef(function NavListItemActionContainer2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_Base.default,
-    {
-      as: "li",
-      ref,
-      className: (0, import_clsx.default)(className, {
-        "ds-nav__list-item": true
-      }),
-      ...props
-    },
-    children
-  );
-});
-var NavListItemActionContainer_default = NavListItemActionContainer;
+__reExport(NavListItemActionContainer_exports, require("@digigov/react-core/NavListItemActionContainer/index.web"), module.exports);
+var import_NavListItemActionContainer = __toESM(require("@digigov/react-core/NavListItemActionContainer/index.web"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  NavListItemActionContainer
+  ...require("@digigov/react-core/NavListItemActionContainer/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASC,4BAA2B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,qBAAqB;AAAA,MACvB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
-  "names": ["React", "NavListItemActionContainer", "Base", "clsx"]
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemActionContainer/index.web';\nexport { default as default } from '@digigov/react-core/NavListItemActionContainer/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAc,qEAAd;AACA,wCAAmC;",
+  "names": []
 }