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

package/DateInputItem/index.d.ts

@@ -1,26 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface DateInputItemProps extends BaseProps<'input'> {
-    /**
-     * Width property is optional.
-     * Use this property for year field to grow width.
-     * @value 2
-     * @value 4
-     * @default 2
-     */
-    width?: 2 | 4;
-    /**
-     * error is optional. The default value is false.
-     * Use this prop when there is an error at the input.
-     * @value true
-     * @value false
-     */
-    error?: boolean;
-}
-/**
- * Details for the DateInputItem.
- * DateInputItem component is used for displaying date.
- * DateInputItem component must be included inside DateInput component as children component
- */
-export declare const DateInputItem: React.ForwardRefExoticComponent<Omit<DateInputItemProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default DateInputItem;
+export * from '@digigov/react-core/DateInputItem/index.web';
+export { default as default } from '@digigov/react-core/DateInputItem/index.web';

package/DateInputItem/index.js

@@ -1,44 +1,6 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const DateInputItem = React.forwardRef(function DateInputItem2({ name, width = 2, error, className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: clsx(className, {
-        "ds-date-input__item": true
-      })
-    },
-    /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        className: clsx({
-          "ds-label": true
-        })
-      },
-      children,
-      /* @__PURE__ */ React.createElement(
-        Base,
-        {
-          as: "input",
-          ref,
-          type: "text",
-          name,
-          className: clsx({
-            "ds-input": true,
-            "ds-input--width-2-char": width === 2,
-            "ds-input--width-4-char": width === 4,
-            "ds-input--error": error
-          }),
-          ...props
-        }
-      )
-    )
-  );
-});
-var DateInputItem_default = DateInputItem;
+export * from "@digigov/react-core/DateInputItem/index.web";
+import { default as default2 } from "@digigov/react-core/DateInputItem/index.web";
 export {
-  DateInputItem,
-  DateInputItem_default as default
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/DateInputItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DateInputItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\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    <div\n      className={clsx(className, {\n        'ds-date-input__item': true,\n      })}\n    >\n      <label\n        className={clsx({\n          'ds-label': true,\n        })}\n      >\n        {children}\n        <Base\n          as=\"input\"\n          ref={ref}\n          type=\"text\"\n          name={name}\n          className={clsx({\n            'ds-input': true,\n            'ds-input--width-2-char': width === 2,\n            'ds-input--width-4-char': width === 4,\n            'ds-input--error': error,\n          })}\n          {...props}\n        />\n      </label>\n    </div>\n  );\n});\n\nexport default DateInputItem;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwBzB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT,EAAE,MAAM,QAAQ,GAAG,OAAO,WAAW,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK;AAAA,UACd,YAAY;AAAA,QACd,CAAC;AAAA;AAAA,MAEA;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAW,KAAK;AAAA,YACd,YAAY;AAAA,YACZ,0BAA0B,UAAU;AAAA,YACpC,0BAA0B,UAAU;AAAA,YACpC,mBAAmB;AAAA,UACrB,CAAC;AAAA,UACA,GAAG;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
-  "names": ["DateInputItem"]
+  "sourcesContent": ["export * from '@digigov/react-core/DateInputItem/index.web';\nexport { default as default } from '@digigov/react-core/DateInputItem/index.web';"],
+  "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
+  "names": ["default"]
 }

package/DateInputItem/index.native/index.js

@@ -0,0 +1,17 @@
+import extend from "@digigov/react-core/utils/extend.native";
+import CoreDateInputItem from "@digigov/react-core/DateInputItem/index.web";
+const DateInputItem = extend(
+  CoreDateInputItem,
+  ({ className, ...props }) => {
+    return {
+      ...props,
+      onChange: void 0
+    };
+  }
+);
+var index_native_default = DateInputItem;
+export {
+  DateInputItem,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/DateInputItem/index.native/package.json

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

package/DateInputItem/index.native.d.ts

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

package/DateInputItem/index.native.js.map

@@ -0,0 +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,OAAO,YAAY;AACnB,OAAO,uBAAuB;AACvB,MAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC3B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AACA,IAAO,uBAAQ;",
+  "names": []
+}

package/DateInputItem/index.web/index.js

@@ -0,0 +1,32 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+import { TextInput } from "@digigov/react-core/TextInput";
+const DateInputItem = React.forwardRef(function DateInputItem2({ name, width = 2, error, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "div",
+      className: clsx(className, {
+        "ds-date-input__item": true
+      })
+    },
+    /* @__PURE__ */ React.createElement(
+      Base,
+      {
+        as: "label",
+        className: clsx({
+          "ds-label": true
+        })
+      },
+      children,
+      /* @__PURE__ */ React.createElement(TextInput, { ref, type: "text", name, maxWidth: `${width}-char`, error, ...props })
+    )
+  );
+});
+var index_web_default = DateInputItem;
+export {
+  DateInputItem,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/DateInputItem/index.web/package.json

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

package/DateInputItem/index.web.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface DateInputItemProps extends BaseProps<'input'> {
+    /**
+     * Width property is optional.
+     * Use this property for year field to grow width.
+     * @value 2
+     * @value 4
+     * @default 2
+     */
+    width?: 2 | 4;
+    /**
+     * error is optional. The default value is false.
+     * Use this prop when there is an error at the input.
+     * @value true
+     * @value false
+     */
+    error?: boolean;
+}
+/**
+ * Details for the DateInputItem.
+ * DateInputItem component is used for displaying date.
+ * DateInputItem component must be included inside DateInput component as children component
+ */
+export declare const DateInputItem: React.ForwardRefExoticComponent<Omit<DateInputItemProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default DateInputItem;

package/DateInputItem/index.web.js.map

@@ -0,0 +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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAwBnB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eACT,EAAE,MAAM,QAAQ,GAAG,OAAO,WAAW,UAAU,GAAG,MAAM,GACxD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MAAK,IAAG;AAAA,MACP,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QAAK,IAAG;AAAA,QACP,WAAW,KAAK;AAAA,UACd,YAAY;AAAA,QACd,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,oCAAC,aAAU,KAAU,MAAK,QAAO,MAAY,UAAU,GAAG,KAAK,SAAS,OAAe,GAAG,OAAO;AAAA,IACnG;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["DateInputItem"]
+}

package/Details/index.d.ts

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

package/Details/index.js

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

package/Details/index.js.map

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

package/Details/index.native/index.js

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

package/Details/index.native/package.json

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

package/Details/index.native.d.ts

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

package/Details/index.native.js.map

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

package/Details/index.web/index.js

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

package/Details/index.web/package.json

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

package/Details/index.web.d.ts

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

package/Details/index.web.js.map

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

package/Drawer/index.d.ts

@@ -18,12 +18,14 @@ export interface DrawerProps extends BaseProps<'div'> {
      */
     direction?: 'right' | 'left';
     /**
-     * upRelative is optional. This declares if the drawer is open at large screens in a relative position.
+     * upRelative is optional.
+     * This declares if the drawer is visible at what screens in a relative position.
+     * If not relative, it will be a drawer.
      * The default value is never.
-     * * @value 'sm'
-     * @value 'md'
-     * @value 'lg'
-     * @value 'never'
+     * @value 'sm' The drawer will be visible and relative at small screens and up
+     * @value 'md' The drawer will be visible and relative at medium screens and up
+     * @value 'lg' The drawer will be visible and relative at large screens and up
+     * @value 'never' The drawer will never have relative position in the page
      * @default 'never'
      */
     upRelative?: 'sm' | 'md' | 'lg' | 'never';

package/Drawer/index.js

@@ -16,19 +16,32 @@ const Drawer = React.forwardRef(
       {
         as: "div",
         ref,
-        className: clsx(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: clsx({
+          "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__ */ React.createElement(
+        Base,
+        {
+          as: "div",
+          className: clsx(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/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6CzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA+CzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK;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;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,KAAK,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": ["Drawer"]
 }

package/FieldsetLegend/index.js

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

package/FieldsetLegend/index.js.map

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

package/FilterContainer/index.d.ts

@@ -18,13 +18,15 @@ export interface FilterContainerProps extends BaseProps<'div'> {
      */
     border?: boolean;
     /**
-     * Use visible prop to make the filter section have position relative in the page.
+     * positionRelative is optional.
+     * Use positionRelative prop to make the filter section to be visible and have position relative in the page.
+     * If not relative, the filter section will be a drawer.
      * The default value is md.
-     * @value 'always'
-     * @value 'sm'
-     * @value 'md'
-     * @value 'lg'
-     * @value 'never'
+     * @value 'always' The filter section will always visible
+     * @value 'sm' The filter section will be visible at small screens and up
+     * @value 'md' The filter section will be visible at medium screens and up
+     * @value 'lg' The filter section will be visible at large screens and up
+     * @value 'never' The filter section will never have relative position in the page
      * @default 'md'
      */
     positionRelative?: 'always' | 'sm' | 'md' | 'lg' | 'never';

package/FilterContainer/index.js

@@ -14,18 +14,31 @@ const FilterContainer = React.forwardRef(function FilterContainer2({
     {
       as: "div",
       ref,
-      className: clsx(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: clsx({
+        "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__ */ React.createElement(
+      Base,
+      {
+        as: "div",
+        className: clsx(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/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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAuCzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,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,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAyCzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK;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;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK,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": ["FilterContainer"]
 }

package/FilterHeadingContainer/index.d.ts

@@ -1,6 +1,18 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface FilterHeadingContainerProps extends BaseProps<'div'> {
+    /**
+     * closeLabel is optional.
+     * This declares the label of the close icon.
+     * @default 'Κλείσιμο'
+     */
+    closeLabel?: string;
+    /**
+     * onClick is optional.
+     * This declares the click event of the close icon.
+     * @default undefined
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 /**
  * Use FilterHeadingContainer component inside FilterContainer