@epignosis_llc/gnosis 1.1.0 → 1.3.2

package/dist/esm/node_modules/warning/warning.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/node_modules/whatwg-fetch/fetch.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Alert/Alert.js

@@ -2,10 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import SvgCloseCircled from '../../icons/close_circled.svg.js';
 import SvgInfo from '../../icons/info.svg.js';
@@ -15,6 +16,7 @@ import SvgWarning from '../../icons/warning.svg.js';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["type", "children", "onClose", "icon"];
 var ICONS = {
   info: jsx(SvgInfo, {
     height: 56
@@ -34,14 +36,16 @@ var Alert = function Alert(_ref) {
   var type = _ref.type,
       children = _ref.children,
       onClose = _ref.onClose,
-      Icon = _ref.icon;
-  return jsx("div", {
+      Icon = _ref.icon,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return jsx("div", _extends({
     css: function css(theme) {
       return container(theme, {
         type: type
       });
     }
-  }, Icon ? jsx(Icon, {
+  }, rest), Icon ? jsx(Icon, {
     height: 56,
     className: "icon",
     "data-testid": "icon"

package/dist/esm/src/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { WarningSVG, DangerSVG, InfoSVG, SuccessSVG, CloseCircledSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\n\nexport type AlertType = \"info\" | \"danger\" | \"success\" | \"warning\";\n\nexport type AlertProps = {\n  type: AlertType;\n  onClose?: () => void;\n  icon?: IconType;\n};\n\nconst ICONS = {\n  info: <InfoSVG height={56} />,\n  danger: <DangerSVG height={56} />,\n  success: <SuccessSVG height={56} />,\n  warning: <WarningSVG height={56} />,\n};\n\nconst Alert: FC<AlertProps> = ({ type, children, onClose, icon: Icon }) => {\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { type })}>\n      {Icon ? (\n        <Icon height={56} className=\"icon\" data-testid=\"icon\" />\n      ) : (\n        <div className=\"icon\" data-testid=\"icon\">\n          {ICONS[type]}\n        </div>\n      )}\n\n      <article>{children}</article>\n      {Boolean(onClose) && (\n        <button aria-label=\"Close alert\" onClick={onClose} className=\"close-btn\">\n          <CloseCircledSVG height={32} />\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default Alert;\n"],"names":["ICONS","info","___EmotionJSX","InfoSVG","danger","DangerSVG","success","SuccessSVG","warning","WarningSVG","Alert","type","children","onClose","Icon","icon","theme","container","Boolean","CloseCircledSVG"],"mappings":";;;;;;;;;;;;;;;;;AAcA,IAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAEC,IAACC,OAAD;AAAS,IAAA,MAAM,EAAE;AAAjB,IADM;AAEZC,EAAAA,MAAM,EAAEF,IAACG,SAAD;AAAW,IAAA,MAAM,EAAE;AAAnB,IAFI;AAGZC,EAAAA,OAAO,EAAEJ,IAACK,UAAD;AAAY,IAAA,MAAM,EAAE;AAApB,IAHG;AAIZC,EAAAA,OAAO,EAAEN,IAACO,UAAD;AAAY,IAAA,MAAM,EAAE;AAApB;AAJG,CAAd;;IAOMC,KAAqB,GAAG,SAAxBA,KAAwB,OAA6C;AAAA,MAA1CC,IAA0C,QAA1CA,IAA0C;AAAA,MAApCC,QAAoC,QAApCA,QAAoC;AAAA,MAA1BC,OAA0B,QAA1BA,OAA0B;AAAA,MAAXC,IAAW,QAAjBC,IAAiB;AACzE,SACEb;AAAK,IAAA,GAAG,EAAE,aAACc,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEL,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAtC;AAAA;AAAV,KACGG,IAAI,GACHZ,IAAC,IAAD;AAAM,IAAA,MAAM,EAAE,EAAd;AAAkB,IAAA,SAAS,EAAC,MAA5B;AAAmC,mBAAY;AAA/C,IADG,GAGHA;AAAK,IAAA,SAAS,EAAC,MAAf;AAAsB,mBAAY;AAAlC,KACGF,KAAK,CAACW,IAAD,CADR,CAJJ,EASET,qBAAUU,QAAV,CATF,EAUGM,OAAO,CAACL,OAAD,CAAP,IACCX;AAAQ,kBAAW,aAAnB;AAAiC,IAAA,OAAO,EAAEW,OAA1C;AAAmD,IAAA,SAAS,EAAC;AAA7D,KACEX,IAACiB,eAAD;AAAiB,IAAA,MAAM,EAAE;AAAzB,IADF,CAXJ,CADF;AAkBD;;;;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { WarningSVG, DangerSVG, InfoSVG, SuccessSVG, CloseCircledSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\n\nexport type AlertType = \"info\" | \"danger\" | \"success\" | \"warning\";\n\nexport type AlertProps = React.HTMLAttributes<HTMLDivElement> & {\n  type: AlertType;\n  onClose?: () => void;\n  icon?: IconType;\n};\n\nconst ICONS = {\n  info: <InfoSVG height={56} />,\n  danger: <DangerSVG height={56} />,\n  success: <SuccessSVG height={56} />,\n  warning: <WarningSVG height={56} />,\n};\n\nconst Alert: FC<AlertProps> = ({ type, children, onClose, icon: Icon, ...rest }) => {\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { type })} {...rest}>\n      {Icon ? (\n        <Icon height={56} className=\"icon\" data-testid=\"icon\" />\n      ) : (\n        <div className=\"icon\" data-testid=\"icon\">\n          {ICONS[type]}\n        </div>\n      )}\n      <article>{children}</article>\n      {Boolean(onClose) && (\n        <button aria-label=\"Close alert\" onClick={onClose} className=\"close-btn\">\n          <CloseCircledSVG height={32} />\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default Alert;\n"],"names":["ICONS","info","___EmotionJSX","InfoSVG","danger","DangerSVG","success","SuccessSVG","warning","WarningSVG","Alert","type","children","onClose","Icon","icon","rest","theme","container","Boolean","CloseCircledSVG"],"mappings":";;;;;;;;;;;;;;;;;;;AAcA,IAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAEC,IAACC,OAAD;AAAS,IAAA,MAAM,EAAE;AAAjB,IADM;AAEZC,EAAAA,MAAM,EAAEF,IAACG,SAAD;AAAW,IAAA,MAAM,EAAE;AAAnB,IAFI;AAGZC,EAAAA,OAAO,EAAEJ,IAACK,UAAD;AAAY,IAAA,MAAM,EAAE;AAApB,IAHG;AAIZC,EAAAA,OAAO,EAAEN,IAACO,UAAD;AAAY,IAAA,MAAM,EAAE;AAApB;AAJG,CAAd;;IAOMC,KAAqB,GAAG,SAAxBA,KAAwB,OAAsD;AAAA,MAAnDC,IAAmD,QAAnDA,IAAmD;AAAA,MAA7CC,QAA6C,QAA7CA,QAA6C;AAAA,MAAnCC,OAAmC,QAAnCA,OAAmC;AAAA,MAApBC,IAAoB,QAA1BC,IAA0B;AAAA,MAAXC,IAAW;;AAClF,SACEd;AAAK,IAAA,GAAG,EAAE,aAACe,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAtC;AAAA;AAAV,KAAuEK,IAAvE,GACGF,IAAI,GACHZ,IAAC,IAAD;AAAM,IAAA,MAAM,EAAE,EAAd;AAAkB,IAAA,SAAS,EAAC,MAA5B;AAAmC,mBAAY;AAA/C,IADG,GAGHA;AAAK,IAAA,SAAS,EAAC,MAAf;AAAsB,mBAAY;AAAlC,KACGF,KAAK,CAACW,IAAD,CADR,CAJJ,EAQET,qBAAUU,QAAV,CARF,EASGO,OAAO,CAACN,OAAD,CAAP,IACCX;AAAQ,kBAAW,aAAnB;AAAiC,IAAA,OAAO,EAAEW,OAA1C;AAAmD,IAAA,SAAS,EAAC;AAA7D,KACEX,IAACkB,eAAD;AAAiB,IAAA,MAAM,EAAE;AAAzB,IADF,CAVJ,CADF;AAiBD;;;;"}

package/dist/esm/src/components/Alert/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/AspectRatio/AspectRatio.js

@@ -2,21 +2,26 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import { aspectRatioContainer } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["ratio", "children"];
+
 var AspectRatio = function AspectRatio(_ref) {
   var ratio = _ref.ratio,
-      children = _ref.children;
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   var paddingPercentage = ratio[1] / ratio[0] * 100;
-  return jsx("div", {
+  return jsx("div", _extends({
     css: aspectRatioContainer(paddingPercentage)
-  }, jsx("div", {
+  }, rest), jsx("div", {
     className: "aspect-ratio-wrapper"
   }, children));
 };

package/dist/esm/src/components/AspectRatio/AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.js","sources":["../../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { aspectRatioContainer } from \"./styles\";\n\nexport type AspectRatioProps = {\n  ratio: [number, number];\n};\n\nconst AspectRatio: FC<AspectRatioProps> = ({ ratio, children }) => {\n  const paddingPercentage = (ratio[1] / ratio[0]) * 100;\n\n  return (\n    <div css={aspectRatioContainer(paddingPercentage)}>\n      <div className=\"aspect-ratio-wrapper\">{children}</div>\n    </div>\n  );\n};\n\nexport default AspectRatio;\n"],"names":["AspectRatio","ratio","children","paddingPercentage","___EmotionJSX","aspectRatioContainer"],"mappings":";;;;;;;;;;;;IAOMA,WAAiC,GAAG,SAApCA,WAAoC,OAAyB;AAAA,MAAtBC,KAAsB,QAAtBA,KAAsB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACjE,MAAMC,iBAAiB,GAAIF,KAAK,CAAC,CAAD,CAAL,GAAWA,KAAK,CAAC,CAAD,CAAjB,GAAwB,GAAlD;AAEA,SACEG;AAAK,IAAA,GAAG,EAAEC,oBAAoB,CAACF,iBAAD;AAA9B,KACEC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCF,QAAvC,CADF,CADF;AAKD;;;;"}
+{"version":3,"file":"AspectRatio.js","sources":["../../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { aspectRatioContainer } from \"./styles\";\n\nexport type AspectRatioProps = React.HTMLAttributes<HTMLDivElement> & {\n  ratio: [number, number];\n};\n\nconst AspectRatio: FC<AspectRatioProps> = ({ ratio, children, ...rest }) => {\n  const paddingPercentage = (ratio[1] / ratio[0]) * 100;\n\n  return (\n    <div css={aspectRatioContainer(paddingPercentage)} {...rest}>\n      <div className=\"aspect-ratio-wrapper\">{children}</div>\n    </div>\n  );\n};\n\nexport default AspectRatio;\n"],"names":["AspectRatio","ratio","children","rest","paddingPercentage","___EmotionJSX","aspectRatioContainer"],"mappings":";;;;;;;;;;;;;;;IAOMA,WAAiC,GAAG,SAApCA,WAAoC,OAAkC;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,QAAwB,QAAxBA,QAAwB;AAAA,MAAXC,IAAW;;AAC1E,MAAMC,iBAAiB,GAAIH,KAAK,CAAC,CAAD,CAAL,GAAWA,KAAK,CAAC,CAAD,CAAjB,GAAwB,GAAlD;AAEA,SACEI;AAAK,IAAA,GAAG,EAAEC,oBAAoB,CAACF,iBAAD;AAA9B,KAAuDD,IAAvD,GACEE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCH,QAAvC,CADF,CADF;AAKD;;;;"}

package/dist/esm/src/components/AspectRatio/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Avatar/Avatar.js

@@ -2,14 +2,17 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import { avatar } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["src", "size", "bgColor", "alt", "children"];
+
 var Avatar = function Avatar(_ref) {
   var src = _ref.src,
       _ref$size = _ref.size,
@@ -18,16 +21,16 @@ var Avatar = function Avatar(_ref) {
       bgColor = _ref$bgColor === void 0 ? "#0E59BB" : _ref$bgColor,
       alt = _ref.alt,
       children = _ref.children,
-      className = _ref.className;
-  return jsx("figure", {
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return jsx("figure", _extends({
     css: function css(theme) {
       return avatar(theme, {
         size: size,
         bgColor: bgColor
       });
-    },
-    className: className
-  }, Boolean(src) && jsx("img", {
+    }
+  }, rest), Boolean(src) && jsx("img", {
     src: src,
     alt: alt
   }), children !== undefined && jsx("span", {

package/dist/esm/src/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { avatar } from \"./styles\";\n\nexport type Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type AvatarBaseProps = {\n  size?: Size;\n  className?: string;\n};\n\nexport type AvatarProps =\n  | {\n      children: ReactNode;\n      bgColor?: string;\n      src?: never;\n      alt?: never;\n    }\n  | {\n      src: string;\n      alt?: string;\n      children?: never;\n      bgColor?: never;\n    };\n\nconst Avatar: FC<AvatarBaseProps & AvatarProps> = ({\n  src,\n  size = \"sm\",\n  bgColor = \"#0E59BB\",\n  alt,\n  children,\n  className,\n}) => {\n  return (\n    <figure\n      css={(theme): SerializedStyles => avatar(theme, { size, bgColor })}\n      className={className}\n    >\n      {Boolean(src) && <img src={src} alt={alt} />}\n      {children !== undefined && <span data-testid=\"avatar-children-container\">{children}</span>}\n    </figure>\n  );\n};\n\nexport default Avatar;\n"],"names":["Avatar","src","size","bgColor","alt","children","className","___EmotionJSX","theme","avatar","Boolean","undefined"],"mappings":";;;;;;;;;;;;IAyBMA,MAAyC,GAAG,SAA5CA,MAA4C,OAO5C;AAAA,MANJC,GAMI,QANJA,GAMI;AAAA,uBALJC,IAKI;AAAA,MALJA,IAKI,0BALG,IAKH;AAAA,0BAJJC,OAII;AAAA,MAJJA,OAII,6BAJM,SAIN;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,SACEC;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,MAAM,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,OAAO,EAAPA;AAAR,OAAR,CAAnC;AAAA,KADP;AAEE,IAAA,SAAS,EAAEG;AAFb,KAIGI,OAAO,CAACT,GAAD,CAAP,IAAgBM;AAAK,IAAA,GAAG,EAAEN,GAAV;AAAe,IAAA,GAAG,EAAEG;AAApB,IAJnB,EAKGC,QAAQ,KAAKM,SAAb,IAA0BJ;AAAM,mBAAY;AAAlB,KAA+CF,QAA/C,CAL7B,CADF;AASD;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { avatar } from \"./styles\";\n\nexport type Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type AvatarBaseProps = React.HTMLAttributes<HTMLElement> & {\n  size?: Size;\n  className?: string;\n};\n\nexport type AvatarProps =\n  | {\n      children: ReactNode;\n      bgColor?: string;\n      src?: never;\n      alt?: never;\n    }\n  | {\n      src: string;\n      alt?: string;\n      children?: never;\n      bgColor?: never;\n    };\n\nconst Avatar: FC<AvatarBaseProps & AvatarProps> = ({\n  src,\n  size = \"sm\",\n  bgColor = \"#0E59BB\",\n  alt,\n  children,\n  ...rest\n}) => {\n  return (\n    <figure css={(theme): SerializedStyles => avatar(theme, { size, bgColor })} {...rest}>\n      {Boolean(src) && <img src={src} alt={alt} />}\n      {children !== undefined && <span data-testid=\"avatar-children-container\">{children}</span>}\n    </figure>\n  );\n};\n\nexport default Avatar;\n"],"names":["Avatar","src","size","bgColor","alt","children","rest","___EmotionJSX","theme","avatar","Boolean","undefined"],"mappings":";;;;;;;;;;;;;;;IAyBMA,MAAyC,GAAG,SAA5CA,MAA4C,OAO5C;AAAA,MANJC,GAMI,QANJA,GAMI;AAAA,uBALJC,IAKI;AAAA,MALJA,IAKI,0BALG,IAKH;AAAA,0BAJJC,OAII;AAAA,MAJJA,OAII,6BAJM,SAIN;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC;;AACJ,SACEC;AAAQ,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,MAAM,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,OAAO,EAAPA;AAAR,OAAR,CAAnC;AAAA;AAAb,KAAgFG,IAAhF,GACGI,OAAO,CAACT,GAAD,CAAP,IAAgBM;AAAK,IAAA,GAAG,EAAEN,GAAV;AAAe,IAAA,GAAG,EAAEG;AAApB,IADnB,EAEGC,QAAQ,KAAKM,SAAb,IAA0BJ;AAAM,mBAAY;AAAlB,KAA+CF,QAA/C,CAF7B,CADF;AAMD;;;;"}

package/dist/esm/src/components/Avatar/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Badge/Badge.js

@@ -2,14 +2,17 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["size", "offset", "children"];
+
 var Badge = function Badge(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
@@ -18,15 +21,17 @@ var Badge = function Badge(_ref) {
     top: "0",
     right: "-8px"
   } : _ref$offset,
-      children = _ref.children;
-  return jsx("span", {
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return jsx("span", _extends({
     css: function css(theme) {
       return container(theme, {
         size: size,
         offset: offset
       });
     }
-  }, children);
+  }, rest), children);
 };
 
 export { Badge as default };

package/dist/esm/src/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type Size = \"md\";\nexport type Offset = { top: string; right: string };\n\nexport type BadgeProps = React.HTMLAttributes<HTMLDivElement> & {\n  size?: Size;\n  offset?: Offset;\n};\n\nconst Badge: FC<BadgeProps> = ({ size = \"md\", offset = { top: \"0\", right: \"-8px\" }, children }) => {\n  return (\n    <span css={(theme): SerializedStyles => container(theme, { size, offset })}>{children}</span>\n  );\n};\n\nexport default Badge;\n"],"names":["Badge","size","offset","top","right","children","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;IAYMA,KAAqB,GAAG,SAAxBA,KAAwB,OAAqE;AAAA,uBAAlEC,IAAkE;AAAA,MAAlEA,IAAkE,0BAA3D,IAA2D;AAAA,yBAArDC,MAAqD;AAAA,MAArDA,MAAqD,4BAA5C;AAAEC,IAAAA,GAAG,EAAE,GAAP;AAAYC,IAAAA,KAAK,EAAE;AAAnB,GAA4C;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACjG,SACEC;AAAM,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAAtC;AAAA;AAAX,KAA6EG,QAA7E,CADF;AAGD;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type Size = \"md\";\nexport type Offset = { top: string; right: string };\n\nexport type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n  size?: Size;\n  offset?: Offset;\n};\n\nconst Badge: FC<BadgeProps> = ({\n  size = \"md\",\n  offset = { top: \"0\", right: \"-8px\" },\n  children,\n  ...rest\n}) => {\n  return (\n    <span css={(theme): SerializedStyles => container(theme, { size, offset })} {...rest}>\n      {children}\n    </span>\n  );\n};\n\nexport default Badge;\n"],"names":["Badge","size","offset","top","right","children","rest","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;IAYMA,KAAqB,GAAG,SAAxBA,KAAwB,OAKxB;AAAA,uBAJJC,IAII;AAAA,MAJJA,IAII,0BAJG,IAIH;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK;AAAEC,IAAAA,GAAG,EAAE,GAAP;AAAYC,IAAAA,KAAK,EAAE;AAAnB,GAGL;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC;;AACJ,SACEC;AAAM,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEP,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAAtC;AAAA;AAAX,KAAgFI,IAAhF,GACGD,QADH,CADF;AAKD;;;;"}

package/dist/esm/src/components/Badge/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Breadcrumb/Breadcrumb.js

@@ -2,15 +2,18 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import { createPortal } from 'react-dom';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["children", "breadcrumbEl", "separator"];
+
 var Item = function Item(_ref) {
   var children = _ref.children,
       _ref$current = _ref.current,
@@ -25,16 +28,17 @@ var Breadcrumb = function Breadcrumb(_ref2) {
       _ref2$breadcrumbEl = _ref2.breadcrumbEl,
       breadcrumbEl = _ref2$breadcrumbEl === void 0 ? null : _ref2$breadcrumbEl,
       _ref2$separator = _ref2.separator,
-      separator = _ref2$separator === void 0 ? "/" : _ref2$separator;
+      separator = _ref2$separator === void 0 ? "/" : _ref2$separator,
+      rest = _objectWithoutProperties(_ref2, _excluded);
 
-  var breadcrumb = jsx("nav", {
+  var breadcrumb = jsx("nav", _extends({
     css: function css(theme) {
       return container(theme, {
         separator: separator
       });
     },
     "aria-label": "breadcrumbs"
-  }, jsx("ol", null, children));
+  }, rest), jsx("ol", null, children));
 
   return breadcrumbEl ? /*#__PURE__*/createPortal(breadcrumb, breadcrumbEl) : breadcrumb;
 };

package/dist/esm/src/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type BreadcrumbItemProps = {\n  current?: boolean;\n};\n\nconst Item: FC<BreadcrumbItemProps> = ({ children, current = false }) => {\n  return <li className={current ? \"breadcrumb-item current\" : \"breadcrumb-item\"}>{children}</li>;\n};\n\nexport type BreadcrumbProps = {\n  children: ReactNode;\n  breadcrumbEl?: Element | null;\n  separator?: string;\n};\n\nexport type BreadcrumbCompoundProps = {\n  Item: FC<BreadcrumbItemProps>;\n};\n\nconst Breadcrumb: FC<BreadcrumbProps> & BreadcrumbCompoundProps = ({\n  children,\n  breadcrumbEl = null,\n  separator = \"/\",\n}) => {\n  const breadcrumb = (\n    <nav\n      css={(theme): SerializedStyles => container(theme, { separator })}\n      aria-label=\"breadcrumbs\"\n    >\n      <ol>{children}</ol>\n    </nav>\n  );\n\n  return breadcrumbEl ? createPortal(breadcrumb, breadcrumbEl) : breadcrumb;\n};\n\nBreadcrumb.Item = Item;\n\nexport default Breadcrumb;\n"],"names":["Item","children","current","___EmotionJSX","Breadcrumb","breadcrumbEl","separator","breadcrumb","theme","container","createPortal"],"mappings":";;;;;;;;;;;;;AASA,IAAMA,IAA6B,GAAG,SAAhCA,IAAgC,OAAmC;AAAA,MAAhCC,QAAgC,QAAhCA,QAAgC;AAAA,0BAAtBC,OAAsB;AAAA,MAAtBA,OAAsB,6BAAZ,KAAY;AACvE,SAAOC;AAAI,IAAA,SAAS,EAAED,OAAO,GAAG,yBAAH,GAA+B;AAArD,KAAyED,QAAzE,CAAP;AACD,CAFD;;IAcMG,UAAyD,GAAG,SAA5DA,UAA4D,QAI5D;AAAA,MAHJH,QAGI,SAHJA,QAGI;AAAA,iCAFJI,YAEI;AAAA,MAFJA,YAEI,mCAFW,IAEX;AAAA,8BADJC,SACI;AAAA,MADJA,SACI,gCADQ,GACR;;AACJ,MAAMC,UAAU,GACdJ;AACE,IAAA,GAAG,EAAE,aAACK,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEF,QAAAA,SAAS,EAATA;AAAF,OAAR,CAAtC;AAAA,KADP;AAEE,kBAAW;AAFb,KAIEH,gBAAKF,QAAL,CAJF,CADF;;AASA,SAAOI,YAAY,gBAAGK,YAAY,CAACH,UAAD,EAAaF,YAAb,CAAf,GAA4CE,UAA/D;AACD;;AAEDH,UAAU,CAACJ,IAAX,GAAkBA,IAAlB;;;;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type BreadcrumbItemProps = {\n  current?: boolean;\n};\n\nconst Item: FC<BreadcrumbItemProps> = ({ children, current = false }) => {\n  return <li className={current ? \"breadcrumb-item current\" : \"breadcrumb-item\"}>{children}</li>;\n};\n\nexport type BreadcrumbProps = React.HTMLAttributes<HTMLElement> & {\n  children: ReactNode;\n  breadcrumbEl?: Element | null;\n  separator?: string;\n};\n\nexport type BreadcrumbCompoundProps = {\n  Item: FC<BreadcrumbItemProps>;\n};\n\nconst Breadcrumb: FC<BreadcrumbProps> & BreadcrumbCompoundProps = ({\n  children,\n  breadcrumbEl = null,\n  separator = \"/\",\n  ...rest\n}) => {\n  const breadcrumb = (\n    <nav\n      css={(theme): SerializedStyles => container(theme, { separator })}\n      aria-label=\"breadcrumbs\"\n      {...rest}\n    >\n      <ol>{children}</ol>\n    </nav>\n  );\n\n  return breadcrumbEl ? createPortal(breadcrumb, breadcrumbEl) : breadcrumb;\n};\n\nBreadcrumb.Item = Item;\n\nexport default Breadcrumb;\n"],"names":["Item","children","current","___EmotionJSX","Breadcrumb","breadcrumbEl","separator","rest","breadcrumb","theme","container","createPortal"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,IAA6B,GAAG,SAAhCA,IAAgC,OAAmC;AAAA,MAAhCC,QAAgC,QAAhCA,QAAgC;AAAA,0BAAtBC,OAAsB;AAAA,MAAtBA,OAAsB,6BAAZ,KAAY;AACvE,SAAOC;AAAI,IAAA,SAAS,EAAED,OAAO,GAAG,yBAAH,GAA+B;AAArD,KAAyED,QAAzE,CAAP;AACD,CAFD;;IAcMG,UAAyD,GAAG,SAA5DA,UAA4D,QAK5D;AAAA,MAJJH,QAII,SAJJA,QAII;AAAA,iCAHJI,YAGI;AAAA,MAHJA,YAGI,mCAHW,IAGX;AAAA,8BAFJC,SAEI;AAAA,MAFJA,SAEI,gCAFQ,GAER;AAAA,MADDC,IACC;;AACJ,MAAMC,UAAU,GACdL;AACE,IAAA,GAAG,EAAE,aAACM,KAAD;AAAA,aAA6BC,SAAS,CAACD,KAAD,EAAQ;AAAEH,QAAAA,SAAS,EAATA;AAAF,OAAR,CAAtC;AAAA,KADP;AAEE,kBAAW;AAFb,KAGMC,IAHN,GAKEJ,gBAAKF,QAAL,CALF,CADF;;AAUA,SAAOI,YAAY,gBAAGM,YAAY,CAACH,UAAD,EAAaH,YAAb,CAAf,GAA4CG,UAA/D;AACD;;AAEDJ,UAAU,CAACJ,IAAX,GAAkBA,IAAlB;;;;"}

package/dist/esm/src/components/Breadcrumb/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Button/Button.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Button/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Card/Body.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Card/Card.js

@@ -2,10 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import { cardContainer } from './styles.js';
 import CardHeader from './Header.js';
@@ -20,16 +21,20 @@ import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render
 import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.js';
 import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
 
+var _excluded = ["children"];
+
 var Card = function Card(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, jsx(m.article, {
+  }, jsx(AnimatePresence, null, jsx(m.article, _extends({
     initial: "rest",
     whileHover: "hover",
     css: cardContainer,
     "data-testid": "card"
-  }, children)));
+  }, rest), children)));
 };
 
 Card.Header = CardHeader;

package/dist/esm/src/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { AnimatePresence, domAnimation, LazyMotion, m } from \"framer-motion\";\nimport { cardContainer } from \"./styles\";\nimport Header, { CardHeaderProps } from \"./Header\";\nimport Thumbnail, { ThumbnailProps } from \"./Thumbnail\";\nimport Hover, { HoverProps } from \"./Hover\";\nimport Body, { BodyProps } from \"./Body\";\nimport Overlay, { OverlayProps } from \"./Overlay\";\nimport Drawer, { DrawerProps } from \"./Drawer\";\n\nexport type CardProps = FC;\n\ntype CardCompoundProps = {\n  Header: CardHeaderProps;\n  Thumbnail: ThumbnailProps;\n  Hover: HoverProps;\n  Body: BodyProps;\n  Overlay: OverlayProps;\n  Drawer: DrawerProps;\n};\n\nconst Card: CardProps & CardCompoundProps = ({ children }) => (\n  <LazyMotion features={domAnimation}>\n    <AnimatePresence>\n      <m.article initial=\"rest\" whileHover=\"hover\" css={cardContainer} data-testid=\"card\">\n        {children}\n      </m.article>\n    </AnimatePresence>\n  </LazyMotion>\n);\n\nCard.Header = Header;\nCard.Thumbnail = Thumbnail;\nCard.Hover = Hover;\nCard.Body = Body;\nCard.Overlay = Overlay;\nCard.Drawer = Drawer;\n\nexport default Card;\n"],"names":["Card","children","___EmotionJSX","domAnimation","cardContainer","Header","Thumbnail","Hover","Body","Overlay","Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAqBMA,IAAmC,GAAG,SAAtCA,IAAsC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,SAC1CC,IAAC,UAAD;AAAY,IAAA,QAAQ,EAAEC;AAAtB,KACED,IAAC,eAAD,QACEA,IAAC,CAAD,CAAG,OAAH;AAAW,IAAA,OAAO,EAAC,MAAnB;AAA0B,IAAA,UAAU,EAAC,OAArC;AAA6C,IAAA,GAAG,EAAEE,aAAlD;AAAiE,mBAAY;AAA7E,KACGH,QADH,CADF,CADF,CAD0C;AAAA;;AAU5CD,IAAI,CAACK,MAAL,GAAcA,UAAd;AACAL,IAAI,CAACM,SAAL,GAAiBA,SAAjB;AACAN,IAAI,CAACO,KAAL,GAAaA,KAAb;AACAP,IAAI,CAACQ,IAAL,GAAYA,IAAZ;AACAR,IAAI,CAACS,OAAL,GAAeA,OAAf;AACAT,IAAI,CAACU,MAAL,GAAcA,MAAd;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { AnimatePresence, domAnimation, LazyMotion, m, MotionProps } from \"framer-motion\";\nimport { cardContainer } from \"./styles\";\nimport Header, { CardHeaderProps } from \"./Header\";\nimport Thumbnail, { ThumbnailProps } from \"./Thumbnail\";\nimport Hover, { HoverProps } from \"./Hover\";\nimport Body, { BodyProps } from \"./Body\";\nimport Overlay, { OverlayProps } from \"./Overlay\";\nimport Drawer, { DrawerProps } from \"./Drawer\";\n\nexport type CardProps = FC<React.HTMLAttributes<HTMLElement> & MotionProps>;\n\ntype CardCompoundProps = {\n  Header: CardHeaderProps;\n  Thumbnail: ThumbnailProps;\n  Hover: HoverProps;\n  Body: BodyProps;\n  Overlay: OverlayProps;\n  Drawer: DrawerProps;\n};\n\nconst Card: CardProps & CardCompoundProps = ({ children, ...rest }) => (\n  <LazyMotion features={domAnimation}>\n    <AnimatePresence>\n      <m.article initial=\"rest\" whileHover=\"hover\" css={cardContainer} data-testid=\"card\" {...rest}>\n        {children}\n      </m.article>\n    </AnimatePresence>\n  </LazyMotion>\n);\n\nCard.Header = Header;\nCard.Thumbnail = Thumbnail;\nCard.Hover = Hover;\nCard.Body = Body;\nCard.Overlay = Overlay;\nCard.Drawer = Drawer;\n\nexport default Card;\n"],"names":["Card","children","rest","___EmotionJSX","domAnimation","cardContainer","Header","Thumbnail","Hover","Body","Overlay","Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAqBMA,IAAmC,GAAG,SAAtCA,IAAsC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBC,IAAhB;;AAAA,SAC1CC,IAAC,UAAD;AAAY,IAAA,QAAQ,EAAEC;AAAtB,KACED,IAAC,eAAD,QACEA,IAAC,CAAD,CAAG,OAAH;AAAW,IAAA,OAAO,EAAC,MAAnB;AAA0B,IAAA,UAAU,EAAC,OAArC;AAA6C,IAAA,GAAG,EAAEE,aAAlD;AAAiE,mBAAY;AAA7E,KAAwFH,IAAxF,GACGD,QADH,CADF,CADF,CAD0C;AAAA;;AAU5CD,IAAI,CAACM,MAAL,GAAcA,UAAd;AACAN,IAAI,CAACO,SAAL,GAAiBA,SAAjB;AACAP,IAAI,CAACQ,KAAL,GAAaA,KAAb;AACAR,IAAI,CAACS,IAAL,GAAYA,IAAZ;AACAT,IAAI,CAACU,OAAL,GAAeA,OAAf;AACAV,IAAI,CAACW,MAAL,GAAcA,MAAd;;;;"}

package/dist/esm/src/components/Card/Drawer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Card/Header.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Card/Hover.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Card/Overlay.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Card/Thumbnail.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Card/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Chip/Chip.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Chip/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/Drawer.js

@@ -2,11 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 
-import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../node_modules/core-js/modules/es.array.map.js';
 import { Children, cloneElement, useEffect } from 'react';
 import { createPortal } from 'react-dom';
@@ -22,6 +22,7 @@ import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion
 import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.js';
 import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.js';
 
+var _excluded = ["isOpen", "onClose", "placement", "showMask", "width", "dialogStyles", "dialogClassName", "children"];
 var dialogVariants = {
   initial: function initial(_ref) {
     var placement = _ref.placement,
@@ -63,7 +64,9 @@ var Drawer = function Drawer(props) {
       width = _props$width === void 0 ? "31.5rem" : _props$width,
       dialogStyles = props.dialogStyles,
       dialogClassName = props.dialogClassName,
-      children = props.children;
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded);
+
   var clonedChildren = Children.map(children, function (child) {
     var _props;
 
@@ -80,10 +83,10 @@ var Drawer = function Drawer(props) {
 
   var drawer = jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, isOpen && jsx("div", {
+  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends({
     css: drawerContainer(width),
     "data-testid": "drawer"
-  }, showMask && jsx(Mask, {
+  }, rest), showMask && jsx(Mask, {
     onClose: onClose
   }), jsx(m.div, {
     id: "drawer-dialog",

package/dist/esm/src/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { Children, cloneElement, FC, ReactElement, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AnimatePresence, m, Variants, MotionStyle, domAnimation, LazyMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { drawerContainer } from \"./styles\";\nimport Header, { HeaderProps } from \"./components/Header\";\nimport Body from \"./components/Body\";\nimport Mask from \"./components/Mask\";\nimport Footer from \"./components/Footer\";\n\ntype DialogVariants = {\n  placement: \"left\" | \"right\";\n  width: string;\n};\n\nconst dialogVariants: Variants = {\n  initial: ({ placement, width }: DialogVariants) => ({\n    opacity: 0,\n    x: placement === \"right\" ? \"100%\" : `-${width}`,\n    transition: {\n      type: \"tween\",\n    },\n  }),\n  expanded: () => ({\n    opacity: 1,\n    x: 0,\n    transition: {\n      type: \"tween\",\n    },\n  }),\n};\n\nconst DRAWER_ROOT = \"drawerRoot\";\n\nconst DrawerRoot: FC = () => <div id={DRAWER_ROOT} />;\n\nexport type DrawerProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  showMask?: boolean;\n  placement?: \"left\" | \"right\";\n  width?: string;\n  dialogStyles?: MotionStyle;\n  dialogClassName?: string;\n};\n\ntype DrawerCompoundProps = {\n  Header: FC<Omit<HeaderProps, \"onClose\"> & { closable?: boolean }>;\n  Body: FC;\n  Footer: FC;\n  Root: FC;\n};\n\nconst Drawer: FC<DrawerProps> & DrawerCompoundProps = (props) => {\n  const {\n    isOpen,\n    onClose,\n    placement = \"left\",\n    showMask = true,\n    width = \"31.5rem\",\n    dialogStyles,\n    dialogClassName,\n    children,\n  } = props;\n  const clonedChildren = Children.map(children, (child) => {\n    return (\n      child &&\n      cloneElement(child as ReactElement, {\n        onClose: (child as ReactElement).props?.closable && onClose,\n      })\n    );\n  });\n  const drawerEl = document.getElementById(DRAWER_ROOT);\n  const dialogClassNames = classNames({\n    dialog: true,\n    \"placement-left\": placement === \"left\",\n    \"placement-right\": placement === \"right\",\n    [dialogClassName ?? \"\"]: dialogClassName,\n  });\n  const drawer = (\n    <LazyMotion features={domAnimation}>\n      <AnimatePresence>\n        {isOpen && (\n          <div css={drawerContainer(width)} data-testid=\"drawer\">\n            {showMask && <Mask onClose={onClose} />}\n            <m.div\n              id=\"drawer-dialog\"\n              style={dialogStyles}\n              className={dialogClassNames}\n              aria-expanded={isOpen}\n              aria-hidden={!isOpen}\n              aria-modal=\"true\"\n              initial=\"initial\"\n              animate=\"expanded\"\n              exit=\"initial\"\n              variants={dialogVariants}\n              custom={{ placement, width }}\n            >\n              {clonedChildren}\n            </m.div>\n          </div>\n        )}\n      </AnimatePresence>\n    </LazyMotion>\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"hidden\";\n    } else {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"\";\n    }\n  }, [isOpen]);\n\n  return drawerEl && createPortal(drawer, drawerEl);\n};\n\nDrawer.Header = Header;\nDrawer.Body = Body;\nDrawer.Footer = Footer;\nDrawer.Root = DrawerRoot;\n\nexport default Drawer;\n"],"names":["dialogVariants","initial","placement","width","opacity","x","transition","type","expanded","DRAWER_ROOT","DrawerRoot","___EmotionJSX","Drawer","props","isOpen","onClose","showMask","dialogStyles","dialogClassName","children","clonedChildren","Children","map","child","cloneElement","closable","drawerEl","document","getElementById","dialogClassNames","classNames","dialog","drawer","domAnimation","drawerContainer","useEffect","querySelector","style","overflow","createPortal","Header","Body","Footer","Root"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { Children, cloneElement, FC, ReactElement, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AnimatePresence, m, Variants, MotionStyle, domAnimation, LazyMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { drawerContainer } from \"./styles\";\nimport Header, { HeaderProps } from \"./components/Header\";\nimport Body from \"./components/Body\";\nimport Mask from \"./components/Mask\";\nimport Footer from \"./components/Footer\";\n\ntype DialogVariants = {\n  placement: \"left\" | \"right\";\n  width: string;\n};\n\nconst dialogVariants: Variants = {\n  initial: ({ placement, width }: DialogVariants) => ({\n    opacity: 0,\n    x: placement === \"right\" ? \"100%\" : `-${width}`,\n    transition: {\n      type: \"tween\",\n    },\n  }),\n  expanded: () => ({\n    opacity: 1,\n    x: 0,\n    transition: {\n      type: \"tween\",\n    },\n  }),\n};\n\nconst DRAWER_ROOT = \"drawerRoot\";\n\nconst DrawerRoot: FC = () => <div id={DRAWER_ROOT} />;\n\nexport type DrawerProps = React.HTMLAttributes<HTMLDivElement> & {\n  isOpen: boolean;\n  onClose: () => void;\n  showMask?: boolean;\n  placement?: \"left\" | \"right\";\n  width?: string;\n  dialogStyles?: MotionStyle;\n  dialogClassName?: string;\n};\n\ntype DrawerCompoundProps = {\n  Header: FC<Omit<HeaderProps, \"onClose\"> & { closable?: boolean }>;\n  Body: FC;\n  Footer: FC;\n  Root: FC;\n};\n\nconst Drawer: FC<DrawerProps> & DrawerCompoundProps = (props) => {\n  const {\n    isOpen,\n    onClose,\n    placement = \"left\",\n    showMask = true,\n    width = \"31.5rem\",\n    dialogStyles,\n    dialogClassName,\n    children,\n    ...rest\n  } = props;\n  const clonedChildren = Children.map(children, (child) => {\n    return (\n      child &&\n      cloneElement(child as ReactElement, {\n        onClose: (child as ReactElement).props?.closable && onClose,\n      })\n    );\n  });\n  const drawerEl = document.getElementById(DRAWER_ROOT);\n  const dialogClassNames = classNames({\n    dialog: true,\n    \"placement-left\": placement === \"left\",\n    \"placement-right\": placement === \"right\",\n    [dialogClassName ?? \"\"]: dialogClassName,\n  });\n  const drawer = (\n    <LazyMotion features={domAnimation}>\n      <AnimatePresence>\n        {isOpen && (\n          <div css={drawerContainer(width)} data-testid=\"drawer\" {...rest}>\n            {showMask && <Mask onClose={onClose} />}\n            <m.div\n              id=\"drawer-dialog\"\n              style={dialogStyles}\n              className={dialogClassNames}\n              aria-expanded={isOpen}\n              aria-hidden={!isOpen}\n              aria-modal=\"true\"\n              initial=\"initial\"\n              animate=\"expanded\"\n              exit=\"initial\"\n              variants={dialogVariants}\n              custom={{ placement, width }}\n            >\n              {clonedChildren}\n            </m.div>\n          </div>\n        )}\n      </AnimatePresence>\n    </LazyMotion>\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"hidden\";\n    } else {\n      (document.querySelector(\"body\") as HTMLBodyElement).style.overflow = \"\";\n    }\n  }, [isOpen]);\n\n  return drawerEl && createPortal(drawer, drawerEl);\n};\n\nDrawer.Header = Header;\nDrawer.Body = Body;\nDrawer.Footer = Footer;\nDrawer.Root = DrawerRoot;\n\nexport default Drawer;\n"],"names":["dialogVariants","initial","placement","width","opacity","x","transition","type","expanded","DRAWER_ROOT","DrawerRoot","___EmotionJSX","Drawer","props","isOpen","onClose","showMask","dialogStyles","dialogClassName","children","rest","clonedChildren","Children","map","child","cloneElement","closable","drawerEl","document","getElementById","dialogClassNames","classNames","dialog","drawer","domAnimation","drawerContainer","useEffect","querySelector","style","overflow","createPortal","Header","Body","Footer","Root"],"mappings":"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"}

package/dist/esm/src/components/Drawer/components/Body.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Footer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Header.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Mask.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.2
+   * @epignosis_llc/gnosis.js v1.3.1
    * Released under the MIT license.
    */