@epignosis_llc/gnosis 3.0.1 → 3.0.3

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 { 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,WAAA;AAFuB,CAA/B,CAAA;AAKA,IAAMC,uBAAiC,GAAG;AACxCC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MADH;AAEJL,IAAAA,UAAU,oCACLA,UADK,CAAA,EAAA,EAAA,EAAA;AAERM,MAAAA,IAAI,EAAE,gBAAA;AAFE,KAFN,CAAA;AAMJC,IAAAA,aAAa,EAAE;AACbC,MAAAA,SAAS,EAAE,MAAA;AADE,KAAA;AANX,GADkC;AAWxCC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,KAAK,EAAE,IADD;AAENG,IAAAA,SAAS,EAAE,QAFL;AAGNR,IAAAA,UAAU,oCACLA,UADK,CAAA,EAAA,EAAA,EAAA;AAERM,MAAAA,IAAI,EAAE,eAAA;AAFE,KAAA,CAAA;AAHJ,GAAA;AAXgC,CAA1C,CAAA;AAqBA,IAAMI,qBAA+B,GAAG;AACtCN,EAAAA,IAAI,EAAE;AACJO,IAAAA,OAAO,EAAE,CAAA;AADL,GADgC;AAItCF,EAAAA,MAAM,EAAE;AACNE,IAAAA,OAAO,EAAE,CAAA;AADH,GAAA;AAJ8B,CAAxC,CAAA;;AASA,IAAMC,MAAmB,GAAG,SAAtBA,MAAsB,CAAkD,IAAA,EAAA;AAAA,EAA/CC,IAAAA,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,CAAA;AAC5E,EAAA,IAAMC,YAAY,GAAGC,YAAY,CAAC,YAAY;AAC5C,IAAA,IAAIN,MAAJ,EAAY;AACVC,MAAAA,OAAO,EAAA,CAAA;AACR,KAAA;AACF,GAJgC,CAAjC,CAAA;AAMA,EACE,OAAAM,GAAA,CAAC,eAAD,EACGP,IAAAA,EAAAA,MAAM,IACLO,GAAC,CAAA,CAAD,CAAG,OAAH,EAAA;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,uBAAAA;AANZ,GAQE,EAAAiB,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA;AAAO,IAAA,SAAS,EAAC,iBAAjB;AAAmC,IAAA,QAAQ,EAAEV,qBAAAA;AAA7C,GAAA,EACEU,GACE,CAAA,KAAA,EAAA,IAAA,EAAAA,GAAA,CAAA,QAAA,EAAA,IAAA,EACEA,GAAML,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,KAAN,CADF,EAEEK,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,OAAO,EAAEN,OAAAA;AAAjB,GAAA,EACEM,IAACE,QAAD,EAAA;AAAU,IAAA,MAAM,EAAE,EAAA;AAAlB,GAAA,CADF,CAFF,CADF,EAOEF,GAAA,CAAA,GAAA,EAAA,IAAA,EAAIH,QAAJ,CAPF,CADF,EAUGD,MAAM,IAAII,GAASJ,CAAAA,QAAAA,EAAAA,IAAAA,EAAAA,MAAT,CAVb,CARF,CAFJ,CADF,CAAA;AA2BD;;;;"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/Card/Drawer.tsx"],"sourcesContent":["import React, { FC, ReactNode, useRef } from \"react\";\nimport { m, AnimatePresence, Variants, Transition } from \"framer-motion\";\nimport { useClickAway } from \"ahooks\";\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 = useRef<HTMLBaseElement>(null);\n\n  useClickAway(() => {\n    if (isOpen) {\n      onClose();\n    }\n  }, containerRef);\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","useRef","useClickAway","___EmotionJSX","drawerContainer","CloseSVG"],"mappings":";;;;;;;;;;;;;;;;;AAaA,IAAMA,UAAsB,GAAG;AAC7BC,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,IAAI,EAAE,WAAA;AACR,CAAC,CAAA;AAED,IAAMC,uBAAiC,GAAG;AACxCC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,MAAM;AACbL,IAAAA,UAAU,oCACLA,UAAU,CAAA,EAAA,EAAA,EAAA;AACbM,MAAAA,IAAI,EAAE,gBAAA;KACP,CAAA;AACDC,IAAAA,aAAa,EAAE;AACbC,MAAAA,SAAS,EAAE,MAAA;AACb,KAAA;GACD;AACDC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,KAAK,EAAE,IAAI;AACXG,IAAAA,SAAS,EAAE,QAAQ;AACnBR,IAAAA,UAAU,oCACLA,UAAU,CAAA,EAAA,EAAA,EAAA;AACbM,MAAAA,IAAI,EAAE,eAAA;AAAe,KAAA,CAAA;AAEzB,GAAA;AACF,CAAC,CAAA;AAED,IAAMI,qBAA+B,GAAG;AACtCN,EAAAA,IAAI,EAAE;AACJO,IAAAA,OAAO,EAAE,CAAA;GACV;AACDF,EAAAA,MAAM,EAAE;AACNE,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF,CAAC,CAAA;AAED,IAAMC,MAAmB,GAAG,SAAtBA,MAAmB,CAAqD,IAAA,EAAA;EAAA,IAA/CC,MAAM,QAANA,MAAM;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AACrE,EAAA,IAAMC,YAAY,GAAGC,MAAM,CAAkB,IAAI,CAAC,CAAA;AAElDC,EAAAA,YAAY,CAAC,YAAM;AACjB,IAAA,IAAIP,MAAM,EAAE;AACVC,MAAAA,OAAO,EAAE,CAAA;AACX,KAAA;GACD,EAAEI,YAAY,CAAC,CAAA;EAEhB,OACEG,GAAA,CAAC,eAAe,EACbR,IAAAA,EAAAA,MAAM,IACLQ,GAAC,CAAA,CAAC,CAAC,OAAO,EAAA;AACR,IAAA,GAAG,EAAEC,eAAgB;AACrB,IAAA,GAAG,EAAEJ,YAAa;AAClB,IAAA,OAAO,EAAC,QAAQ;IAChB,OAAO,EAAEL,MAAM,IAAI,MAAO;AAC1B,IAAA,IAAI,EAAC,QAAQ;AACb,IAAA,QAAQ,EAAEV,uBAAAA;GAEV,EAAAkB,GAAA,CAAC,CAAC,CAAC,GAAG,EAAA;AAAC,IAAA,SAAS,EAAC,iBAAiB;AAAC,IAAA,QAAQ,EAAEX,qBAAAA;AAAsB,GAAA,EACjEW,GACE,CAAA,KAAA,EAAA,IAAA,EAAAA,GAAA,CAAA,QAAA,EAAA,IAAA,EACEA,GAAMN,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,KAAK,CAAO,EAClBM,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,OAAO,EAAEP,OAAAA;AAAQ,GAAA,EACvBO,IAACE,QAAQ,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CACjB,CACF,EACTF,GAAA,CAAA,GAAA,EAAA,IAAA,EAAIJ,QAAQ,CAAK,CACb,EACLD,MAAM,IAAIK,GAASL,CAAAA,QAAAA,EAAAA,IAAAA,EAAAA,MAAM,CAAU,CAC9B,CAEX,CACe,CAAA;AAEtB;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -13,8 +13,8 @@ import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/
 
 var CardHeader = function CardHeader(_ref) {
   var _ref$ratio = _ref.ratio,
-      ratio = _ref$ratio === void 0 ? [4, 3] : _ref$ratio,
-      children = _ref.children;
+    ratio = _ref$ratio === void 0 ? [4, 3] : _ref$ratio,
+    children = _ref.children;
   return jsx(AspectRatio, {
     ratio: ratio
   }, jsx("section", {

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport AspectRatio from \"../AspectRatio/AspectRatio\";\nimport { courseHeaderContainer } from \"./styles\";\n\nexport type CardHeaderProps = FC<{\n  ratio?: [number, number];\n}>;\n\nconst CardHeader: CardHeaderProps = ({ ratio = [4, 3], children }) => {\n  return (\n    <AspectRatio ratio={ratio}>\n      <section css={courseHeaderContainer}>{children}</section>\n    </AspectRatio>\n  );\n};\n\nexport default CardHeader;\n"],"names":["CardHeader","ratio","children","___EmotionJSX","courseHeaderContainer"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,UAA2B,GAAG,SAA9BA,UAA8B,CAAkC,IAAA,EAAA;AAAA,EAAA,IAAA,UAAA,GAAA,IAAA,CAA/BC,KAA+B;AAAA,MAA/BA,KAA+B,GAAvB,UAAA,KAAA,KAAA,CAAA,GAAA,CAAC,CAAD,EAAI,CAAJ,CAAuB,GAAA,UAAA;AAAA,MAAfC,QAAe,QAAfA,QAAe,CAAA;AACpE,EAAA,OACEC,IAAC,WAAD,EAAA;AAAa,IAAA,KAAK,EAAEF,KAAAA;AAApB,GACE,EAAAE,GAAA,CAAA,SAAA,EAAA;AAAS,IAAA,GAAG,EAAEC,qBAAAA;AAAd,GAAsCF,EAAAA,QAAtC,CADF,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport AspectRatio from \"../AspectRatio/AspectRatio\";\nimport { courseHeaderContainer } from \"./styles\";\n\nexport type CardHeaderProps = FC<{\n  ratio?: [number, number];\n}>;\n\nconst CardHeader: CardHeaderProps = ({ ratio = [4, 3], children }) => {\n  return (\n    <AspectRatio ratio={ratio}>\n      <section css={courseHeaderContainer}>{children}</section>\n    </AspectRatio>\n  );\n};\n\nexport default CardHeader;\n"],"names":["CardHeader","ratio","children","___EmotionJSX","courseHeaderContainer"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,UAA2B,GAAG,SAA9BA,UAA2B,CAAqC,IAAA,EAAA;AAAA,EAAA,IAAA,UAAA,GAAA,IAAA,CAA/BC,KAAK;AAALA,IAAAA,KAAK,GAAG,UAAA,KAAA,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,UAAA;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AAC7D,EAAA,OACEC,IAAC,WAAW,EAAA;AAAC,IAAA,KAAK,EAAEF,KAAAA;GAClB,EAAAE,GAAA,CAAA,SAAA,EAAA;AAAS,IAAA,GAAG,EAAEC,qBAAAA;GAAwBF,EAAAA,QAAQ,CAAW,CAC7C,CAAA;AAElB;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -27,11 +27,10 @@ var hoverContent = {
     display: "block"
   }
 };
-
 var Hover = function Hover(_ref) {
   var _ref$transparent = _ref.transparent,
-      transparent = _ref$transparent === void 0 ? false : _ref$transparent,
-      children = _ref.children;
+    transparent = _ref$transparent === void 0 ? false : _ref$transparent,
+    children = _ref.children;
   return jsx(m.div, {
     transition: {
       duration: 0.15,

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

@@ -1 +1 @@
-{"version":3,"file":"Hover.js","sources":["../../../../../src/components/Card/Hover.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { m, Variants } from \"framer-motion\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { hoverContainer } from \"./styles\";\n\nexport type HoverProps = FC<{\n  transparent?: boolean;\n}>;\n\nconst hoverContainerVariants: Variants = {\n  rest: {\n    opacity: 0,\n  },\n  hover: {\n    opacity: 1,\n  },\n};\n\nconst hoverContent: Variants = {\n  rest: {\n    display: \"none\",\n  },\n  hover: {\n    display: \"block\",\n  },\n};\n\nconst Hover: HoverProps = ({ transparent = false, children }) => (\n  <m.div\n    transition={{\n      duration: 0.15,\n      ease: \"easeIn\",\n    }}\n    variants={hoverContainerVariants}\n    css={(theme): SerializedStyles => hoverContainer(theme, { transparent })}\n    data-testid=\"card-hover\"\n  >\n    <m.div className=\"hover-wrapper\" variants={hoverContent}>\n      {children}\n    </m.div>\n  </m.div>\n);\n\nexport default Hover;\n"],"names":["hoverContainerVariants","rest","opacity","hover","hoverContent","display","Hover","transparent","children","___EmotionJSX","duration","ease","theme","hoverContainer"],"mappings":";;;;;;;;;;;;;AASA,IAAMA,sBAAgC,GAAG;AACvCC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,CAAA;AADL,GADiC;AAIvCC,EAAAA,KAAK,EAAE;AACLD,IAAAA,OAAO,EAAE,CAAA;AADJ,GAAA;AAJgC,CAAzC,CAAA;AASA,IAAME,YAAsB,GAAG;AAC7BH,EAAAA,IAAI,EAAE;AACJI,IAAAA,OAAO,EAAE,MAAA;AADL,GADuB;AAI7BF,EAAAA,KAAK,EAAE;AACLE,IAAAA,OAAO,EAAE,OAAA;AADJ,GAAA;AAJsB,CAA/B,CAAA;;AASMC,IAAAA,KAAiB,GAAG,SAApBA,KAAoB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CAAGC,WAAH;AAAA,MAAGA,WAAH,iCAAiB,KAAjB,GAAA,gBAAA;AAAA,MAAwBC,QAAxB,QAAwBA,QAAxB,CAAA;AAAA,EACxB,OAAAC,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA;AACE,IAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE,IADA;AAEVC,MAAAA,IAAI,EAAE,QAAA;AAFI,KADd;AAKE,IAAA,QAAQ,EAAEX,sBALZ;AAME,IAAA,GAAG,EAAE,SAAA,GAAA,CAACY,KAAD,EAAA;AAAA,MAA6BC,OAAAA,cAAc,CAACD,KAAD,EAAQ;AAAEL,QAAAA,WAAW,EAAXA,WAAAA;AAAF,OAAR,CAA3C,CAAA;AAAA,KANP;AAOE,IAAY,aAAA,EAAA,YAAA;AAPd,GASE,EAAAE,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA;AAAO,IAAA,SAAS,EAAC,eAAjB;AAAiC,IAAA,QAAQ,EAAEL,YAAAA;AAA3C,GACGI,EAAAA,QADH,CATF,CADwB,CAAA;AAAA;;;;"}
+{"version":3,"file":"Hover.js","sources":["../../../../../src/components/Card/Hover.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { m, Variants } from \"framer-motion\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { hoverContainer } from \"./styles\";\n\nexport type HoverProps = FC<{\n  transparent?: boolean;\n}>;\n\nconst hoverContainerVariants: Variants = {\n  rest: {\n    opacity: 0,\n  },\n  hover: {\n    opacity: 1,\n  },\n};\n\nconst hoverContent: Variants = {\n  rest: {\n    display: \"none\",\n  },\n  hover: {\n    display: \"block\",\n  },\n};\n\nconst Hover: HoverProps = ({ transparent = false, children }) => (\n  <m.div\n    transition={{\n      duration: 0.15,\n      ease: \"easeIn\",\n    }}\n    variants={hoverContainerVariants}\n    css={(theme): SerializedStyles => hoverContainer(theme, { transparent })}\n    data-testid=\"card-hover\"\n  >\n    <m.div className=\"hover-wrapper\" variants={hoverContent}>\n      {children}\n    </m.div>\n  </m.div>\n);\n\nexport default Hover;\n"],"names":["hoverContainerVariants","rest","opacity","hover","hoverContent","display","Hover","transparent","children","___EmotionJSX","duration","ease","theme","hoverContainer"],"mappings":";;;;;;;;;;;;;AASA,IAAMA,sBAAgC,GAAG;AACvCC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,CAAA;GACV;AACDC,EAAAA,KAAK,EAAE;AACLD,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF,CAAC,CAAA;AAED,IAAME,YAAsB,GAAG;AAC7BH,EAAAA,IAAI,EAAE;AACJI,IAAAA,OAAO,EAAE,MAAA;GACV;AACDF,EAAAA,KAAK,EAAE;AACLE,IAAAA,OAAO,EAAE,OAAA;AACX,GAAA;AACF,CAAC,CAAA;AAEKC,IAAAA,KAAiB,GAAG,SAApBA,KAAiB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CAAMC,WAAW;AAAXA,IAAAA,WAAW,iCAAG,KAAK,GAAA,gBAAA;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;EAAA,OACxDC,GAAA,CAAC,CAAC,CAAC,GAAG,EAAA;AACJ,IAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,IAAI,EAAE,QAAA;KACN;AACF,IAAA,QAAQ,EAAEX,sBAAuB;IACjC,GAAG,EAAE,aAACY,KAAK,EAAA;MAAA,OAAuBC,cAAc,CAACD,KAAK,EAAE;AAAEL,QAAAA,WAAW,EAAXA,WAAAA;AAAY,OAAC,CAAC,CAAA;KAAC;IACzE,aAAY,EAAA,YAAA;GAEZ,EAAAE,GAAA,CAAC,CAAC,CAAC,GAAG,EAAA;AAAC,IAAA,SAAS,EAAC,eAAe;AAAC,IAAA,QAAQ,EAAEL,YAAAA;GACxCI,EAAAA,QAAQ,CACH,CACF,CAAA;AAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/Card/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { overlayContainer } from \"./styles\";\n\nexport type OverlayProps = FC;\n\nconst Overlay: OverlayProps = ({ children }) => <div css={overlayContainer}>{children}</div>;\n\nexport default Overlay;\n"],"names":["Overlay","children","___EmotionJSX","overlayContainer"],"mappings":";;;;;;;;;;;;AAKMA,IAAAA,OAAqB,GAAG,SAAxBA,OAAwB,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,QAAH,QAAGA,QAAH,CAAA;AAAA,EAAkB,OAAAC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,gBAAAA;AAAV,GAAA,EAA6BF,QAA7B,CAAlB,CAAA;AAAA;;;;"}
+{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/Card/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { overlayContainer } from \"./styles\";\n\nexport type OverlayProps = FC;\n\nconst Overlay: OverlayProps = ({ children }) => <div css={overlayContainer}>{children}</div>;\n\nexport default Overlay;\n"],"names":["Overlay","children","___EmotionJSX","overlayContainer"],"mappings":";;;;;;;;;;;;AAKMA,IAAAA,OAAqB,GAAG,SAAxBA,OAAqB,CAAA,IAAA,EAAA;EAAA,IAAMC,QAAQ,QAARA,QAAQ,CAAA;EAAA,OAAOC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,gBAAAA;AAAiB,GAAA,EAAEF,QAAQ,CAAO,CAAA;AAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","sources":["../../../../../src/components/Card/Thumbnail.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { thumbnailContainer } from \"./styles\";\n\nexport type ThumbnailProps = FC<{ src: string; alt: string; children?: never }>;\n\nconst Thumbnail: ThumbnailProps = (props) => <img css={thumbnailContainer} {...props} />;\n\nexport default Thumbnail;\n"],"names":["Thumbnail","props","___EmotionJSX","thumbnailContainer"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,SAAyB,GAAG,SAA5BA,SAA4B,CAACC,KAAD,EAAA;AAAA,EAAW,OAAAC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,kBAAAA;AAAV,GAAA,EAAkCF,KAAlC,CAAX,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"Thumbnail.js","sources":["../../../../../src/components/Card/Thumbnail.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { thumbnailContainer } from \"./styles\";\n\nexport type ThumbnailProps = FC<{ src: string; alt: string; children?: never }>;\n\nconst Thumbnail: ThumbnailProps = (props) => <img css={thumbnailContainer} {...props} />;\n\nexport default Thumbnail;\n"],"names":["Thumbnail","props","___EmotionJSX","thumbnailContainer"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,SAAyB,GAAG,SAA5BA,SAAyB,CAAIC,KAAK,EAAA;EAAA,OAAKC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAEC,kBAAAA;AAAmB,GAAA,EAAKF,KAAK,CAAI,CAAA,CAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -14,7 +14,6 @@ var cardContainer = function cardContainer(_ref) {
   var card = _ref.card;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:", card.background, ";box-shadow:0px 0px 10px #00000026;border-radius:5px;overflow:hidden;transition-duration:0.2s;transition-property:background-color,color,box-shadow 0.1s ease-in-out;:hover{box-shadow:0px 4px 20px ", card.shadow, ";transition:all 0.2s ease;}" + (process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaGV4VG9SR0JBIH0gZnJvbSBcIkB0aGVtZS9kZWZhdWx0L2NvbG9yc1wiO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh7IGNhcmQgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLmJhY2tncm91bmR9O1xuICBib3gtc2hhZG93OiAwcHggMHB4IDEwcHggIzAwMDAwMDI2O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGNvbG9yLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbi1vdXQ7XG5cbiAgOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwcHggNHB4IDIwcHggJHtjYXJkLnNoYWRvd307XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvdXJzZUhlYWRlckNvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC5pbmZvLWJ0bnMtY29udGFpbmVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDFyZW07XG4gICAgdG9wOiAxLjEyNXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgei1pbmRleDogMTtcblxuICAgIGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGh1bWJuYWlsQ29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBob3ZlckNvbnRhaW5lciA9IChcbiAgeyBjYXJkIH06IFRoZW1lLFxuICB7IHRyYW5zcGFyZW50IH06IHsgdHJhbnNwYXJlbnQ/OiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dHJhbnNwYXJlbnQgPyBcInRyYW5zcGFyZW50XCIgOiBjYXJkLmhvdmVyLmJhY2tncm91bmR9O1xuXG4gICAgLmhvdmVyLXdyYXBwZXIge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IGNhcmRCb2R5ID0gY3NzYFxuICBwYWRkaW5nOiAwLjc1cmVtIDFyZW0gMS41cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlDb250YWluZXIgPSAoeyBjYXJkIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2hleFRvUkdCQShjYXJkLm92ZXJsYXkuYmFja2dyb3VuZCwgMC42KX07XG4gIHotaW5kZXg6IDI7XG5gO1xuXG5leHBvcnQgY29uc3QgZHJhd2VyQ29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLmJhY2tncm91bmR9O1xuICB6LWluZGV4OiAzO1xuXG4gIC5jb250ZW50LXdyYXBwZXIge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIHBhZGRpbmc6IDFyZW07XG5cbiAgICBoZWFkZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuXG4gICAgICAvKiBUT0RPOiBSZW1vdmUgd2hlbiBvdXIgQnV0dG9uIGxpbmsgdmFyaWFudCBpcyByZWFkeSAqL1xuICAgICAgYnV0dG9uIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb290ZXIge1xuICAgICAgbWFyZ2luLXRvcDogMC41cmVtO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;")
   );
@@ -42,7 +41,6 @@ var hoverContainer = function hoverContainer(_ref2, _ref3) {
   var transparent = _ref3.transparent;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("position:absolute;top:0;left:0;height:100%;width:100%;background-color:", transparent ? "transparent" : card.hover.background, ";.hover-wrapper{height:100%;width:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaGV4VG9SR0JBIH0gZnJvbSBcIkB0aGVtZS9kZWZhdWx0L2NvbG9yc1wiO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh7IGNhcmQgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLmJhY2tncm91bmR9O1xuICBib3gtc2hhZG93OiAwcHggMHB4IDEwcHggIzAwMDAwMDI2O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGNvbG9yLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbi1vdXQ7XG5cbiAgOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwcHggNHB4IDIwcHggJHtjYXJkLnNoYWRvd307XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvdXJzZUhlYWRlckNvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC5pbmZvLWJ0bnMtY29udGFpbmVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDFyZW07XG4gICAgdG9wOiAxLjEyNXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgei1pbmRleDogMTtcblxuICAgIGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGh1bWJuYWlsQ29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBob3ZlckNvbnRhaW5lciA9IChcbiAgeyBjYXJkIH06IFRoZW1lLFxuICB7IHRyYW5zcGFyZW50IH06IHsgdHJhbnNwYXJlbnQ/OiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dHJhbnNwYXJlbnQgPyBcInRyYW5zcGFyZW50XCIgOiBjYXJkLmhvdmVyLmJhY2tncm91bmR9O1xuXG4gICAgLmhvdmVyLXdyYXBwZXIge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IGNhcmRCb2R5ID0gY3NzYFxuICBwYWRkaW5nOiAwLjc1cmVtIDFyZW0gMS41cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlDb250YWluZXIgPSAoeyBjYXJkIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2hleFRvUkdCQShjYXJkLm92ZXJsYXkuYmFja2dyb3VuZCwgMC42KX07XG4gIHotaW5kZXg6IDI7XG5gO1xuXG5leHBvcnQgY29uc3QgZHJhd2VyQ29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLmJhY2tncm91bmR9O1xuICB6LWluZGV4OiAzO1xuXG4gIC5jb250ZW50LXdyYXBwZXIge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIHBhZGRpbmc6IDFyZW07XG5cbiAgICBoZWFkZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuXG4gICAgICAvKiBUT0RPOiBSZW1vdmUgd2hlbiBvdXIgQnV0dG9uIGxpbmsgdmFyaWFudCBpcyByZWFkeSAqL1xuICAgICAgYnV0dG9uIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb290ZXIge1xuICAgICAgbWFyZ2luLXRvcDogMC41cmVtO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:hoverContainer;")
   );
@@ -60,7 +58,6 @@ var overlayContainer = function overlayContainer(_ref4) {
   var card = _ref4.card;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("position:absolute;top:0;left:0;height:100%;width:100%;background-color:", hexToRGBA(card.overlay.background, 0.6), ";z-index:2;" + (process.env.NODE_ENV === "production" ? "" : ";label:overlayContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRTBFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGhleFRvUkdCQSB9IGZyb20gXCJAdGhlbWUvZGVmYXVsdC9jb2xvcnNcIjtcblxuZXhwb3J0IGNvbnN0IGNhcmRDb250YWluZXIgPSAoeyBjYXJkIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y2FyZC5iYWNrZ3JvdW5kfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxMHB4ICMwMDAwMDAyNjtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yLCBjb2xvciwgYm94LXNoYWRvdyAwLjFzIGVhc2UtaW4tb3V0O1xuXG4gIDpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMHB4IDRweCAyMHB4ICR7Y2FyZC5zaGFkb3d9O1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb3Vyc2VIZWFkZXJDb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcblxuICAuaW5mby1idG5zLWNvbnRhaW5lciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAxcmVtO1xuICAgIHRvcDogMS4xMjVyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICBkaXY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRodW1ibmFpbENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgaG92ZXJDb250YWluZXIgPSAoXG4gIHsgY2FyZCB9OiBUaGVtZSxcbiAgeyB0cmFuc3BhcmVudCB9OiB7IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50ID8gXCJ0cmFuc3BhcmVudFwiIDogY2FyZC5ob3Zlci5iYWNrZ3JvdW5kfTtcblxuICAgIC5ob3Zlci13cmFwcGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBjYXJkQm9keSA9IGNzc2BcbiAgcGFkZGluZzogMC43NXJlbSAxcmVtIDEuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5Q29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtoZXhUb1JHQkEoY2FyZC5vdmVybGF5LmJhY2tncm91bmQsIDAuNil9O1xuICB6LWluZGV4OiAyO1xuYDtcblxuZXhwb3J0IGNvbnN0IGRyYXdlckNvbnRhaW5lciA9ICh7IGNhcmQgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y2FyZC5iYWNrZ3JvdW5kfTtcbiAgei1pbmRleDogMztcblxuICAuY29udGVudC13cmFwcGVyIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAxcmVtO1xuXG4gICAgaGVhZGVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcblxuICAgICAgLyogVE9ETzogUmVtb3ZlIHdoZW4gb3VyIEJ1dHRvbiBsaW5rIHZhcmlhbnQgaXMgcmVhZHkgKi9cbiAgICAgIGJ1dHRvbiB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZm9vdGVyIHtcbiAgICAgIG1hcmdpbi10b3A6IDAuNXJlbTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:overlayContainer;")
   );
@@ -69,7 +66,6 @@ var drawerContainer = function drawerContainer(_ref5) {
   var card = _ref5.card;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("position:absolute;top:0;right:0;height:100%;background-color:", card.background, ";z-index:3;.content-wrapper{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;button{background-color:transparent;padding:0;border:0;}}footer{margin-top:0.5rem;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRnlFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGhleFRvUkdCQSB9IGZyb20gXCJAdGhlbWUvZGVmYXVsdC9jb2xvcnNcIjtcblxuZXhwb3J0IGNvbnN0IGNhcmRDb250YWluZXIgPSAoeyBjYXJkIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y2FyZC5iYWNrZ3JvdW5kfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxMHB4ICMwMDAwMDAyNjtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yLCBjb2xvciwgYm94LXNoYWRvdyAwLjFzIGVhc2UtaW4tb3V0O1xuXG4gIDpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMHB4IDRweCAyMHB4ICR7Y2FyZC5zaGFkb3d9O1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBjb3Vyc2VIZWFkZXJDb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcblxuICAuaW5mby1idG5zLWNvbnRhaW5lciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAxcmVtO1xuICAgIHRvcDogMS4xMjVyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICBkaXY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRodW1ibmFpbENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgaG92ZXJDb250YWluZXIgPSAoXG4gIHsgY2FyZCB9OiBUaGVtZSxcbiAgeyB0cmFuc3BhcmVudCB9OiB7IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50ID8gXCJ0cmFuc3BhcmVudFwiIDogY2FyZC5ob3Zlci5iYWNrZ3JvdW5kfTtcblxuICAgIC5ob3Zlci13cmFwcGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBjYXJkQm9keSA9IGNzc2BcbiAgcGFkZGluZzogMC43NXJlbSAxcmVtIDEuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5Q29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtoZXhUb1JHQkEoY2FyZC5vdmVybGF5LmJhY2tncm91bmQsIDAuNil9O1xuICB6LWluZGV4OiAyO1xuYDtcblxuZXhwb3J0IGNvbnN0IGRyYXdlckNvbnRhaW5lciA9ICh7IGNhcmQgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y2FyZC5iYWNrZ3JvdW5kfTtcbiAgei1pbmRleDogMztcblxuICAuY29udGVudC13cmFwcGVyIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAxcmVtO1xuXG4gICAgaGVhZGVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcblxuICAgICAgLyogVE9ETzogUmVtb3ZlIHdoZW4gb3VyIEJ1dHRvbiBsaW5rIHZhcmlhbnQgaXMgcmVhZHkgKi9cbiAgICAgIGJ1dHRvbiB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZm9vdGVyIHtcbiAgICAgIG1hcmdpbi10b3A6IDAuNXJlbTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:drawerContainer;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Card/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const cardContainer = ({ card }: Theme): SerializedStyles => css`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n  background-color: ${card.background};\n  box-shadow: 0px 0px 10px #00000026;\n  border-radius: 5px;\n  overflow: hidden;\n  transition-duration: 0.2s;\n  transition-property: background-color, color, box-shadow 0.1s ease-in-out;\n\n  :hover {\n    box-shadow: 0px 4px 20px ${card.shadow};\n    transition: all 0.2s ease;\n  }\n`;\n\nexport const courseHeaderContainer = css`\n  position: relative;\n  height: 100%;\n  width: 100%;\n\n  .info-btns-container {\n    position: absolute;\n    right: 1rem;\n    top: 1.125rem;\n    display: flex;\n    flex-direction: column;\n    z-index: 1;\n\n    div:first-of-type {\n      margin-bottom: 0.75rem;\n    }\n  }\n`;\n\nexport const thumbnailContainer = css`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n`;\n\nexport const hoverContainer = (\n  { card }: Theme,\n  { transparent }: { transparent?: boolean },\n): SerializedStyles => {\n  return css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-color: ${transparent ? \"transparent\" : card.hover.background};\n\n    .hover-wrapper {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n};\n\nexport const cardBody = css`\n  padding: 0.75rem 1rem 1.5rem;\n`;\n\nexport const overlayContainer = ({ card }: Theme): SerializedStyles => css`\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background-color: ${hexToRGBA(card.overlay.background, 0.6)};\n  z-index: 2;\n`;\n\nexport const drawerContainer = ({ card }: Theme): SerializedStyles => css`\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  background-color: ${card.background};\n  z-index: 3;\n\n  .content-wrapper {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 1rem;\n\n    header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 1rem;\n\n      /* TODO: Remove when our Button link variant is ready */\n      button {\n        background-color: transparent;\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    footer {\n      margin-top: 0.5rem;\n    }\n  }\n`;\n"],"names":["cardContainer","card","css","background","shadow","courseHeaderContainer","thumbnailContainer","hoverContainer","transparent","hover","cardBody","overlayContainer","hexToRGBA","overlay","drawerContainer"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Card/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const cardContainer = ({ card }: Theme): SerializedStyles => css`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n  background-color: ${card.background};\n  box-shadow: 0px 0px 10px #00000026;\n  border-radius: 5px;\n  overflow: hidden;\n  transition-duration: 0.2s;\n  transition-property: background-color, color, box-shadow 0.1s ease-in-out;\n\n  :hover {\n    box-shadow: 0px 4px 20px ${card.shadow};\n    transition: all 0.2s ease;\n  }\n`;\n\nexport const courseHeaderContainer = css`\n  position: relative;\n  height: 100%;\n  width: 100%;\n\n  .info-btns-container {\n    position: absolute;\n    right: 1rem;\n    top: 1.125rem;\n    display: flex;\n    flex-direction: column;\n    z-index: 1;\n\n    div:first-of-type {\n      margin-bottom: 0.75rem;\n    }\n  }\n`;\n\nexport const thumbnailContainer = css`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n`;\n\nexport const hoverContainer = (\n  { card }: Theme,\n  { transparent }: { transparent?: boolean },\n): SerializedStyles => {\n  return css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-color: ${transparent ? \"transparent\" : card.hover.background};\n\n    .hover-wrapper {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n};\n\nexport const cardBody = css`\n  padding: 0.75rem 1rem 1.5rem;\n`;\n\nexport const overlayContainer = ({ card }: Theme): SerializedStyles => css`\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background-color: ${hexToRGBA(card.overlay.background, 0.6)};\n  z-index: 2;\n`;\n\nexport const drawerContainer = ({ card }: Theme): SerializedStyles => css`\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  background-color: ${card.background};\n  z-index: 3;\n\n  .content-wrapper {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 1rem;\n\n    header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 1rem;\n\n      /* TODO: Remove when our Button link variant is ready */\n      button {\n        background-color: transparent;\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    footer {\n      margin-top: 0.5rem;\n    }\n  }\n`;\n"],"names":["cardContainer","card","css","background","shadow","courseHeaderContainer","thumbnailContainer","hoverContainer","transparent","hover","cardBody","overlayContainer","hexToRGBA","overlay","drawerContainer"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -13,19 +13,17 @@ import { chip } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["size", "onClose", "children", "style"];
-
 var Chip = function Chip(_ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "md" : _ref$size,
-      onClose = _ref.onClose,
-      children = _ref.children,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {
-    backgroundColor: "#5c5c5c",
-    color: "#fff"
-  } : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    onClose = _ref.onClose,
+    children = _ref.children,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {
+      backgroundColor: "#5c5c5c",
+      color: "#fff"
+    } : _ref$style,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
     css: function css(theme) {
       return chip(theme, {

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 { 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":";;;;;;;;;;;;;;;;AAaMA,IAAAA,IAAmB,GAAG,SAAtBA,IAAsB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,SAAA,GAAA,IAAA,CAC1BC,IAD0B;AAAA,MAC1BA,IAD0B,0BACnB,IADmB,GAAA,SAAA;AAAA,MAE1BC,OAF0B,QAE1BA,OAF0B;AAAA,MAG1BC,QAH0B,QAG1BA,QAH0B;AAAA,MAAA,UAAA,GAAA,IAAA,CAI1BC,KAJ0B;AAAA,MAI1BA,KAJ0B,GAIlB,UAAA,KAAA,KAAA,CAAA,GAAA;AAAEC,IAAAA,eAAe,EAAE,SAAnB;AAA8BC,IAAAA,KAAK,EAAE,MAAA;AAArC,GAJkB,GAAA,UAAA;AAAA,MAKvBC,IALuB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAAA,EAO1B,OAAAC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,IAAI,CAACD,KAAD,EAAQ;AAAER,QAAAA,IAAI,EAAJA,IAAAA;AAAF,OAAR,CAAjC,CAAA;AAAA,KAAV;AAA8D,IAAA,KAAK,EAAEG,KAAAA;AAArE,GAAgFG,EAAAA,IAAhF,CACGL,EAAAA,OAAO,IACNM,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,OAAO,EAAEN,OAAjB;AAA0B,IAAA,YAAA,EAAA,SAAA,CAAA,MAAA,CAAsBC,QAAtB,CAA1B;AAA4D,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAEF,KAAK,CAACE,KAAAA;AAAf,KAAA;AAAnE,GAAA,EACEE,IAACG,QAAD,EAAA;AAAU,IAAA,MAAM,EAAE,EAAA;AAAlB,GADF,CAAA,CAFJ,EAOGR,QAPH,CAP0B,CAAA;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":";;;;;;;;;;;;;;;AAaMA,IAAAA,IAAmB,GAAG,SAAtBA,IAAmB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,SAAA,GAAA,IAAA,CACvBC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;AACXC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,QAAQ,QAARA,QAAQ;AAAA,IAAA,UAAA,GAAA,IAAA,CACRC,KAAK;AAALA,IAAAA,KAAK,GAAG,UAAA,KAAA,KAAA,CAAA,GAAA;AAAEC,MAAAA,eAAe,EAAE,SAAS;AAAEC,MAAAA,KAAK,EAAE,MAAA;KAAQ,GAAA,UAAA;IAClDC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,OAEPC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IAAK,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,IAAI,CAACD,KAAK,EAAE;AAAER,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;KAAC;AAAC,IAAA,KAAK,EAAEG,KAAAA;GAAWG,EAAAA,IAAI,CACjFL,EAAAA,OAAO,IACNM,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,OAAO,EAAEN,OAAQ;AAAC,IAAA,YAAA,EAAA,SAAA,CAAA,MAAA,CAAsBC,QAAQ,CAAG;AAAC,IAAA,KAAK,EAAE;MAAEG,KAAK,EAAEF,KAAK,CAACE,KAAAA;AAAM,KAAA;AAAE,GAAA,EACxFE,IAACG,QAAQ,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;GAAM,CAAA,CAE3B,EAEAR,QAAQ,CACL,CAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -21,7 +21,6 @@ var chip = function chip(_ref, _ref2) {
   };
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:inline-flex;align-items:center;font-size:", fontSizes[size], ";", size && "height: ".concat(chipHeight[size]), ";padding:0 0.75rem;border-radius:5px;button{margin-right:0.5rem;display:inline-flex;color:white;background:transparent;border:none;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:chip;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSBcIi4vQ2hpcFwiO1xuXG5jb25zdCBjaGlwSGVpZ2h0ID0ge1xuICBtZDogXCIyLjVyZW1cIixcbiAgbGc6IFwiM3JlbVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IGNoaXAgPSAoeyB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSwgeyBzaXplIH06IHsgc2l6ZTogU2l6ZSB9KTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRTaXplcyA9IHtcbiAgICBtZDogdHlwZVNjYWxlU2l6ZXMuc20sXG4gICAgbGc6IHR5cGVTY2FsZVNpemVzLmxnLFxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmb250LXNpemU6ICR7Zm9udFNpemVzW3NpemVdfTtcbiAgICAke3NpemUgJiYgYGhlaWdodDogJHtjaGlwSGVpZ2h0W3NpemVdfWB9O1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICBidXR0b24ge1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:chip;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Chip/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Chip\";\n\nconst chipHeight = {\n  md: \"2.5rem\",\n  lg: \"3rem\",\n};\n\nexport const chip = ({ typeScaleSizes }: Theme, { size }: { size: Size }): SerializedStyles => {\n  const fontSizes = {\n    md: typeScaleSizes.sm,\n    lg: typeScaleSizes.lg,\n  };\n\n  return css`\n    display: inline-flex;\n    align-items: center;\n    font-size: ${fontSizes[size]};\n    ${size && `height: ${chipHeight[size]}`};\n    padding: 0 0.75rem;\n    border-radius: 5px;\n\n    button {\n      margin-right: 0.5rem;\n      display: inline-flex;\n      color: white;\n      background: transparent;\n      border: none;\n      padding: 0;\n    }\n  `;\n};\n"],"names":["chipHeight","md","lg","chip","typeScaleSizes","size","fontSizes","sm","css"],"mappings":";;;;;;;;;;AAGA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,EAAE,EAAE,QADa;AAEjBC,EAAAA,EAAE,EAAE,MAAA;AAFa,CAAnB,CAAA;AAKaC,IAAAA,IAAI,GAAG,SAAPA,IAAO,CAA2E,IAAA,EAAA,KAAA,EAAA;AAAA,EAAxEC,IAAAA,cAAwE,QAAxEA,cAAwE,CAAA;AAAA,EAA7CC,IAAAA,IAA6C,SAA7CA,IAA6C,CAAA;AAC7F,EAAA,IAAMC,SAAS,GAAG;AAChBL,IAAAA,EAAE,EAAEG,cAAc,CAACG,EADH;AAEhBL,IAAAA,EAAE,EAAEE,cAAc,CAACF,EAAAA;AAFH,GAAlB,CAAA;AAKA,EAAA;AAAA;;AAAA;AAAOM,IAAAA,GAAP,CAAA,mDAAA,EAGeF,SAAS,CAACD,IAAD,CAHxB,EAIIA,GAAAA,EAAAA,IAAI,IAAeL,UAAAA,CAAAA,MAAAA,CAAAA,UAAU,CAACK,IAAD,CAAzB,CAJR,EAAA,gJAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,cAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yqCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,cAAA,CAAA;AAAA,IAAA;AAiBD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Chip/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Chip\";\n\nconst chipHeight = {\n  md: \"2.5rem\",\n  lg: \"3rem\",\n};\n\nexport const chip = ({ typeScaleSizes }: Theme, { size }: { size: Size }): SerializedStyles => {\n  const fontSizes = {\n    md: typeScaleSizes.sm,\n    lg: typeScaleSizes.lg,\n  };\n\n  return css`\n    display: inline-flex;\n    align-items: center;\n    font-size: ${fontSizes[size]};\n    ${size && `height: ${chipHeight[size]}`};\n    padding: 0 0.75rem;\n    border-radius: 5px;\n\n    button {\n      margin-right: 0.5rem;\n      display: inline-flex;\n      color: white;\n      background: transparent;\n      border: none;\n      padding: 0;\n    }\n  `;\n};\n"],"names":["chipHeight","md","lg","chip","typeScaleSizes","size","fontSizes","sm","css"],"mappings":";;;;;;;;;;AAGA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,MAAA;AACN,CAAC,CAAA;AAEYC,IAAAA,IAAI,GAAG,SAAPA,IAAI,CAA8E,IAAA,EAAA,KAAA,EAAA;EAAA,IAAxEC,cAAc,QAAdA,cAAc,CAAA;EAAA,IAAaC,IAAI,SAAJA,IAAI,CAAA;AACpD,EAAA,IAAMC,SAAS,GAAG;IAChBL,EAAE,EAAEG,cAAc,CAACG,EAAE;IACrBL,EAAE,EAAEE,cAAc,CAACF,EAAAA;GACpB,CAAA;AAED,EAAA;AAAA;AAAA;AAAOM,IAAAA,GAAG,CAGKF,mDAAAA,EAAAA,SAAS,CAACD,IAAI,CAAC,EAAA,GAAA,EAC1BA,IAAI,IAAA,UAAA,CAAA,MAAA,CAAeL,UAAU,CAACK,IAAI,CAAC,CAAE,EAAA,gJAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,cAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yqCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,cAAA,CAAA;AAAA,IAAA;AAa3C;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -26,7 +26,7 @@ var _excluded = ["isOpen", "onClose", "placement", "showMask", "width", "dialogS
 var dialogVariants = {
   initial: function initial(_ref) {
     var placement = _ref.placement,
-        width = _ref.width;
+      width = _ref.width;
     return {
       opacity: 0,
       x: placement === "right" ? "100%" : "-".concat(width),
@@ -46,30 +46,26 @@ var dialogVariants = {
   }
 };
 var DRAWER_ROOT = "drawerRoot";
-
 var DrawerRoot = function DrawerRoot() {
   return jsx("div", {
     id: DRAWER_ROOT
   });
 };
-
 var Drawer = function Drawer(props) {
   var isOpen = props.isOpen,
-      onClose = props.onClose,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? "left" : _props$placement,
-      _props$showMask = props.showMask,
-      showMask = _props$showMask === void 0 ? true : _props$showMask,
-      _props$width = props.width,
-      width = _props$width === void 0 ? "31.5rem" : _props$width,
-      dialogStyles = props.dialogStyles,
-      dialogClassName = props.dialogClassName,
-      children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    onClose = props.onClose,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? "left" : _props$placement,
+    _props$showMask = props.showMask,
+    showMask = _props$showMask === void 0 ? true : _props$showMask,
+    _props$width = props.width,
+    width = _props$width === void 0 ? "31.5rem" : _props$width,
+    dialogStyles = props.dialogStyles,
+    dialogClassName = props.dialogClassName,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
   var clonedChildren = Children.map(children, function (child) {
     var _props;
-
     return child && /*#__PURE__*/cloneElement(child, {
       onClose: ((_props = child.props) === null || _props === void 0 ? void 0 : _props.closable) && onClose
     });
@@ -80,7 +76,6 @@ var Drawer = function Drawer(props) {
     "placement-left": placement === "left",
     "placement-right": placement === "right"
   }, dialogClassName !== null && dialogClassName !== void 0 ? dialogClassName : "", dialogClassName));
-
   var drawer = jsx(LazyMotion, {
     features: domAnimation
   }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends({
@@ -104,7 +99,6 @@ var Drawer = function Drawer(props) {
       width: width
     }
   }, clonedChildren))));
-
   useEffect(function () {
     if (isOpen) {
       document.querySelector("body").style.overflow = "hidden";
@@ -114,7 +108,6 @@ var Drawer = function Drawer(props) {
   }, [isOpen]);
   return drawerEl && /*#__PURE__*/createPortal(drawer, drawerEl);
 };
-
 Drawer.Header = Header;
 Drawer.Body = Body;
 Drawer.Footer = Footer;

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 = 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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"}
+{"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 v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 

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

@@ -1 +1 @@
-{"version":3,"file":"Body.js","sources":["../../../../../../src/components/Drawer/components/Body.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { drawerBody } from \"./styles\";\n\nconst Body: FC = ({ children }) => <div css={drawerBody}>{children}</div>;\n\nexport default Body;\n"],"names":["Body","children","___EmotionJSX","drawerBody"],"mappings":";;;;;;;;;;;;AAGMA,IAAAA,IAAQ,GAAG,SAAXA,IAAW,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,QAAH,QAAGA,QAAH,CAAA;AAAA,EAAkB,OAAAC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,UAAAA;AAAV,GAAA,EAAuBF,QAAvB,CAAlB,CAAA;AAAA;;;;"}
+{"version":3,"file":"Body.js","sources":["../../../../../../src/components/Drawer/components/Body.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { drawerBody } from \"./styles\";\n\nconst Body: FC = ({ children }) => <div css={drawerBody}>{children}</div>;\n\nexport default Body;\n"],"names":["Body","children","___EmotionJSX","drawerBody"],"mappings":";;;;;;;;;;;;AAGMA,IAAAA,IAAQ,GAAG,SAAXA,IAAQ,CAAA,IAAA,EAAA;EAAA,IAAMC,QAAQ,QAARA,QAAQ,CAAA;EAAA,OAAOC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,UAAAA;AAAW,GAAA,EAAEF,QAAQ,CAAO,CAAA;AAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../../src/components/Drawer/components/Footer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { footerContainer } from \"./styles\";\n\nconst Footer: FC = ({ children }) => (\n  <footer data-testid=\"drawer-footer\" css={footerContainer}>\n    {children}\n  </footer>\n);\n\nexport default Footer;\n"],"names":["Footer","children","___EmotionJSX","footerContainer"],"mappings":";;;;;;;;;;;;AAGMA,IAAAA,MAAU,GAAG,SAAbA,MAAa,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,QAAH,QAAGA,QAAH,CAAA;AAAA,EACjB,OAAAC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,aAAA,EAAY,eAApB;AAAoC,IAAA,GAAG,EAAEC,eAAAA;AAAzC,GAAA,EACGF,QADH,CADiB,CAAA;AAAA;;;;"}
+{"version":3,"file":"Footer.js","sources":["../../../../../../src/components/Drawer/components/Footer.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { footerContainer } from \"./styles\";\n\nconst Footer: FC = ({ children }) => (\n  <footer data-testid=\"drawer-footer\" css={footerContainer}>\n    {children}\n  </footer>\n);\n\nexport default Footer;\n"],"names":["Footer","children","___EmotionJSX","footerContainer"],"mappings":";;;;;;;;;;;;AAGMA,IAAAA,MAAU,GAAG,SAAbA,MAAU,CAAA,IAAA,EAAA;EAAA,IAAMC,QAAQ,QAARA,QAAQ,CAAA;EAAA,OAC5BC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,aAAA,EAAY,eAAe;AAAC,IAAA,GAAG,EAAEC,eAAAA;AAAgB,GAAA,EACtDF,QAAQ,CACF,CAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -14,9 +14,9 @@ import { createElement as jsx } from '../../../../node_modules/@emotion/react/di
 
 var Header = function Header(_ref) {
   var onClose = _ref.onClose,
-      _ref$noGutters = _ref.noGutters,
-      noGutters = _ref$noGutters === void 0 ? false : _ref$noGutters,
-      children = _ref.children;
+    _ref$noGutters = _ref.noGutters,
+    noGutters = _ref$noGutters === void 0 ? false : _ref$noGutters,
+    children = _ref.children;
   var title = typeof children === "string" ? jsx(Heading, null, children) : children;
   return jsx("header", {
     id: "drawer-title",

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Drawer/components/Header.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../../Heading/Heading\";\nimport { CloseSVG } from \"../../../icons/\";\nimport { drawerHeader } from \"./styles\";\n\nexport type HeaderProps = {\n  onClose?: () => void;\n  noGutters?: boolean;\n};\n\nconst Header: FC<HeaderProps> = ({ onClose, noGutters = false, children }) => {\n  const title = typeof children === \"string\" ? <Heading>{children}</Heading> : children;\n\n  return (\n    <header\n      id=\"drawer-title\"\n      data-testid=\"drawer-header\"\n      css={(theme): SerializedStyles => drawerHeader(theme, { noGutters })}\n    >\n      {title}\n      {Boolean(onClose) && (\n        <button type=\"button\" aria-label=\"Close drawer\" onClick={onClose}>\n          <CloseSVG height={24} />\n        </button>\n      )}\n    </header>\n  );\n};\n\nexport default Header;\n"],"names":["Header","onClose","noGutters","children","title","___EmotionJSX","theme","drawerHeader","Boolean","CloseSVG"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,MAAuB,GAAG,SAA1BA,MAA0B,CAA8C,IAAA,EAAA;AAAA,EAA3CC,IAAAA,OAA2C,QAA3CA,OAA2C;AAAA,MAAA,cAAA,GAAA,IAAA,CAAlCC,SAAkC;AAAA,MAAlCA,SAAkC,+BAAtB,KAAsB,GAAA,cAAA;AAAA,MAAfC,QAAe,QAAfA,QAAe,CAAA;AAC5E,EAAA,IAAMC,KAAK,GAAG,OAAOD,QAAP,KAAoB,QAApB,GAA+BE,GAAA,CAAC,OAAD,EAAA,IAAA,EAAUF,QAAV,CAA/B,GAA+DA,QAA7E,CAAA;AAEA,EACE,OAAAE,GAAA,CAAA,QAAA,EAAA;AACE,IAAA,EAAE,EAAC,cADL;AAEE,IAAA,aAAA,EAAY,eAFd;AAGE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,YAAY,CAACD,KAAD,EAAQ;AAAEJ,QAAAA,SAAS,EAATA,SAAAA;AAAF,OAAR,CAAzC,CAAA;AAAA,KAAA;AAHP,GAAA,EAKGE,KALH,EAMGI,OAAO,CAACP,OAAD,CAAP,IACCI,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,YAAA,EAAW,cAAjC;AAAgD,IAAA,OAAO,EAAEJ,OAAAA;AAAzD,GAAA,EACEI,IAACI,QAAD,EAAA;AAAU,IAAA,MAAM,EAAE,EAAA;AAAlB,GAAA,CADF,CAPJ,CADF,CAAA;AAcD;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Drawer/components/Header.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../../Heading/Heading\";\nimport { CloseSVG } from \"../../../icons/\";\nimport { drawerHeader } from \"./styles\";\n\nexport type HeaderProps = {\n  onClose?: () => void;\n  noGutters?: boolean;\n};\n\nconst Header: FC<HeaderProps> = ({ onClose, noGutters = false, children }) => {\n  const title = typeof children === \"string\" ? <Heading>{children}</Heading> : children;\n\n  return (\n    <header\n      id=\"drawer-title\"\n      data-testid=\"drawer-header\"\n      css={(theme): SerializedStyles => drawerHeader(theme, { noGutters })}\n    >\n      {title}\n      {Boolean(onClose) && (\n        <button type=\"button\" aria-label=\"Close drawer\" onClick={onClose}>\n          <CloseSVG height={24} />\n        </button>\n      )}\n    </header>\n  );\n};\n\nexport default Header;\n"],"names":["Header","onClose","noGutters","children","title","___EmotionJSX","theme","drawerHeader","Boolean","CloseSVG"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,MAAuB,GAAG,SAA1BA,MAAuB,CAAiD,IAAA,EAAA;EAAA,IAA3CC,OAAO,QAAPA,OAAO;AAAA,IAAA,cAAA,GAAA,IAAA,CAAEC,SAAS;AAATA,IAAAA,SAAS,+BAAG,KAAK,GAAA,cAAA;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AACrE,EAAA,IAAMC,KAAK,GAAG,OAAOD,QAAQ,KAAK,QAAQ,GAAGE,GAAA,CAAC,OAAO,EAAA,IAAA,EAAEF,QAAQ,CAAW,GAAGA,QAAQ,CAAA;EAErF,OACEE,GAAA,CAAA,QAAA,EAAA;AACE,IAAA,EAAE,EAAC,cAAc;AACjB,IAAA,aAAA,EAAY,eAAe;IAC3B,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,YAAY,CAACD,KAAK,EAAE;AAAEJ,QAAAA,SAAS,EAATA,SAAAA;AAAU,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAEpEE,KAAK,EACLI,OAAO,CAACP,OAAO,CAAC,IACfI,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,IAAI,EAAC,QAAQ;AAAC,IAAA,YAAA,EAAW,cAAc;AAAC,IAAA,OAAO,EAAEJ,OAAAA;AAAQ,GAAA,EAC/DI,IAACI,QAAQ,EAAA;AAAC,IAAA,MAAM,EAAE,EAAA;AAAG,GAAA,CAAG,CAE3B,CACM,CAAA;AAEb;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -19,7 +19,6 @@ var maskVariants = {
     opacity: 1
   }
 };
-
 var Mask = function Mask(_ref) {
   var onClose = _ref.onClose;
   return jsx(m.div, {

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

@@ -1 +1 @@
-{"version":3,"file":"Mask.js","sources":["../../../../../../src/components/Drawer/components/Mask.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { m, Variants } from \"framer-motion\";\nimport { maskContainer } from \"./styles\";\n\nconst maskVariants: Variants = {\n  hidden: {\n    opacity: 0,\n  },\n  expanded: {\n    opacity: 1,\n  },\n};\n\nexport type MaskProps = {\n  onClose: () => void;\n};\n\nconst Mask: FC<MaskProps> = ({ onClose }) => (\n  <m.div\n    css={maskContainer}\n    onClick={onClose}\n    initial=\"hidden\"\n    animate=\"expanded\"\n    exit=\"hidden\"\n    variants={maskVariants}\n    data-testid=\"mask\"\n  />\n);\n\nexport default Mask;\n"],"names":["maskVariants","hidden","opacity","expanded","Mask","onClose","___EmotionJSX","maskContainer"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,YAAsB,GAAG;AAC7BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,CAAA;AADH,GADqB;AAI7BC,EAAAA,QAAQ,EAAE;AACRD,IAAAA,OAAO,EAAE,CAAA;AADD,GAAA;AAJmB,CAA/B,CAAA;;AAaME,IAAAA,IAAmB,GAAG,SAAtBA,IAAsB,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,OAAH,QAAGA,OAAH,CAAA;AAAA,EAC1B,OAAAC,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA;AACE,IAAA,GAAG,EAAEC,aADP;AAEE,IAAA,OAAO,EAAEF,OAFX;AAGE,IAAA,OAAO,EAAC,QAHV;AAIE,IAAA,OAAO,EAAC,UAJV;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,QAAQ,EAAEL,YANZ;AAOE,IAAY,aAAA,EAAA,MAAA;AAPd,GAD0B,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"Mask.js","sources":["../../../../../../src/components/Drawer/components/Mask.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { m, Variants } from \"framer-motion\";\nimport { maskContainer } from \"./styles\";\n\nconst maskVariants: Variants = {\n  hidden: {\n    opacity: 0,\n  },\n  expanded: {\n    opacity: 1,\n  },\n};\n\nexport type MaskProps = {\n  onClose: () => void;\n};\n\nconst Mask: FC<MaskProps> = ({ onClose }) => (\n  <m.div\n    css={maskContainer}\n    onClick={onClose}\n    initial=\"hidden\"\n    animate=\"expanded\"\n    exit=\"hidden\"\n    variants={maskVariants}\n    data-testid=\"mask\"\n  />\n);\n\nexport default Mask;\n"],"names":["maskVariants","hidden","opacity","expanded","Mask","onClose","___EmotionJSX","maskContainer"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,YAAsB,GAAG;AAC7BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,CAAA;GACV;AACDC,EAAAA,QAAQ,EAAE;AACRD,IAAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF,CAAC,CAAA;AAMKE,IAAAA,IAAmB,GAAG,SAAtBA,IAAmB,CAAA,IAAA,EAAA;EAAA,IAAMC,OAAO,QAAPA,OAAO,CAAA;EAAA,OACpCC,GAAA,CAAC,CAAC,CAAC,GAAG,EAAA;AACJ,IAAA,GAAG,EAAEC,aAAc;AACnB,IAAA,OAAO,EAAEF,OAAQ;AACjB,IAAA,OAAO,EAAC,QAAQ;AAChB,IAAA,OAAO,EAAC,UAAU;AAClB,IAAA,IAAI,EAAC,QAAQ;AACb,IAAA,QAAQ,EAAEL,YAAa;IACvB,aAAY,EAAA,MAAA;GACZ,CAAA,CAAA;AAAA;;;;"}