@digigov/react-core 2.0.0-6452adf3 → 2.0.0-66d7c5e2

package/cjs/CodeBlockContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CodeBlockContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContentProps extends BaseProps<'pre'> { }\n/**\n * CodeBlockContent can be used as content inside the CodeBlockContainer.\n *\n */\nexport const CodeBlockContent = React.forwardRef<\n  HTMLPreElement,\n  CodeBlockContentProps\n>(function CodeBlockContent({ className, children, ...props }, ref) {\n  return (\n    <Base as=\"pre\" ref={ref} className={className} {...props}>\n      <Base\n        as=\"code\"\n        className={clsx({\n          'ds-code-block__content': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default CodeBlockContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CodeBlockContentProps extends BaseProps<'pre'> {}\n/**\n * CodeBlockContent can be used as content inside the CodeBlockContainer.\n *\n */\nexport const CodeBlockContent = React.forwardRef<\n  HTMLPreElement,\n  CodeBlockContentProps\n>(function CodeBlockContent({ className, children, ...props }, ref) {\n  return (\n    <Base as=\"pre\" ref={ref} className={className} {...props}>\n      <Base\n        as=\"code\"\n        className={clsx({\n          'ds-code-block__content': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default CodeBlockContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,IAAG,OAAM,KAAU,WAAuB,GAAG,SACjD,6BAAAF,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK;AAAA,QACd,0BAA0B;AAAA,MAC5B,CAAC;AAAA;AAAA,IAEA;AAAA,EACH,CACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
   "names": ["React", "CodeBlockContent", "Base", "clsx"]
 }

package/cjs/CopyToClipboardContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CopyToClipboardContainer/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardContainer/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';"],
+  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardContainer/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAAc,mEAAd;AACA,sCAAmC;",
   "names": []
 }

package/cjs/CopyToClipboardMessage/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CopyToClipboardMessage/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardMessage/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';"],
+  "sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardMessage/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CAAc,iEAAd;AACA,oCAAmC;",
   "names": []
 }

package/cjs/CopyToClipboardMessage/index.native/index.js

@@ -31,10 +31,10 @@ __export(index_native_exports, {
   default: () => index_native_default
 });
 module.exports = __toCommonJS(index_native_exports);
-var import_CopyToClipboardMessage = __toESM(require("@digigov/react-core/CopyToClipboardMessage/index.web"));
-var import_extend = require("@digigov/react-core/utils/extend.native");
 var import_clsx = __toESM(require("clsx"));
-const CopyToClipboardMessage = (0, import_extend.extend)(import_CopyToClipboardMessage.default, ({ dense, className, ...props }) => {
+var import_CopyToClipboardMessage = __toESM(require("@digigov/react-core/CopyToClipboardMessage/index.web"));
+var import_utils = require("@digigov/react-core/utils/index.native");
+const CopyToClipboardMessage = (0, import_utils.extend)(import_CopyToClipboardMessage.default, ({ dense, className, ...props }) => {
   return {
     className: (0, import_clsx.default)(className, {
       "ds-copy-to-clipboard__before": true,

package/cjs/CopyToClipboardMessage/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CopyToClipboardMessage/index.native.tsx"],
-  "sourcesContent": ["import CoreCopyToClipboardMessage, {\n  CopyToClipboardMessageProps,\n} from '@digigov/react-core/CopyToClipboardMessage/index.web';\nimport { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';\nimport { extend } from '@digigov/react-core/utils/extend.native';\nimport clsx from 'clsx';\n\nexport const CopyToClipboardMessage = extend<\n  CopyToClipboardMessageProps,\n  CopyToClipboardContainerProps\n>(CoreCopyToClipboardMessage, ({ dense, className, ...props }) => {\n  return {\n    className: clsx(className, {\n      'ds-copy-to-clipboard__before': true,\n      'ds-copy-to-clipboard__message--dense': dense,\n    }),\n    ...props,\n  };\n});\n\nexport default CopyToClipboardMessage;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAEO;AAEP,oBAAuB;AACvB,kBAAiB;AAEV,MAAM,6BAAyB,sBAGpC,8BAAAA,SAA4B,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,MAAM;AAChE,SAAO;AAAA,IACL,eAAW,YAAAC,SAAK,WAAW;AAAA,MACzB,gCAAgC;AAAA,MAChC,wCAAwC;AAAA,IAC1C,CAAC;AAAA,IACD,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';\nimport CoreCopyToClipboardMessage, {\n  CopyToClipboardMessageProps,\n} from '@digigov/react-core/CopyToClipboardMessage/index.web';\nimport { extend } from '@digigov/react-core/utils/index.native';\n\nexport const CopyToClipboardMessage = extend<\n  CopyToClipboardMessageProps,\n  CopyToClipboardContainerProps\n>(CoreCopyToClipboardMessage, ({ dense, className, ...props }) => {\n  return {\n    className: clsx(className, {\n      'ds-copy-to-clipboard__before': true,\n      'ds-copy-to-clipboard__message--dense': dense,\n    }),\n    ...props,\n  };\n});\n\nexport default CopyToClipboardMessage;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AAEjB,oCAEO;AACP,mBAAuB;AAEhB,MAAM,6BAAyB,qBAGpC,8BAAAA,SAA4B,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,MAAM;AAChE,SAAO;AAAA,IACL,eAAW,YAAAC,SAAK,WAAW;AAAA,MACzB,gCAAgC;AAAA,MAChC,wCAAwC;AAAA,IAC1C,CAAC;AAAA,IACD,GAAG;AAAA,EACL;AACF,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["CoreCopyToClipboardMessage", "clsx"]
 }

package/cjs/CopyrightContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CopyrightContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyrightContainerProps extends BaseProps<'p'> { }\n/**\n * CopyrightContainer is used inside the Footer component.\n * CopyrightContainer has no props.\n */\nexport const CopyrightContainer = React.forwardRef<\n  HTMLParagraphElement,\n  CopyrightContainerProps\n>(function CopyrightContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-footer__copyright': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CopyrightContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyrightContainerProps extends BaseProps<'p'> {}\n/**\n * CopyrightContainer is used inside the Footer component.\n * CopyrightContainer has no props.\n */\nexport const CopyrightContainer = React.forwardRef<\n  HTMLParagraphElement,\n  CopyrightContainerProps\n>(function CopyrightContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-footer__copyright': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default CopyrightContainer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,qBAAqB,aAAAA,QAAM,WAGtC,SAASC,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
   "names": ["React", "CopyrightContainer", "Base", "clsx"]
 }

package/cjs/DateInputItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DateInputItem/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/DateInputItem/index.web';\nexport { default as default } from '@digigov/react-core/DateInputItem/index.web';"],
+  "sourcesContent": ["export * from '@digigov/react-core/DateInputItem/index.web';\nexport { default as default } from '@digigov/react-core/DateInputItem/index.web';\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAc,wDAAd;AACA,2BAAmC;",
   "names": []
 }

package/cjs/DateInputItem/index.native/index.js

@@ -31,17 +31,14 @@ __export(index_native_exports, {
   default: () => index_native_default
 });
 module.exports = __toCommonJS(index_native_exports);
-var import_extend = __toESM(require("@digigov/react-core/utils/extend.native"));
 var import_DateInputItem = __toESM(require("@digigov/react-core/DateInputItem/index.web"));
-const DateInputItem = (0, import_extend.default)(
-  import_DateInputItem.default,
-  ({ className, ...props }) => {
-    return {
-      ...props,
-      onChange: void 0
-    };
-  }
-);
+var import_utils = __toESM(require("@digigov/react-core/utils/index.native"));
+const DateInputItem = (0, import_utils.default)(import_DateInputItem.default, (props) => {
+  return {
+    ...props,
+    onChange: void 0
+  };
+});
 var index_native_default = DateInputItem;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/DateInputItem/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DateInputItem/index.native.tsx"],
-  "sourcesContent": ["import extend from '@digigov/react-core/utils/extend.native';\nimport CoreDateInputItem from '@digigov/react-core/DateInputItem/index.web';\nexport const DateInputItem = extend(\n  CoreDateInputItem,\n  ({ className, ...props }) => {\n    return {\n      ...props,\n      onChange: undefined,\n    };\n  }\n);\nexport default DateInputItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AACnB,2BAA8B;AACvB,MAAM,oBAAgB,cAAAA;AAAA,EAC3B,qBAAAC;AAAA,EACA,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC3B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AACA,IAAO,uBAAQ;",
+  "sourcesContent": ["import CoreDateInputItem from '@digigov/react-core/DateInputItem/index.web';\nimport extend from '@digigov/react-core/utils/index.native';\nexport const DateInputItem = extend(CoreDateInputItem, (props) => {\n  return {\n    ...props,\n    onChange: undefined,\n  };\n});\nexport default DateInputItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAC9B,mBAAmB;AACZ,MAAM,oBAAgB,aAAAA,SAAO,qBAAAC,SAAmB,CAAC,UAAU;AAChE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU;AAAA,EACZ;AACF,CAAC;AACD,IAAO,uBAAQ;",
   "names": ["extend", "CoreDateInputItem"]
 }

package/cjs/DateInputItem/index.web/index.js

@@ -53,7 +53,17 @@ const DateInputItem = import_react.default.forwardRef(function DateInputItem2({
         })
       },
       children,
-      /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { ref, type: "text", name, maxWidth: `${width}-char`, error, ...props })
+      /* @__PURE__ */ import_react.default.createElement(
+        import_TextInput.TextInput,
+        {
+          ref,
+          type: "text",
+          name,
+          maxWidth: `${width}-char`,
+          error,
+          ...props
+        }
+      )
     )
   );
 });

package/cjs/DateInputItem/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DateInputItem/index.web.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { TextInput } from '@digigov/react-core/TextInput';\n\nexport interface DateInputItemProps extends BaseProps<'input'> {\n  /**\n   * Width property is optional.\n   * Use this property for year field to grow width.\n   * @value 2\n   * @value 4\n   * @default 2\n   */\n  width?: 2 | 4;\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n}\n/**\n * Details for the DateInputItem.\n * DateInputItem component is used for displaying date.\n * DateInputItem component must be included inside DateInput component as children component\n */\nexport const DateInputItem = React.forwardRef<\n  HTMLInputElement,\n  DateInputItemProps\n>(function DateInputItem(\n  { name, width = 2, error, className, children, ...props },\n  ref\n) {\n  return (\n    <Base as='div'\n      className={clsx(className, {\n        'ds-date-input__item': true,\n      })}\n    >\n      <Base as='label'\n        className={clsx({\n          'ds-label': true,\n        })}\n      >\n        {children}\n        <TextInput ref={ref} type=\"text\" name={name} maxWidth={`${width}-char`} error={error} {...props} />\n      </Base>\n    </Base>\n  );\n});\n\nexport default DateInputItem;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,uBAA0B;AAwBnB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,MAAM,QAAQ,GAAG,OAAO,WAAW,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MAAK,IAAG;AAAA,MACP,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QAAK,IAAG;AAAA,QACP,eAAW,YAAAC,SAAK;AAAA,UACd,YAAY;AAAA,QACd,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAH,QAAA,cAAC,8BAAU,KAAU,MAAK,QAAO,MAAY,UAAU,GAAG,KAAK,SAAS,OAAe,GAAG,OAAO;AAAA,IACnG;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { TextInput } from '@digigov/react-core/TextInput';\n\nexport interface DateInputItemProps extends BaseProps<'input'> {\n  /**\n   * Width property is optional.\n   * Use this property for year field to grow width.\n   * @value 2\n   * @value 4\n   * @default 2\n   */\n  width?: 2 | 4;\n  /**\n   * error is optional. The default value is false.\n   * Use this prop when there is an error at the input.\n   * @value true\n   * @value false\n   */\n  error?: boolean;\n}\n/**\n * Details for the DateInputItem.\n * DateInputItem component is used for displaying date.\n * DateInputItem component must be included inside DateInput component as children component\n */\nexport const DateInputItem = React.forwardRef<\n  HTMLInputElement,\n  DateInputItemProps\n>(function DateInputItem(\n  { name, width = 2, error, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      className={clsx(className, {\n        'ds-date-input__item': true,\n      })}\n    >\n      <Base\n        as=\"label\"\n        className={clsx({\n          'ds-label': true,\n        })}\n      >\n        {children}\n        <TextInput\n          ref={ref}\n          type=\"text\"\n          name={name}\n          maxWidth={`${width}-char`}\n          error={error}\n          {...props}\n        />\n      </Base>\n    </Base>\n  );\n});\n\nexport default DateInputItem;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAChC,uBAA0B;AAwBnB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,MAAM,QAAQ,GAAG,OAAO,WAAW,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED,6BAAAH,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAW,YAAAC,SAAK;AAAA,UACd,YAAY;AAAA,QACd,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,6BAAAH,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,UAAU,GAAG,KAAK;AAAA,UAClB;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "DateInputItem", "Base", "clsx"]
 }

package/cjs/Details/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Details/index.tsx"],
-  "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;",
+  "sourcesContent": ["export * from '@digigov/react-core/Details/index.web';\nexport { default as default } from '@digigov/react-core/Details/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAc,kDAAd;AACA,qBAAmC;",
   "names": []
 }

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

@@ -32,8 +32,8 @@ __export(index_native_exports, {
 });
 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 }) => {
+var import_utils = require("@digigov/react-core/utils/index.native");
+const Details = (0, import_utils.extend)(import_Details.default, ({ className, ...props }) => {
   return {
     className,
     closeIcon: "\u25B6",

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

@@ -1,7 +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;",
+  "sourcesContent": ["import CoreDetails from '@digigov/react-core/Details/index.web';\nimport { extend } from '@digigov/react-core/utils/index.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,mBAAuB;AAEhB,MAAM,cAAU,qBAAO,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/Details/index.web.js.map

@@ -1,7 +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"],
+  "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/DetailsContent/index.js

@@ -34,14 +34,15 @@ module.exports = __toCommonJS(DetailsContent_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const DetailsContent = import_react.default.forwardRef(function DetailsContent2({ className, children, ...props }, ref) {
+const DetailsContent = import_react.default.forwardRef(function DetailsContent2({ color, className, children, ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
       as: "div",
       ref,
       className: (0, import_clsx.default)(className, {
-        "ds-details__content": true
+        "ds-details__content": true,
+        "ds-details__content--secondary": color === "secondary"
       }),
       ...props
     },

package/cjs/DetailsContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DetailsContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DetailsContentProps extends BaseProps<'div'> { }\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n  HTMLDivElement,\n  DetailsContentProps\n>(function DetailsContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-details__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DetailsContent;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,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 DetailsContentProps extends BaseProps<'div'> {\n  /*\n   ** color is optional. Default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @default 'primary'\n   * */\n  color?: 'primary' | 'secondary';\n}\n/**\n *DetailsContent component wraps the content text.\n *It is used inside Details component as children\n */\nexport const DetailsContent = React.forwardRef<\n  HTMLDivElement,\n  DetailsContentProps\n>(function DetailsContent({ color, className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-details__content': true,\n        'ds-details__content--secondary': color === 'secondary',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DetailsContent;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAezB,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBAAe,EAAE,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,kCAAkC,UAAU;AAAA,MAC9C,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["React", "DetailsContent", "Base", "clsx"]
 }

package/cjs/DrawerHeading/index.js

@@ -48,15 +48,7 @@ const DrawerHeading = import_react.default.forwardRef(function DrawerHeading2({
       ...props
     },
     children,
-    /* @__PURE__ */ import_react.default.createElement(
-      import_CloseButton.default,
-      {
-        onClick: (e) => {
-          onClick && onClick(e);
-        }
-      },
-      closeLabel
-    )
+    /* @__PURE__ */ import_react.default.createElement(import_CloseButton.default, { onClick: (e) => onClick && onClick(e) }, closeLabel)
   );
 });
 var DrawerHeading_default = DrawerHeading;

package/cjs/DrawerHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DrawerHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport CloseButton from '@digigov/react-core/CloseButton';\nimport Stack, { StackProps } from '@digigov/react-core/Stack';\n\nexport interface DrawerHeadingProps extends StackProps {\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 * Use DrawerHeading component inside Drawing\n * for menu heading title and close icon(for mobiles).\n */\n\nexport const DrawerHeading = React.forwardRef<\n  HTMLDivElement,\n  DrawerHeadingProps\n>(function DrawerHeading(\n  { className, children, onClick, closeLabel = '\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF', ...props },\n  ref\n) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"baseline\"\n      className={clsx(className, {\n        'ds-drawer__heading': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      <CloseButton\n        onClick={(e) => {\n          onClick && onClick(e as any);\n        }}\n      >\n        {closeLabel}\n      </CloseButton>\n    </Stack>\n  );\n});\n\nexport default DrawerHeading;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,yBAAwB;AACxB,mBAAkC;AAe3B,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,WAAW,UAAU,SAAS,aAAa,oDAAY,GAAG,MAAM,GAClE,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,aAAAE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAW;AAAA,MACX,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,6BAAAH,QAAA;AAAA,MAAC,mBAAAI;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,qBAAW,QAAQ,CAAQ;AAAA,QAC7B;AAAA;AAAA,MAEC;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport CloseButton from '@digigov/react-core/CloseButton';\nimport Stack, { StackProps } from '@digigov/react-core/Stack';\n\nexport interface DrawerHeadingProps extends StackProps {\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 * Use DrawerHeading component inside Drawing\n * for menu heading title and close icon(for mobiles).\n */\n\nexport const DrawerHeading = React.forwardRef<\n  HTMLDivElement,\n  DrawerHeadingProps\n>(function DrawerHeading(\n  { className, children, onClick, closeLabel = '\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF', ...props },\n  ref\n) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"baseline\"\n      className={clsx(className, {\n        'ds-drawer__heading': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      <CloseButton onClick={(e) => onClick && onClick(e as any)}>\n        {closeLabel}\n      </CloseButton>\n    </Stack>\n  );\n});\n\nexport default DrawerHeading;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,yBAAwB;AACxB,mBAAkC;AAe3B,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eACT,EAAE,WAAW,UAAU,SAAS,aAAa,oDAAY,GAAG,MAAM,GAClE,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,aAAAE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAW;AAAA,MACX,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,6BAAAH,QAAA,cAAC,mBAAAI,SAAA,EAAY,SAAS,CAAC,MAAM,WAAW,QAAQ,CAAQ,KACrD,UACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
   "names": ["React", "DrawerHeading", "Stack", "clsx", "CloseButton"]
 }

package/cjs/DropdownContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/DropdownContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface DropdownContentProps extends BaseProps<'div'> {\n  /**\n   * fullWidth is optional.\n   * If true, the dropdown content will be full width.\n   * @value true\n   * @value false\n   * @default true\n   */\n  fullWidth?: boolean;\n  /**\n   * scrollable prop is optional.\n   * If true, the dropdown content will have limited scrollable height.\n   * @value true\n   * @value false\n   * @default false\n   */\n  scrollable?: boolean;\n}\n/**\n * You should use DropdownContent component inside Dropdown component.\n */\nexport const DropdownContent = React.forwardRef<\n  HTMLDivElement,\n  DropdownContentProps\n>(function DropdownContent(\n  {fullWidth = true, scrollable, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-dropdown__content': true,\n        'ds-dropdown__content--full-width': fullWidth,\n        'ds-dropdown__content--scrollable': scrollable,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DropdownContent;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAuBzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBACT,EAAC,YAAY,MAAM,YAAY,WAAW,UAAU,GAAG,MAAM,GAC7D,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,oCAAoC;AAAA,QACpC,oCAAoC;AAAA,MACtC,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 DropdownContentProps extends BaseProps<'div'> {\n  /**\n   * fullWidth is optional.\n   * If true, the dropdown content will be full width.\n   * @value true\n   * @value false\n   * @default true\n   */\n  fullWidth?: boolean;\n  /**\n   * scrollable prop is optional.\n   * If true, the dropdown content will have limited scrollable height.\n   * @value true\n   * @value false\n   * @default false\n   */\n  scrollable?: boolean;\n}\n/**\n * You should use DropdownContent component inside Dropdown component.\n */\nexport const DropdownContent = React.forwardRef<\n  HTMLDivElement,\n  DropdownContentProps\n>(function DropdownContent(\n  { fullWidth = true, scrollable, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-dropdown__content': true,\n        'ds-dropdown__content--full-width': fullWidth,\n        'ds-dropdown__content--scrollable': scrollable,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default DropdownContent;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAuBzB,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBACT,EAAE,YAAY,MAAM,YAAY,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,wBAAwB;AAAA,QACxB,oCAAoC;AAAA,QACpC,oCAAoC;AAAA,MACtC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "DropdownContent", "Base", "clsx"]
 }

package/cjs/ErrorMessage/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ErrorMessage/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ErrorMessageProps extends BaseProps<'p'> { }\n/**\n * ErrorMessage is used to show an error message when there is a validation error.\n * In the error message explain what went wrong and how to fix it.\n * This component is placed below the FieldsetLegend and the Hint.\n */\nexport const ErrorMessage = React.forwardRef<\n  HTMLParagraphElement,\n  ErrorMessageProps\n>(function ErrorMessage({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-error-message': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ErrorMessage;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ErrorMessageProps extends BaseProps<'p'> {}\n/**\n * ErrorMessage is used to show an error message when there is a validation error.\n * In the error message explain what went wrong and how to fix it.\n * This component is placed below the FieldsetLegend and the Hint.\n */\nexport const ErrorMessage = React.forwardRef<\n  HTMLParagraphElement,\n  ErrorMessageProps\n>(function ErrorMessage({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"p\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-error-message': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default ErrorMessage;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,eAAe,aAAAA,QAAM,WAGhC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,MACtB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["React", "ErrorMessage", "Base", "clsx"]
 }

package/cjs/ErrorSummary/index.js

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

package/cjs/ErrorSummary/index.js.map

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

package/cjs/Fieldset/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Fieldset/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FieldsetProps extends BaseProps<'fieldset'> { }\n/**\n * Details for the Fieldset.\n * Fieldset component is used to group related elements in a form.\n */\nexport const Fieldset = React.forwardRef<HTMLFieldSetElement, FieldsetProps>(\n  function Fieldset({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"fieldset\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-fieldset': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Fieldset;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FieldsetProps extends BaseProps<'fieldset'> {}\n/**\n * Details for the Fieldset.\n * Fieldset component is used to group related elements in a form.\n */\nexport const Fieldset = React.forwardRef<HTMLFieldSetElement, FieldsetProps>(\n  function Fieldset({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"fieldset\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-fieldset': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Fieldset;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,WAAW,aAAAA,QAAM;AAAA,EAC5B,SAASC,UAAS,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,eAAe;AAAA,QACjB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
   "names": ["React", "Fieldset", "Base", "clsx"]
 }

package/cjs/FileUpload/index.js

@@ -35,7 +35,15 @@ var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
 const FileUpload = import_react.default.forwardRef(
-  function FileUpload2({ name, className, children, disabled, hasFiles = false, ...props }, ref) {
+  function FileUpload2({
+    name,
+    className,
+    children,
+    disabled,
+    hasFiles = false,
+    variant = "button",
+    ...props
+  }, ref) {
     return /* @__PURE__ */ import_react.default.createElement(
       import_Base.default,
       {
@@ -44,9 +52,9 @@ const FileUpload = import_react.default.forwardRef(
         role: "button",
         className: (0, import_clsx.default)(className, {
           "ds-label-file": true,
-          "ds-btn": !hasFiles,
-          "ds-btn-secondary": !hasFiles,
-          "ds-link": hasFiles
+          "ds-btn": !hasFiles && variant === "button",
+          "ds-btn-secondary": !hasFiles && variant === "button",
+          "ds-link": hasFiles || variant === "link"
         })
       },
       /* @__PURE__ */ import_react.default.createElement(

package/cjs/FileUpload/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FileUpload/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FileUploadProps extends BaseProps<'input'> {\n  /**\n   * hasFiles is optional.\n   * @value true\n   * @value false\n   * @default false\n   */\n  hasFiles?: boolean;\n}\n/**\n * Details for the FileUpload.\n * FileUpload component is used for uploading files\n */\nexport const FileUpload = React.forwardRef<HTMLInputElement, FileUploadProps>(\n  function FileUpload(\n    { name, className, children, disabled, hasFiles = false, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"label\"\n        tabIndex={0}\n        role=\"button\"\n        className={clsx(className, {\n          'ds-label-file': true,\n          'ds-btn': !hasFiles,\n          'ds-btn-secondary': !hasFiles,\n          'ds-link': hasFiles,\n        })}\n      >\n        <Base\n          as=\"input\"\n          ref={ref}\n          type=\"file\"\n          name={name}\n          disabled={disabled}\n          className={clsx({\n            'ds-file-input': true,\n          })}\n          {...props}\n        />\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default FileUpload;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAezB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YACP,EAAE,MAAM,WAAW,UAAU,UAAU,WAAW,OAAO,GAAG,MAAM,GAClE,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,iBAAiB;AAAA,UACjB,UAAU,CAAC;AAAA,UACX,oBAAoB,CAAC;AAAA,UACrB,WAAW;AAAA,QACb,CAAC;AAAA;AAAA,MAED,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,eAAW,YAAAC,SAAK;AAAA,YACd,iBAAiB;AAAA,UACnB,CAAC;AAAA,UACA,GAAG;AAAA;AAAA,MACN;AAAA,MACC;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 FileUploadProps extends BaseProps<'input'> {\n  /**\n   * hasFiles is optional.\n   * @value true\n   * @value false\n   * @default false\n   */\n  hasFiles?: boolean;\n\n  /**\n   * variant is optional.\n   * @value 'button'\n   * @value 'link'\n   * @default 'button'\n   */\n  variant?: 'button' | 'link';\n}\n/**\n * Details for the FileUpload.\n * FileUpload component is used for uploading files\n */\nexport const FileUpload = React.forwardRef<HTMLInputElement, FileUploadProps>(\n  function FileUpload(\n    {\n      name,\n      className,\n      children,\n      disabled,\n      hasFiles = false,\n      variant = 'button',\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"label\"\n        tabIndex={0}\n        role=\"button\"\n        className={clsx(className, {\n          'ds-label-file': true,\n          'ds-btn': !hasFiles && variant === 'button',\n          'ds-btn-secondary': !hasFiles && variant === 'button',\n          'ds-link': hasFiles || variant === 'link',\n        })}\n      >\n        <Base\n          as=\"input\"\n          ref={ref}\n          type=\"file\"\n          name={name}\n          disabled={disabled}\n          className={clsx({\n            'ds-file-input': true,\n          })}\n          {...props}\n        />\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default FileUpload;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAuBzB,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU;AAAA,QACV,MAAK;AAAA,QACL,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,iBAAiB;AAAA,UACjB,UAAU,CAAC,YAAY,YAAY;AAAA,UACnC,oBAAoB,CAAC,YAAY,YAAY;AAAA,UAC7C,WAAW,YAAY,YAAY;AAAA,QACrC,CAAC;AAAA;AAAA,MAED,6BAAAH,QAAA;AAAA,QAAC,YAAAE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,eAAW,YAAAC,SAAK;AAAA,YACd,iBAAiB;AAAA,UACnB,CAAC;AAAA,UACA,GAAG;AAAA;AAAA,MACN;AAAA,MACC;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["React", "FileUpload", "Base", "clsx"]
 }

package/cjs/FileUploadContainer/index.js

@@ -34,14 +34,15 @@ module.exports = __toCommonJS(FileUploadContainer_exports);
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Base = __toESM(require("@digigov/react-core/Base"));
-const FileUploadContainer = import_react.default.forwardRef(function FileUploadContainer2({ className, children, hasFiles = false, ...props }, ref) {
+const FileUploadContainer = import_react.default.forwardRef(function FileUploadContainer2({ className, children, hasFiles = false, variant = "default", ...props }, ref) {
   return /* @__PURE__ */ import_react.default.createElement(
     import_Base.default,
     {
       ref,
       as: "div",
       className: (0, import_clsx.default)(className, {
-        "ds-uploaded-file": hasFiles
+        "ds-uploaded-file": hasFiles,
+        "ds-uploaded-file-border": variant === "border"
       }),
       ...props
     },

package/cjs/FileUploadContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FileUploadContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FileUploadContainerProps extends BaseProps<'div'> {\n  /**\n   * hasFiles is optional.\n   * @value true\n   * @value false\n   * @default false\n   */\n  hasFiles?: boolean;\n}\n/**\n * Details for the FileUploadContainer.\n * FileUploadContainer component is used for wrapping the FileUpload component\n */\nexport const FileUploadContainer = React.forwardRef<\n  HTMLDivElement,\n  FileUploadContainerProps\n>(function FileUploadContainer(\n  { className, children, hasFiles = false, ...props },\n  ref\n) {\n  return (\n    <Base\n      ref={ref}\n      as=\"div\"\n      className={clsx(className, {\n        'ds-uploaded-file': hasFiles,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FileUploadContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAezB,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBACT,EAAE,WAAW,UAAU,WAAW,OAAO,GAAG,MAAM,GAClD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,MACtB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FileUploadContainerProps extends BaseProps<'div'> {\n  /**\n   * hasFiles is optional.\n   * @value true\n   * @value false\n   * @default false\n   */\n  hasFiles?: boolean;\n\n  /**\n   * variant is optional.\n   * @value 'default'\n   * @value 'border'\n   * @default 'default'\n   */\n  variant?: 'border' | 'default';\n}\n/**\n * Details for the FileUploadContainer.\n * FileUploadContainer component is used for wrapping the FileUpload component\n */\nexport const FileUploadContainer = React.forwardRef<\n  HTMLDivElement,\n  FileUploadContainerProps\n>(function FileUploadContainer(\n  { className, children, hasFiles = false, variant = 'default', ...props },\n  ref\n) {\n  return (\n    <Base\n      ref={ref}\n      as=\"div\"\n      className={clsx(className, {\n        'ds-uploaded-file': hasFiles,\n        'ds-uploaded-file-border': variant === 'border',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FileUploadContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAuBzB,MAAM,sBAAsB,aAAAA,QAAM,WAGvC,SAASC,qBACT,EAAE,WAAW,UAAU,WAAW,OAAO,UAAU,WAAW,GAAG,MAAM,GACvE,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,QACpB,2BAA2B,YAAY;AAAA,MACzC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
   "names": ["React", "FileUploadContainer", "Base", "clsx"]
 }

package/cjs/FillableText/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FillableText/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FillableTextProps extends BaseProps<'blockquote'> { }\n/**\n * Use FillableText component to display text that is connected with a form.\n * Whenever a user fills an input field, the corresponding text inside the LabeledText component gets focused.\n */\nexport const FillableText = React.forwardRef<HTMLElement, FillableTextProps>(\n  function FillableText({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"blockquote\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-fillable-text': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default FillableText;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FillableTextProps extends BaseProps<'blockquote'> {}\n/**\n * Use FillableText component to display text that is connected with a form.\n * Whenever a user fills an input field, the corresponding text inside the LabeledText component gets focused.\n */\nexport const FillableText = React.forwardRef<HTMLElement, FillableTextProps>(\n  function FillableText({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"blockquote\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-fillable-text': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default FillableText;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5D,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,oBAAoB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["React", "FillableText", "Base", "clsx"]
 }

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   * 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;",
+  "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':\n          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,iDACE,qBAAqB;AAAA,QACvB,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/FilterContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FilterContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterContentProps extends BaseProps<'div'> { }\n/**\n * Use FilterContent inside FilterContainer as a wrapper for its content\n */\nexport const FilterContent = React.forwardRef<\n  HTMLDivElement,\n  FilterContentProps\n>(function FilterContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterContentProps extends BaseProps<'div'> {}\n/**\n * Use FilterContent inside FilterContainer as a wrapper for its content\n */\nexport const FilterContent = React.forwardRef<\n  HTMLDivElement,\n  FilterContentProps\n>(function FilterContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eAAc,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,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,wBAAQ;",
   "names": ["React", "FilterContent", "Base", "clsx"]
 }

package/cjs/FilterSelectedHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FilterSelectedHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterSelectedHeadingProps extends BaseProps<'div'> { }\n/**\n * Use FilterSelectedHeading as a wrapper for placing Headings on filters\n */\nexport const FilterSelectedHeading = React.forwardRef<\n  HTMLDivElement,\n  FilterSelectedHeadingProps\n>(function FilterSelectedHeading({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter__selected-heading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterSelectedHeading;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterSelectedHeadingProps extends BaseProps<'div'> {}\n/**\n * Use FilterSelectedHeading as a wrapper for placing Headings on filters\n */\nexport const FilterSelectedHeading = React.forwardRef<\n  HTMLDivElement,\n  FilterSelectedHeadingProps\n>(function FilterSelectedHeading({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter__selected-heading': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterSelectedHeading;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,+BAA+B;AAAA,MACjC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["React", "FilterSelectedHeading", "Base", "clsx"]
 }

package/cjs/FilterSelectedSection/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FilterSelectedSection/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterSelectedSectionProps extends BaseProps<'div'> { }\n/**\n * FilterSelectedSection is a wrapper for the area of the selected filters\n */\nexport const FilterSelectedSection = React.forwardRef<\n  HTMLDivElement,\n  FilterSelectedSectionProps\n>(function FilterSelectedSection({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter__selected': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterSelectedSection;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FilterSelectedSectionProps extends BaseProps<'div'> {}\n/**\n * FilterSelectedSection is a wrapper for the area of the selected filters\n */\nexport const FilterSelectedSection = React.forwardRef<\n  HTMLDivElement,\n  FilterSelectedSectionProps\n>(function FilterSelectedSection({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-filter__selected': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FilterSelectedSection;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,wBAAwB,aAAAA,QAAM,WAGzC,SAASC,uBAAsB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACvE,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
   "names": ["React", "FilterSelectedSection", "Base", "clsx"]
 }

package/cjs/Footer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Footer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FooterProps extends BaseProps<'footer'> { }\n/**\n * Footer is used always at the end of the page, in the Layout component.\n */\nexport const Footer = React.forwardRef<HTMLElement, FooterProps>(\n  function Footer({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"footer\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-footer': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Footer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FooterProps extends BaseProps<'footer'> {}\n/**\n * Footer is used always at the end of the page, in the Layout component.\n */\nexport const Footer = React.forwardRef<HTMLElement, FooterProps>(\n  function Footer({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"footer\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-footer': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Footer;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAMzB,MAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,SAASC,QAAO,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtD,WACE,6BAAAD,QAAA;AAAA,MAAC,YAAAE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,eAAW,YAAAC,SAAK,WAAW;AAAA,UACzB,aAAa;AAAA,QACf,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["React", "Footer", "Base", "clsx"]
 }

package/cjs/FooterContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FooterContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FooterContentProps extends BaseProps<'div'> { }\n/**\n * FooterContent is used inside the FooterInfoSection.\n * In this component, we place the basic content of the footer (ex. Copyright, extra logos, inline list).\n */\nexport const FooterContent = React.forwardRef<\n  HTMLDivElement,\n  FooterContentProps\n>(function FooterContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-footer__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FooterContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FooterContentProps extends BaseProps<'div'> {}\n/**\n * FooterContent is used inside the FooterInfoSection.\n * In this component, we place the basic content of the footer (ex. Copyright, extra logos, inline list).\n */\nexport const FooterContent = React.forwardRef<\n  HTMLDivElement,\n  FooterContentProps\n>(function FooterContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-footer__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default FooterContent;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAOzB,MAAM,gBAAgB,aAAAA,QAAM,WAGjC,SAASC,eAAc,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,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,wBAAQ;",
   "names": ["React", "FooterContent", "Base", "clsx"]
 }