@epignosis_llc/gnosis 1.0.2 → 1.3.1

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 

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

@@ -2,19 +2,21 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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';
+import SvgDanger from '../../icons/danger.svg.js';
+import SvgSuccess from '../../icons/success.svg.js';
+import SvgWarning from '../../icons/warning.svg.js';
 import { container } from './styles.js';
-import SvgCloseCircled from '../../icons/core/close_circled.svg.js';
-import SvgInfo from '../../icons/core/info.svg.js';
-import SvgDanger from '../../icons/core/danger.svg.js';
-import SvgSuccess from '../../icons/core/success.svg.js';
-import SvgWarning from '../../icons/core/warning.svg.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 { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { WarningSVG, DangerSVG, InfoSVG, SuccessSVG, CloseCircledSVG } from \"@icons/core\";\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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
@@ -15,8 +15,8 @@ import useClickAway from '../../../node_modules/@umijs/hooks/es/useClickAway/ind
 import '../../../node_modules/screenfull/dist/screenfull.js';
 import '../../../node_modules/intersection-observer/intersection-observer.js';
 import '../../../node_modules/@umijs/hooks/es/useTextSelection/index.js';
+import SvgClose from '../../icons/close.svg.js';
 import { drawerContainer } from './styles.js';
-import SvgClose from '../../icons/core/close.svg.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
 import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.js';

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Card/Drawer.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { m, AnimatePresence, Variants, Transition } from \"framer-motion\";\nimport { useClickAway } from \"@umijs/hooks\";\nimport { drawerContainer } from \"./styles\";\nimport { CloseSVG } from \"@icons/core\";\n\nexport type DrawerProps = FC<{\n  isOpen: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  footer?: ReactNode;\n}>;\n\nconst transition: Transition = {\n  duration: 0.25,\n  ease: \"easeInOut\",\n};\n\nconst drawerContainerVariants: Variants = {\n  open: {\n    width: \"100%\",\n    transition: {\n      ...transition,\n      when: \"beforeChildren\",\n    },\n    transitionEnd: {\n      overflowY: \"auto\",\n    },\n  },\n  closed: {\n    width: \"0%\",\n    overflowY: \"hidden\",\n    transition: {\n      ...transition,\n      when: \"afterChildren\",\n    },\n  },\n};\n\nconst drawerContentVariants: Variants = {\n  open: {\n    opacity: 1,\n  },\n  closed: {\n    opacity: 0,\n  },\n};\n\nconst Drawer: DrawerProps = ({ isOpen, onClose, title, footer, children }) => {\n  const containerRef = useClickAway((): void => {\n    if (isOpen) {\n      onClose();\n    }\n  });\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <m.section\n          css={drawerContainer}\n          ref={containerRef}\n          initial=\"closed\"\n          animate={isOpen && \"open\"}\n          exit=\"closed\"\n          variants={drawerContainerVariants}\n        >\n          <m.div className=\"content-wrapper\" variants={drawerContentVariants}>\n            <div>\n              <header>\n                <div>{title}</div>\n                <button onClick={onClose}>\n                  <CloseSVG height={16} />\n                </button>\n              </header>\n              <p>{children}</p>\n            </div>\n            {footer && <footer>{footer}</footer>}\n          </m.div>\n        </m.section>\n      )}\n    </AnimatePresence>\n  );\n};\n\nexport default Drawer;\n"],"names":["transition","duration","ease","drawerContainerVariants","open","width","when","transitionEnd","overflowY","closed","drawerContentVariants","opacity","Drawer","isOpen","onClose","title","footer","children","containerRef","useClickAway","___EmotionJSX","drawerContainer","CloseSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,UAAsB,GAAG;AAC7BC,EAAAA,QAAQ,EAAE,IADmB;AAE7BC,EAAAA,IAAI,EAAE;AAFuB,CAA/B;AAKA,IAAMC,uBAAiC,GAAG;AACxCC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJL,IAAAA,UAAU,oCACLA,UADK;AAERM,MAAAA,IAAI,EAAE;AAFE,MAFN;AAMJC,IAAAA,aAAa,EAAE;AACbC,MAAAA,SAAS,EAAE;AADE;AANX,GADkC;AAWxCC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,KAAK,EAAE,IADD;AAENG,IAAAA,SAAS,EAAE,QAFL;AAGNR,IAAAA,UAAU,oCACLA,UADK;AAERM,MAAAA,IAAI,EAAE;AAFE;AAHJ;AAXgC,CAA1C;AAqBA,IAAMI,qBAA+B,GAAG;AACtCN,EAAAA,IAAI,EAAE;AACJO,IAAAA,OAAO,EAAE;AADL,GADgC;AAItCF,EAAAA,MAAM,EAAE;AACNE,IAAAA,OAAO,EAAE;AADH;AAJ8B,CAAxC;;IASMC,MAAmB,GAAG,SAAtBA,MAAsB,OAAkD;AAAA,MAA/CC,MAA+C,QAA/CA,MAA+C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,KAA8B,QAA9BA,KAA8B;AAAA,MAAvBC,MAAuB,QAAvBA,MAAuB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC5E,MAAMC,YAAY,GAAGC,YAAY,CAAC,YAAY;AAC5C,QAAIN,MAAJ,EAAY;AACVC,MAAAA,OAAO;AACR;AACF,GAJgC,CAAjC;AAMA,SACEM,IAAC,eAAD,QACGP,MAAM,IACLO,IAAC,CAAD,CAAG,OAAH;AACE,IAAA,GAAG,EAAEC,eADP;AAEE,IAAA,GAAG,EAAEH,YAFP;AAGE,IAAA,OAAO,EAAC,QAHV;AAIE,IAAA,OAAO,EAAEL,MAAM,IAAI,MAJrB;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,QAAQ,EAAEV;AANZ,KAQEiB,IAAC,CAAD,CAAG,GAAH;AAAO,IAAA,SAAS,EAAC,iBAAjB;AAAmC,IAAA,QAAQ,EAAEV;AAA7C,KACEU,iBACEA,oBACEA,iBAAML,KAAN,CADF,EAEEK;AAAQ,IAAA,OAAO,EAAEN;AAAjB,KACEM,IAACE,QAAD;AAAU,IAAA,MAAM,EAAE;AAAlB,IADF,CAFF,CADF,EAOEF,eAAIH,QAAJ,CAPF,CADF,EAUGD,MAAM,IAAII,oBAASJ,MAAT,CAVb,CARF,CAFJ,CADF;AA2BD;;;;"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Card/Drawer.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { m, AnimatePresence, Variants, Transition } from \"framer-motion\";\nimport { useClickAway } from \"@umijs/hooks\";\nimport { CloseSVG } from \"../../icons/\";\nimport { drawerContainer } from \"./styles\";\n\nexport type DrawerProps = FC<{\n  isOpen: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  footer?: ReactNode;\n}>;\n\nconst transition: Transition = {\n  duration: 0.25,\n  ease: \"easeInOut\",\n};\n\nconst drawerContainerVariants: Variants = {\n  open: {\n    width: \"100%\",\n    transition: {\n      ...transition,\n      when: \"beforeChildren\",\n    },\n    transitionEnd: {\n      overflowY: \"auto\",\n    },\n  },\n  closed: {\n    width: \"0%\",\n    overflowY: \"hidden\",\n    transition: {\n      ...transition,\n      when: \"afterChildren\",\n    },\n  },\n};\n\nconst drawerContentVariants: Variants = {\n  open: {\n    opacity: 1,\n  },\n  closed: {\n    opacity: 0,\n  },\n};\n\nconst Drawer: DrawerProps = ({ isOpen, onClose, title, footer, children }) => {\n  const containerRef = useClickAway((): void => {\n    if (isOpen) {\n      onClose();\n    }\n  });\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <m.section\n          css={drawerContainer}\n          ref={containerRef}\n          initial=\"closed\"\n          animate={isOpen && \"open\"}\n          exit=\"closed\"\n          variants={drawerContainerVariants}\n        >\n          <m.div className=\"content-wrapper\" variants={drawerContentVariants}>\n            <div>\n              <header>\n                <div>{title}</div>\n                <button onClick={onClose}>\n                  <CloseSVG height={16} />\n                </button>\n              </header>\n              <p>{children}</p>\n            </div>\n            {footer && <footer>{footer}</footer>}\n          </m.div>\n        </m.section>\n      )}\n    </AnimatePresence>\n  );\n};\n\nexport default Drawer;\n"],"names":["transition","duration","ease","drawerContainerVariants","open","width","when","transitionEnd","overflowY","closed","drawerContentVariants","opacity","Drawer","isOpen","onClose","title","footer","children","containerRef","useClickAway","___EmotionJSX","drawerContainer","CloseSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,UAAsB,GAAG;AAC7BC,EAAAA,QAAQ,EAAE,IADmB;AAE7BC,EAAAA,IAAI,EAAE;AAFuB,CAA/B;AAKA,IAAMC,uBAAiC,GAAG;AACxCC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJL,IAAAA,UAAU,oCACLA,UADK;AAERM,MAAAA,IAAI,EAAE;AAFE,MAFN;AAMJC,IAAAA,aAAa,EAAE;AACbC,MAAAA,SAAS,EAAE;AADE;AANX,GADkC;AAWxCC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,KAAK,EAAE,IADD;AAENG,IAAAA,SAAS,EAAE,QAFL;AAGNR,IAAAA,UAAU,oCACLA,UADK;AAERM,MAAAA,IAAI,EAAE;AAFE;AAHJ;AAXgC,CAA1C;AAqBA,IAAMI,qBAA+B,GAAG;AACtCN,EAAAA,IAAI,EAAE;AACJO,IAAAA,OAAO,EAAE;AADL,GADgC;AAItCF,EAAAA,MAAM,EAAE;AACNE,IAAAA,OAAO,EAAE;AADH;AAJ8B,CAAxC;;IASMC,MAAmB,GAAG,SAAtBA,MAAsB,OAAkD;AAAA,MAA/CC,MAA+C,QAA/CA,MAA+C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,KAA8B,QAA9BA,KAA8B;AAAA,MAAvBC,MAAuB,QAAvBA,MAAuB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC5E,MAAMC,YAAY,GAAGC,YAAY,CAAC,YAAY;AAC5C,QAAIN,MAAJ,EAAY;AACVC,MAAAA,OAAO;AACR;AACF,GAJgC,CAAjC;AAMA,SACEM,IAAC,eAAD,QACGP,MAAM,IACLO,IAAC,CAAD,CAAG,OAAH;AACE,IAAA,GAAG,EAAEC,eADP;AAEE,IAAA,GAAG,EAAEH,YAFP;AAGE,IAAA,OAAO,EAAC,QAHV;AAIE,IAAA,OAAO,EAAEL,MAAM,IAAI,MAJrB;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,QAAQ,EAAEV;AANZ,KAQEiB,IAAC,CAAD,CAAG,GAAH;AAAO,IAAA,SAAS,EAAC,iBAAjB;AAAmC,IAAA,QAAQ,EAAEV;AAA7C,KACEU,iBACEA,oBACEA,iBAAML,KAAN,CADF,EAEEK;AAAQ,IAAA,OAAO,EAAEN;AAAjB,KACEM,IAACE,QAAD;AAAU,IAAA,MAAM,EAAE;AAAlB,IADF,CAFF,CADF,EAOEF,eAAIH,QAAJ,CAPF,CADF,EAUGD,MAAM,IAAII,oBAASJ,MAAT,CAVb,CARF,CAFJ,CADF;AA2BD;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 

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

@@ -2,14 +2,14 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
+import SvgClose from '../../icons/close.svg.js';
 import { chip } from './styles.js';
-import SvgClose from '../../icons/core/close.svg.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["size", "onClose", "children", "style"];

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { chip } from \"./styles\";\nimport { CloseSVG } from \"@icons/core\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ChipProps = React.HTMLAttributes<HTMLDivElement> & {\n  onClose?: (e: MouseEvent) => void;\n  size?: Size;\n  children: string;\n};\n\nconst Chip: FC<ChipProps> = ({\n  size = \"md\",\n  onClose,\n  children,\n  style = { backgroundColor: \"#5c5c5c\", color: \"#fff\" },\n  ...rest\n}) => (\n  <div css={(theme): SerializedStyles => chip(theme, { size })} style={style} {...rest}>\n    {onClose && (\n      <button onClick={onClose} aria-label={`Remove ${children}`} style={{ color: style.color }}>\n        <CloseSVG height={16} />\n      </button>\n    )}\n\n    {children}\n  </div>\n);\n\nexport default Chip;\n"],"names":["Chip","size","onClose","children","style","backgroundColor","color","rest","___EmotionJSX","theme","chip","CloseSVG"],"mappings":";;;;;;;;;;;;;;;;IAaMA,IAAmB,GAAG,SAAtBA,IAAsB;AAAA,uBAC1BC,IAD0B;AAAA,MAC1BA,IAD0B,0BACnB,IADmB;AAAA,MAE1BC,OAF0B,QAE1BA,OAF0B;AAAA,MAG1BC,QAH0B,QAG1BA,QAH0B;AAAA,wBAI1BC,KAJ0B;AAAA,MAI1BA,KAJ0B,2BAIlB;AAAEC,IAAAA,eAAe,EAAE,SAAnB;AAA8BC,IAAAA,KAAK,EAAE;AAArC,GAJkB;AAAA,MAKvBC,IALuB;;AAAA,SAO1BC;AAAK,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,IAAI,CAACD,KAAD,EAAQ;AAAER,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAjC;AAAA,KAAV;AAA8D,IAAA,KAAK,EAAEG;AAArE,KAAgFG,IAAhF,GACGL,OAAO,IACNM;AAAQ,IAAA,OAAO,EAAEN,OAAjB;AAA0B,mCAAsBC,QAAtB,CAA1B;AAA4D,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAEF,KAAK,CAACE;AAAf;AAAnE,KACEE,IAACG,QAAD;AAAU,IAAA,MAAM,EAAE;AAAlB,IADF,CAFJ,EAOGR,QAPH,CAP0B;AAAA;;;;"}
+{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { CloseSVG } from \"../../icons/\";\nimport { chip } from \"./styles\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ChipProps = React.HTMLAttributes<HTMLDivElement> & {\n  onClose?: (e: MouseEvent) => void;\n  size?: Size;\n  children: string;\n};\n\nconst Chip: FC<ChipProps> = ({\n  size = \"md\",\n  onClose,\n  children,\n  style = { backgroundColor: \"#5c5c5c\", color: \"#fff\" },\n  ...rest\n}) => (\n  <div css={(theme): SerializedStyles => chip(theme, { size })} style={style} {...rest}>\n    {onClose && (\n      <button onClick={onClose} aria-label={`Remove ${children}`} style={{ color: style.color }}>\n        <CloseSVG height={16} />\n      </button>\n    )}\n\n    {children}\n  </div>\n);\n\nexport default Chip;\n"],"names":["Chip","size","onClose","children","style","backgroundColor","color","rest","___EmotionJSX","theme","chip","CloseSVG"],"mappings":";;;;;;;;;;;;;;;;IAaMA,IAAmB,GAAG,SAAtBA,IAAsB;AAAA,uBAC1BC,IAD0B;AAAA,MAC1BA,IAD0B,0BACnB,IADmB;AAAA,MAE1BC,OAF0B,QAE1BA,OAF0B;AAAA,MAG1BC,QAH0B,QAG1BA,QAH0B;AAAA,wBAI1BC,KAJ0B;AAAA,MAI1BA,KAJ0B,2BAIlB;AAAEC,IAAAA,eAAe,EAAE,SAAnB;AAA8BC,IAAAA,KAAK,EAAE;AAArC,GAJkB;AAAA,MAKvBC,IALuB;;AAAA,SAO1BC;AAAK,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,IAAI,CAACD,KAAD,EAAQ;AAAER,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAjC;AAAA,KAAV;AAA8D,IAAA,KAAK,EAAEG;AAArE,KAAgFG,IAAhF,GACGL,OAAO,IACNM;AAAQ,IAAA,OAAO,EAAEN,OAAjB;AAA0B,mCAAsBC,QAAtB,CAA1B;AAA4D,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAEF,KAAK,CAACE;AAAf;AAAnE,KACEE,IAACG,QAAD;AAAU,IAAA,MAAM,EAAE;AAAlB,IADF,CAFJ,EAOGR,QAPH,CAP0B;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * 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",