@epignosis_llc/gnosis 2.1.6 → 2.2.0

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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":";;;;;;;;;;;;;;;;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":";;;;;;;;;;;;;;;;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;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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;AAFa,CAAnB;IAKaC,IAAI,GAAG,SAAPA,IAAO,cAA2E;AAAA,MAAxEC,cAAwE,QAAxEA,cAAwE;AAAA,MAA7CC,IAA6C,SAA7CA,IAA6C;AAC7F,MAAMC,SAAS,GAAG;AAChBL,IAAAA,EAAE,EAAEG,cAAc,CAACG,EADH;AAEhBL,IAAAA,EAAE,EAAEE,cAAc,CAACF;AAFH,GAAlB;AAKA;AAAA;;AAAA;AAAOM,IAAAA,GAAP,sDAGeF,SAAS,CAACD,IAAD,CAHxB,OAIIA,IAAI,sBAAeL,UAAU,CAACK,IAAD,CAAzB,CAJR;AAAA;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,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;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
@@ -17,10 +17,10 @@ import Body from './components/Body.js';
 import Mask from './components/Mask.js';
 import Footer from './components/Footer.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';
-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';
+import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js';
+import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
+import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
+import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs.js';
 
 var _excluded = ["isOpen", "onClose", "placement", "showMask", "width", "dialogStyles", "dialogClassName", "children"];
 var dialogVariants = {

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 v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * 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":";;;;;;;;;;;;IAGMA,IAAQ,GAAG,SAAXA,IAAW;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,SAAkBC;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAuBF,QAAvB,CAAlB;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,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;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * 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":";;;;;;;;;;;;IAGMA,MAAU,GAAG,SAAbA,MAAa;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,SACjBC;AAAQ,mBAAY,eAApB;AAAoC,IAAA,GAAG,EAAEC;AAAzC,KACGF,QADH,CADiB;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,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;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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":";;;;;;;;;;;;;;IAWMA,MAAuB,GAAG,SAA1BA,MAA0B,OAA8C;AAAA,MAA3CC,OAA2C,QAA3CA,OAA2C;AAAA,4BAAlCC,SAAkC;AAAA,MAAlCA,SAAkC,+BAAtB,KAAsB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC5E,MAAMC,KAAK,GAAG,OAAOD,QAAP,KAAoB,QAApB,GAA+BE,IAAC,OAAD,QAAUF,QAAV,CAA/B,GAA+DA,QAA7E;AAEA,SACEE;AACE,IAAA,EAAE,EAAC,cADL;AAEE,mBAAY,eAFd;AAGE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,YAAY,CAACD,KAAD,EAAQ;AAAEJ,QAAAA,SAAS,EAATA;AAAF,OAAR,CAAzC;AAAA;AAHP,KAKGE,KALH,EAMGI,OAAO,CAACP,OAAD,CAAP,IACCI;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,kBAAW,cAAjC;AAAgD,IAAA,OAAO,EAAEJ;AAAzD,KACEI,IAACI,QAAD;AAAU,IAAA,MAAM,EAAE;AAAlB,IADF,CAPJ,CADF;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,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;;;;"}

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

@@ -2,14 +2,14 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
 import 'react';
 import { maskContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
-import { m } from '../../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.js';
+import { m } from '../../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
 
 var maskVariants = {
   hidden: {

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;AADH,GADqB;AAI7BC,EAAAA,QAAQ,EAAE;AACRD,IAAAA,OAAO,EAAE;AADD;AAJmB,CAA/B;;IAaME,IAAmB,GAAG,SAAtBA,IAAsB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,SAC1BC,IAAC,CAAD,CAAG,GAAH;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,mBAAY;AAPd,IAD0B;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;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;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Drawer/components/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const drawerHeader = (\n  { drawer, typeScaleSizes }: Theme,\n  { noGutters }: { noGutters: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: ${noGutters ? 0 : \"1rem 0 1rem 2rem\"};\n    height: 100%;\n    max-height: 4.5rem;\n\n    ${mq[\"sm\"]} {\n      padding: ${noGutters ? 0 : \"1rem 2rem\"};\n    }\n\n    button {\n      font-size: ${typeScaleSizes.md}rem;\n      display: inline-flex;\n      background-color: transparent;\n      color: ${drawer.closeBtnColor.base};\n      padding: 0 1rem;\n      border: 0;\n      cursor: pointer;\n\n      &:hover,\n      &:focus {\n        color: ${drawer.closeBtnColor.hover};\n      }\n    }\n  `;\n};\n\nexport const drawerBody = css`\n  height: 100%;\n  overflow-y: auto;\n`;\n\nexport const maskContainer = css`\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n`;\n\nexport const footerContainer = css`\n  padding: 1rem;\n\n  ${mq[\"md\"]} {\n    padding: 2rem;\n  }\n`;\n"],"names":["drawerHeader","drawer","typeScaleSizes","noGutters","css","mq","md","closeBtnColor","base","hover","drawerBody","maskContainer","footerContainer"],"mappings":";;;;;;;;;;;;IAGaA,YAAY,GAAG,SAAfA,YAAe,cAGL;AAAA,MAFnBC,MAEmB,QAFnBA,MAEmB;AAAA,MAFXC,cAEW,QAFXA,cAEW;AAAA,MADnBC,SACmB,SADnBA,SACmB;AACrB;AAAA;;AAAA;AAAOC,IAAAA,GAAP,2EAIaD,SAAS,GAAG,CAAH,GAAO,kBAJ7B,qCAQIE,EAAE,CAAC,IAAD,CARN,eASeF,SAAS,GAAG,CAAH,GAAO,WAT/B,yBAaiBD,cAAc,CAACI,EAbhC,iEAgBaL,MAAM,CAACM,aAAP,CAAqBC,IAhBlC,oEAuBeP,MAAM,CAACM,aAAP,CAAqBE,KAvBpC;AAAA;AA2BD;IAEYC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAKVC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IASbC,eAAe;AAAA;;AAAA;AAAGR,GAAH,kBAGxBC,EAAE,CAAC,IAAD,CAHsB;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Drawer/components/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const drawerHeader = (\n  { drawer, typeScaleSizes }: Theme,\n  { noGutters }: { noGutters: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: ${noGutters ? 0 : \"1rem 0 1rem 2rem\"};\n    height: 100%;\n    max-height: 4.5rem;\n\n    ${mq[\"sm\"]} {\n      padding: ${noGutters ? 0 : \"1rem 2rem\"};\n    }\n\n    button {\n      font-size: ${typeScaleSizes.md}rem;\n      display: inline-flex;\n      background-color: transparent;\n      color: ${drawer.closeBtnColor.base};\n      padding: 0 1rem;\n      border: 0;\n      cursor: pointer;\n\n      &:hover,\n      &:focus {\n        color: ${drawer.closeBtnColor.hover};\n      }\n    }\n  `;\n};\n\nexport const drawerBody = css`\n  height: 100%;\n  overflow-y: auto;\n`;\n\nexport const maskContainer = css`\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n`;\n\nexport const footerContainer = css`\n  padding: 1rem;\n\n  ${mq[\"md\"]} {\n    padding: 2rem;\n  }\n`;\n"],"names":["drawerHeader","drawer","typeScaleSizes","noGutters","css","mq","md","closeBtnColor","base","hover","drawerBody","maskContainer","footerContainer"],"mappings":";;;;;;;;;;;;AAGaA,IAAAA,YAAY,GAAG,SAAfA,YAAe,CAGL,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,MAEmB,QAFnBA,MAEmB;AAAA,MAFXC,cAEW,QAFXA,cAEW,CAAA;AAAA,EADnBC,IAAAA,SACmB,SADnBA,SACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAAA,wEAAA,EAIaD,SAAS,GAAG,CAAH,GAAO,kBAJ7B,EAQIE,iCAAAA,EAAAA,EAAE,CAAC,IAAD,CARN,EAAA,WAAA,EASeF,SAAS,GAAG,CAAH,GAAO,WAT/B,EAaiBD,qBAAAA,EAAAA,cAAc,CAACI,EAbhC,iEAgBaL,MAAM,CAACM,aAAP,CAAqBC,IAhBlC,EAuBeP,gEAAAA,EAAAA,MAAM,CAACM,aAAP,CAAqBE,KAvBpC,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,izDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,sBAAA,CAAA;AAAA,IAAA;AA2BD,EA/BM;IAiCMC,UAAU,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,QAAA;AAAA,EAAA,MAAA,EAAA,6BAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,oBAAA;AAAA,EAAA,MAAA,EAAA,+CAAA;AAAA,EAAA,GAAA,EAAA,qzDAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAAhB;IAKMC,aAAa,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,QAAA;AAAA,EAAA,MAAA,EAAA,4FAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,sBAAA;AAAA,EAAA,MAAA,EAAA,iHAAA;AAAA,EAAA,GAAA,EAAA,qzDAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,EAAnB;IASMC,eAAe;AAAA;;AAAA;AAAGR,GAAH,CAGxBC,eAAAA,EAAAA,EAAE,CAAC,IAAD,CAHsB,EAArB,iBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qzDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Drawer/styles.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\n\nexport const drawerContainer = (width: string): SerializedStyles => {\n  return css`\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    z-index: 1000;\n\n    .dialog {\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      max-width: ${width};\n      display: flex;\n      flex-direction: column;\n      background-color: #ffffff;\n      padding: 0;\n      border: 0;\n\n      &.placement-left {\n        left: 0;\n        right: auto;\n      }\n\n      &.placement-right {\n        left: auto;\n        right: 0;\n      }\n    }\n  `;\n};\n"],"names":["drawerContainer","width","css"],"mappings":";;;;;;;;;;IAEaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAqC;AAClE;AAAA;;AAAA;AAAOC,IAAAA,GAAP,gIAYiBD,KAZjB;AAAA;AA8BD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Drawer/styles.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\n\nexport const drawerContainer = (width: string): SerializedStyles => {\n  return css`\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    z-index: 1000;\n\n    .dialog {\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      max-width: ${width};\n      display: flex;\n      flex-direction: column;\n      background-color: #ffffff;\n      padding: 0;\n      border: 0;\n\n      &.placement-left {\n        left: 0;\n        right: auto;\n      }\n\n      &.placement-right {\n        left: auto;\n        right: 0;\n      }\n    }\n  `;\n};\n"],"names":["drawerContainer","width","css"],"mappings":";;;;;;;;;;IAEaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAqC;AAClE,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,gIAYiBD,KAZjB,EAAA,4JAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ykCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AA8BD;;;;"}

package/dist/esm/src/components/FormElements/CheckboxGroup/Checkbox.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { checkboxContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type CheckboxOption = {\n  value: string;\n  label?: string;\n  name: string;\n  disabled?: boolean;\n  isPartiallySelected?: boolean;\n};\n\nexport type CheckboxSize = \"md\" | \"lg\";\n\nexport type CheckboxProps = ExtendableProps<\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\">,\n  CheckboxOption & {\n    id: string;\n    size?: CheckboxSize;\n    inline?: boolean;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\n\nconst Checkbox: ForwardRefRenderFunction<HTMLDivElement, CheckboxProps> = (props, ref) => {\n  const {\n    id,\n    label,\n    size = \"md\",\n    inline = false,\n    containerAttrs,\n    isPartiallySelected,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      ref={ref}\n      css={(theme): SerializedStyles => checkboxContainer(theme, { size, inline })}\n      {...containerAttrs}\n    >\n      {isPartiallySelected && <span data-testid=\"is-partially-selected\" className=\"dash\" />}\n      <input id={id} type=\"checkbox\" {...rest} />\n      <label htmlFor={id}>\n        <span className=\"shadow-element\" tabIndex={-1} aria-hidden=\"true\" />\n        {label}\n      </label>\n    </div>\n  );\n};\n\nexport default forwardRef(Checkbox);\n"],"names":["Checkbox","props","ref","id","label","size","inline","containerAttrs","isPartiallySelected","rest","___EmotionJSX","theme","checkboxContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAyBA,IAAMA,QAAiE,GAAG,SAApEA,QAAoE,CAACC,KAAD,EAAQC,GAAR,EAAgB;AACxF,MACEC,EADF,GAQIF,KARJ,CACEE,EADF;AAAA,MAEEC,KAFF,GAQIH,KARJ,CAEEG,KAFF;AAAA,oBAQIH,KARJ,CAGEI,IAHF;AAAA,MAGEA,IAHF,4BAGS,IAHT;AAAA,sBAQIJ,KARJ,CAIEK,MAJF;AAAA,MAIEA,MAJF,8BAIW,KAJX;AAAA,MAKEC,cALF,GAQIN,KARJ,CAKEM,cALF;AAAA,MAMEC,mBANF,GAQIP,KARJ,CAMEO,mBANF;AAAA,MAOKC,IAPL,4BAQIR,KARJ;;AAUA,SACES;AACE,IAAA,GAAG,EAAER,GADP;AAEE,IAAA,GAAG,EAAE,aAACS,KAAD;AAAA,aAA6BC,iBAAiB,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAA9C;AAAA;AAFP,KAGMC,cAHN,GAKGC,mBAAmB,IAAIE;AAAM,mBAAY,uBAAlB;AAA0C,IAAA,SAAS,EAAC;AAApD,IAL1B,EAMEA;AAAO,IAAA,EAAE,EAAEP,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAmCM,IAAnC,EANF,EAOEC;AAAO,IAAA,OAAO,EAAEP;AAAhB,KACEO;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,CAAC,CAA5C;AAA+C,mBAAY;AAA3D,IADF,EAEGN,KAFH,CAPF,CADF;AAcD,CAzBD;;AA2BA,8BAAeS,UAAU,CAACb,QAAD,CAAzB;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { checkboxContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type CheckboxOption = {\n  value: string;\n  label?: string;\n  name: string;\n  disabled?: boolean;\n  isPartiallySelected?: boolean;\n};\n\nexport type CheckboxSize = \"md\" | \"lg\";\n\nexport type CheckboxProps = ExtendableProps<\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\">,\n  CheckboxOption & {\n    id: string;\n    size?: CheckboxSize;\n    inline?: boolean;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\n\nconst Checkbox: ForwardRefRenderFunction<HTMLDivElement, CheckboxProps> = (props, ref) => {\n  const {\n    id,\n    label,\n    size = \"md\",\n    inline = false,\n    containerAttrs,\n    isPartiallySelected,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      ref={ref}\n      css={(theme): SerializedStyles => checkboxContainer(theme, { size, inline })}\n      {...containerAttrs}\n    >\n      {isPartiallySelected && <span data-testid=\"is-partially-selected\" className=\"dash\" />}\n      <input id={id} type=\"checkbox\" {...rest} />\n      <label htmlFor={id}>\n        <span className=\"shadow-element\" tabIndex={-1} aria-hidden=\"true\" />\n        {label}\n      </label>\n    </div>\n  );\n};\n\nexport default forwardRef(Checkbox);\n"],"names":["Checkbox","props","ref","id","label","size","inline","containerAttrs","isPartiallySelected","rest","___EmotionJSX","theme","checkboxContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAyBA,IAAMA,QAAiE,GAAG,SAApEA,QAAoE,CAACC,KAAD,EAAQC,GAAR,EAAgB;AACxF,EAAA,IACEC,EADF,GAQIF,KARJ,CACEE,EADF;AAAA,MAEEC,KAFF,GAQIH,KARJ,CAEEG,KAFF;AAAA,MAQIH,WAAAA,GAAAA,KARJ,CAGEI,IAHF;AAAA,MAGEA,IAHF,4BAGS,IAHT,GAAA,WAAA;AAAA,MAQIJ,aAAAA,GAAAA,KARJ,CAIEK,MAJF;AAAA,MAIEA,MAJF,8BAIW,KAJX,GAAA,aAAA;AAAA,MAKEC,cALF,GAQIN,KARJ,CAKEM,cALF;AAAA,MAMEC,mBANF,GAQIP,KARJ,CAMEO,mBANF;AAAA,MAOKC,IAPL,4BAQIR,KARJ,EAAA,SAAA,CAAA,CAAA;;AAUA,EACE,OAAAS,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAER,GADP;AAEE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACS,KAAD,EAAA;AAAA,MAA6BC,OAAAA,iBAAiB,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA,MAAAA;AAAR,OAAR,CAA9C,CAAA;AAAA,KAAA;AAFP,GAGMC,EAAAA,cAHN,CAKGC,EAAAA,mBAAmB,IAAIE,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,aAAA,EAAY,uBAAlB;AAA0C,IAAA,SAAS,EAAC,MAAA;AAApD,GAAA,CAL1B,EAMEA,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA;AAAO,IAAA,EAAE,EAAEP,EAAX;AAAe,IAAA,IAAI,EAAC,UAAA;AAApB,GAAmCM,EAAAA,IAAnC,EANF,EAOEC,GAAA,CAAA,OAAA,EAAA;AAAO,IAAA,OAAO,EAAEP,EAAAA;AAAhB,GACE,EAAAO,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,CAAC,CAA5C;AAA+C,IAAY,aAAA,EAAA,MAAA;AAA3D,GADF,CAAA,EAEGN,KAFH,CAPF,CADF,CAAA;AAcD,CAzBD,CAAA;;AA2BA,iBAAeS,aAAAA,UAAU,CAACb,QAAD,CAAzB;;;;"}

package/dist/esm/src/components/FormElements/CheckboxGroup/CheckboxGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, useState, useEffect } from \"react\";\nimport { InputSize } from \"../Input/Input\";\nimport Checkbox, { CheckboxOption } from \"./Checkbox\";\nimport { checkboxGroupContainer } from \"./styles\";\n\nexport type CheckboxGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {\n  groupname: string;\n  options: CheckboxOption[];\n  onChange?: (selectedValues: string[]) => void;\n  initialValues?: string[];\n  inline?: boolean;\n  size?: InputSize;\n};\n\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValues = [],\n  inline = false,\n  size = \"md\",\n  ...rest\n}) => {\n  const [selectedValues, setSelectedValues] = useState(initialValues);\n  const isPartiallySelected = selectedValues.length > 0 && selectedValues.length < options.length;\n  const ariaChecked = isPartiallySelected ? \"mixed\" : selectedValues.length === options.length;\n  const selectValues = (e: ChangeEvent<HTMLInputElement>): void => {\n    const selectedValue = e.target.value;\n    if (selectedValues.includes(selectedValue)) {\n      setSelectedValues(selectedValues.filter((value) => selectedValue !== value));\n    } else {\n      setSelectedValues([...selectedValues, selectedValue]);\n    }\n  };\n  const handleGroupChange = (): void => {\n    if (selectedValues.length) {\n      setSelectedValues([]);\n    } else {\n      setSelectedValues(options.filter((option) => !option.disabled).map((option) => option.value));\n    }\n  };\n\n  useEffect(() => {\n    onChange && onChange(selectedValues);\n  }, [selectedValues, onChange]);\n\n  return (\n    <fieldset css={checkboxGroupContainer(inline)} {...rest}>\n      <legend>\n        {isPartiallySelected && <span className=\"dash\" />}\n        <Checkbox\n          id={`${groupname}-container`}\n          label={groupname}\n          name={groupname}\n          value=\"\"\n          onChange={handleGroupChange}\n          size={size}\n          checked={selectedValues.length > 0}\n          aria-checked={ariaChecked}\n          inline\n        />\n      </legend>\n      <ul>\n        {options.map((option) => (\n          <li key={option.name}>\n            <Checkbox\n              id={`${groupname}-${option.value}`}\n              size={size}\n              checked={selectedValues.includes(option.value)}\n              onChange={selectValues}\n              inline\n              {...option}\n            />\n          </li>\n        ))}\n      </ul>\n    </fieldset>\n  );\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","groupname","options","onChange","initialValues","inline","size","rest","useState","selectedValues","setSelectedValues","isPartiallySelected","length","ariaChecked","selectValues","e","selectedValue","target","value","includes","filter","handleGroupChange","option","disabled","map","useEffect","___EmotionJSX","checkboxGroupContainer","name"],"mappings":"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"}
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, useState, useEffect } from \"react\";\nimport { InputSize } from \"../Input/Input\";\nimport Checkbox, { CheckboxOption } from \"./Checkbox\";\nimport { checkboxGroupContainer } from \"./styles\";\n\nexport type CheckboxGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {\n  groupname: string;\n  options: CheckboxOption[];\n  onChange?: (selectedValues: string[]) => void;\n  initialValues?: string[];\n  inline?: boolean;\n  size?: InputSize;\n};\n\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValues = [],\n  inline = false,\n  size = \"md\",\n  ...rest\n}) => {\n  const [selectedValues, setSelectedValues] = useState(initialValues);\n  const isPartiallySelected = selectedValues.length > 0 && selectedValues.length < options.length;\n  const ariaChecked = isPartiallySelected ? \"mixed\" : selectedValues.length === options.length;\n  const selectValues = (e: ChangeEvent<HTMLInputElement>): void => {\n    const selectedValue = e.target.value;\n    if (selectedValues.includes(selectedValue)) {\n      setSelectedValues(selectedValues.filter((value) => selectedValue !== value));\n    } else {\n      setSelectedValues([...selectedValues, selectedValue]);\n    }\n  };\n  const handleGroupChange = (): void => {\n    if (selectedValues.length) {\n      setSelectedValues([]);\n    } else {\n      setSelectedValues(options.filter((option) => !option.disabled).map((option) => option.value));\n    }\n  };\n\n  useEffect(() => {\n    onChange && onChange(selectedValues);\n  }, [selectedValues, onChange]);\n\n  return (\n    <fieldset css={checkboxGroupContainer(inline)} {...rest}>\n      <legend>\n        {isPartiallySelected && <span className=\"dash\" />}\n        <Checkbox\n          id={`${groupname}-container`}\n          label={groupname}\n          name={groupname}\n          value=\"\"\n          onChange={handleGroupChange}\n          size={size}\n          checked={selectedValues.length > 0}\n          aria-checked={ariaChecked}\n          inline\n        />\n      </legend>\n      <ul>\n        {options.map((option) => (\n          <li key={option.name}>\n            <Checkbox\n              id={`${groupname}-${option.value}`}\n              size={size}\n              checked={selectedValues.includes(option.value)}\n              onChange={selectValues}\n              inline\n              {...option}\n            />\n          </li>\n        ))}\n      </ul>\n    </fieldset>\n  );\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","groupname","options","onChange","initialValues","inline","size","rest","useState","selectedValues","setSelectedValues","isPartiallySelected","length","ariaChecked","selectValues","e","selectedValue","target","value","includes","filter","handleGroupChange","option","disabled","map","useEffect","___EmotionJSX","checkboxGroupContainer","name"],"mappings":"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"}

package/dist/esm/src/components/FormElements/CheckboxGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { CheckboxSize } from \"./Checkbox\";\n\nexport const checkboxGroupContainer = (inline: boolean): SerializedStyles => css`\n  display: flex;\n  flex-direction: ${inline ? \"row\" : \"column\"};\n  padding: 0;\n  border: 0;\n  margin: 0;\n\n  legend {\n    position: relative;\n\n    .dash {\n      position: absolute;\n      top: 21px;\n      left: 7px;\n      width: 8px;\n      height: 2px;\n      background-color: white;\n      z-index: 3;\n    }\n\n    .checkbox-container {\n      padding-bottom: 0.5rem;\n    }\n  }\n\n  ul {\n    padding: 0 0 0 2rem;\n    margin: 0;\n    list-style: none;\n\n    .checkbox-container {\n      padding: 0.5rem 0 0.5rem;\n    }\n  }\n`;\n\nexport const checkboxContainer = (\n  { typeScaleSizes, formElements }: Theme,\n  { size, inline }: { size: CheckboxSize; inline: boolean },\n): SerializedStyles => {\n  const fontSizes = {\n    md: typeScaleSizes.sm,\n    lg: typeScaleSizes.md,\n  };\n\n  return css`\n    display: ${inline ? \"inline-flex\" : \"flex\"};\n    padding: 0.75rem ${inline ? \"1.5rem\" : \"0\"} 0.75rem 0;\n    position: relative;\n\n    .dash {\n      position: absolute;\n      top: 21px;\n      left: 7px;\n      width: 8px;\n      height: 2px;\n      background-color: white;\n      z-index: 3;\n    }\n\n    input[type=\"checkbox\"] {\n      opacity: 0;\n\n      &:focus,\n      &:hover {\n        + label > .shadow-element {\n          box-shadow: 0px 0px 0px 9px ${formElements.checkbox.input.shadowColor};\n        }\n      }\n\n      &:checked {\n        + label::after {\n          opacity: 1;\n          transform: scale(1);\n        }\n      }\n\n      &:disabled {\n        + label {\n          cursor: not-allowed;\n\n          .shadow-element {\n            box-shadow: none;\n          }\n\n          &::after {\n            background-color: ${formElements.checkbox.input.borderColor};\n          }\n        }\n      }\n\n      + label {\n        font-size: ${fontSizes[size]};\n        position: relative;\n        display: inline-block;\n        padding-left: 1.5rem;\n        cursor: pointer;\n\n        &::before {\n          content: \"\";\n          background-color: white;\n          border: 1px solid ${formElements.checkbox.input.borderColor};\n          border-radius: 3px;\n          margin-right: 1rem;\n          z-index: 1;\n        }\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          display: inline-block;\n          left: -9px;\n          top: 3px;\n          width: 14px;\n          height: 14px;\n          background-color: ${formElements.checkbox.input.background};\n          border-radius: 3px;\n          opacity: 0;\n          z-index: 2;\n          transform: scale(0.5);\n          transition: transform 50ms ease, opacity 100ms ease;\n        }\n\n        &::before,\n        .shadow-element {\n          position: absolute;\n          left: -12px;\n          display: inline-block;\n          width: 20px;\n          height: 20px;\n        }\n\n        .shadow-element {\n          border-radius: 50%;\n          transition: box-shadow 0.1s ease-out;\n        }\n      }\n    }\n  `;\n};\n"],"names":["checkboxGroupContainer","inline","css","checkboxContainer","typeScaleSizes","formElements","size","fontSizes","md","sm","lg","checkbox","input","shadowColor","borderColor","background"],"mappings":";;;;;;;;;;IAGaA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,MAAD;AAAA;AAAA;;AAAA;AAAuCC,IAAAA,GAAvC,iCAElBD,MAAM,GAAG,KAAH,GAAW,QAFC;AAAA;AAAA;IAoCzBE,iBAAiB,GAAG,SAApBA,iBAAoB,cAGV;AAAA,MAFnBC,cAEmB,QAFnBA,cAEmB;AAAA,MAFHC,YAEG,QAFHA,YAEG;AAAA,MADnBC,IACmB,SADnBA,IACmB;AAAA,MADbL,MACa,SADbA,MACa;AACrB,MAAMM,SAAS,GAAG;AAChBC,IAAAA,EAAE,EAAEJ,cAAc,CAACK,EADH;AAEhBC,IAAAA,EAAE,EAAEN,cAAc,CAACI;AAFH,GAAlB;AAKA;AAAA;;AAAA;AAAON,IAAAA,GAAP,aACaD,MAAM,GAAG,aAAH,GAAmB,MADtC,uBAEqBA,MAAM,GAAG,QAAH,GAAc,GAFzC,yOAqBsCI,YAAY,CAACM,QAAb,CAAsBC,KAAtB,CAA4BC,WArBlE,gKAyC8BR,YAAY,CAACM,QAAb,CAAsBC,KAAtB,CAA4BE,WAzC1D,2BA+CmBP,SAAS,CAACD,IAAD,CA/C5B,gJAwD4BD,YAAY,CAACM,QAAb,CAAsBC,KAAtB,CAA4BE,WAxDxD,6KAsE4BT,YAAY,CAACM,QAAb,CAAsBC,KAAtB,CAA4BG,UAtExD;AAAA;AA8FD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/CheckboxGroup/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { CheckboxSize } from \"./Checkbox\";\n\nexport const checkboxGroupContainer = (inline: boolean): SerializedStyles => css`\n  display: flex;\n  flex-direction: ${inline ? \"row\" : \"column\"};\n  padding: 0;\n  border: 0;\n  margin: 0;\n\n  legend {\n    position: relative;\n\n    .dash {\n      position: absolute;\n      top: 21px;\n      left: 7px;\n      width: 8px;\n      height: 2px;\n      background-color: white;\n      z-index: 3;\n    }\n\n    .checkbox-container {\n      padding-bottom: 0.5rem;\n    }\n  }\n\n  ul {\n    padding: 0 0 0 2rem;\n    margin: 0;\n    list-style: none;\n\n    .checkbox-container {\n      padding: 0.5rem 0 0.5rem;\n    }\n  }\n`;\n\nexport const checkboxContainer = (\n  { typeScaleSizes, formElements }: Theme,\n  { size, inline }: { size: CheckboxSize; inline: boolean },\n): SerializedStyles => {\n  const fontSizes = {\n    md: typeScaleSizes.sm,\n    lg: typeScaleSizes.md,\n  };\n\n  return css`\n    display: ${inline ? \"inline-flex\" : \"flex\"};\n    padding: 0.75rem ${inline ? \"1.5rem\" : \"0\"} 0.75rem 0;\n    position: relative;\n\n    .dash {\n      position: absolute;\n      top: 21px;\n      left: 7px;\n      width: 8px;\n      height: 2px;\n      background-color: white;\n      z-index: 3;\n    }\n\n    input[type=\"checkbox\"] {\n      opacity: 0;\n\n      &:focus,\n      &:hover {\n        + label > .shadow-element {\n          box-shadow: 0px 0px 0px 9px ${formElements.checkbox.input.shadowColor};\n        }\n      }\n\n      &:checked {\n        + label::after {\n          opacity: 1;\n          transform: scale(1);\n        }\n      }\n\n      &:disabled {\n        + label {\n          cursor: not-allowed;\n\n          .shadow-element {\n            box-shadow: none;\n          }\n\n          &::after {\n            background-color: ${formElements.checkbox.input.borderColor};\n          }\n        }\n      }\n\n      + label {\n        font-size: ${fontSizes[size]};\n        position: relative;\n        display: inline-block;\n        padding-left: 1.5rem;\n        cursor: pointer;\n\n        &::before {\n          content: \"\";\n          background-color: white;\n          border: 1px solid ${formElements.checkbox.input.borderColor};\n          border-radius: 3px;\n          margin-right: 1rem;\n          z-index: 1;\n        }\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          display: inline-block;\n          left: -9px;\n          top: 3px;\n          width: 14px;\n          height: 14px;\n          background-color: ${formElements.checkbox.input.background};\n          border-radius: 3px;\n          opacity: 0;\n          z-index: 2;\n          transform: scale(0.5);\n          transition: transform 50ms ease, opacity 100ms ease;\n        }\n\n        &::before,\n        .shadow-element {\n          position: absolute;\n          left: -12px;\n          display: inline-block;\n          width: 20px;\n          height: 20px;\n        }\n\n        .shadow-element {\n          border-radius: 50%;\n          transition: box-shadow 0.1s ease-out;\n        }\n      }\n    }\n  `;\n};\n"],"names":["checkboxGroupContainer","inline","css","checkboxContainer","typeScaleSizes","formElements","size","fontSizes","md","sm","lg","checkbox","input","shadowColor","borderColor","background"],"mappings":";;;;;;;;;;IAGaA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,MAAD,EAAA;AAAA,EAAA;AAAA;;AAAA;AAAuCC,IAAAA,GAAvC,CAElBD,8BAAAA,EAAAA,MAAM,GAAG,KAAH,GAAW,QAFC,EAAA,kSAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,gCAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,64IAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,gCAAA,CAAA;AAAA,IAAA;AAAA,EAA/B;AAoCME,IAAAA,iBAAiB,GAAG,SAApBA,iBAAoB,CAGV,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,cAEmB,QAFnBA,cAEmB;AAAA,MAFHC,YAEG,QAFHA,YAEG,CAAA;AAAA,EADnBC,IAAAA,IACmB,SADnBA,IACmB;AAAA,MADbL,MACa,SADbA,MACa,CAAA;AACrB,EAAA,IAAMM,SAAS,GAAG;AAChBC,IAAAA,EAAE,EAAEJ,cAAc,CAACK,EADH;AAEhBC,IAAAA,EAAE,EAAEN,cAAc,CAACI,EAAAA;AAFH,GAAlB,CAAA;AAKA,EAAA;AAAA;;AAAA;AAAON,IAAAA,GAAP,aACaD,MAAM,GAAG,aAAH,GAAmB,MADtC,EAEqBA,mBAAAA,EAAAA,MAAM,GAAG,QAAH,GAAc,GAFzC,EAAA,qOAAA,EAqBsCI,YAAY,CAACM,QAAb,CAAsBC,KAAtB,CAA4BC,WArBlE,EAAA,4JAAA,EAyC8BR,YAAY,CAACM,QAAb,CAAsBC,KAAtB,CAA4BE,WAzC1D,EAAA,uBAAA,EA+CmBP,SAAS,CAACD,IAAD,CA/C5B,EAAA,4IAAA,EAwD4BD,YAAY,CAACM,QAAb,CAAsBC,KAAtB,CAA4BE,WAxDxD,EAsE4BT,yKAAAA,EAAAA,YAAY,CAACM,QAAb,CAAsBC,KAAtB,CAA4BG,UAtExD,EAAA,8RAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,2BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,64IAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,2BAAA,CAAA;AAAA,IAAA;AA8FD;;;;"}

package/dist/esm/src/components/FormElements/FormError/FormError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/FormError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormError.js","sources":["../../../../../../src/components/FormElements/FormError/FormError.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { errorContainer } from \"./styles\";\n\nexport type FormErrorProps = React.HTMLAttributes<HTMLElement>;\n\nconst FormError: FC<FormErrorProps> = ({ children, ...rest }) => (\n  <article css={errorContainer} {...rest}>\n    {children}\n  </article>\n);\n\nexport default FormError;\n"],"names":["FormError","children","rest","___EmotionJSX","errorContainer"],"mappings":";;;;;;;;;;;;;;;IAKMA,SAA6B,GAAG,SAAhCA,SAAgC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBC,IAAhB;;AAAA,SACpCC;AAAS,IAAA,GAAG,EAAEC;AAAd,KAAkCF,IAAlC,GACGD,QADH,CADoC;AAAA;;;;"}
+{"version":3,"file":"FormError.js","sources":["../../../../../../src/components/FormElements/FormError/FormError.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { errorContainer } from \"./styles\";\n\nexport type FormErrorProps = React.HTMLAttributes<HTMLElement>;\n\nconst FormError: FC<FormErrorProps> = ({ children, ...rest }) => (\n  <article css={errorContainer} {...rest}>\n    {children}\n  </article>\n);\n\nexport default FormError;\n"],"names":["FormError","children","rest","___EmotionJSX","errorContainer"],"mappings":";;;;;;;;;;;;;;;AAKMA,IAAAA,SAA6B,GAAG,SAAhCA,SAAgC,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,QAAH,QAAGA,QAAH;AAAA,MAAgBC,IAAhB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAAA,EACpC,OAAAC,GAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AAAS,IAAA,GAAG,EAAEC,cAAAA;AAAd,GAAkCF,EAAAA,IAAlC,CACGD,EAAAA,QADH,CADoC,CAAA;AAAA;;;;"}

package/dist/esm/src/components/FormElements/FormError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/FormError/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const errorContainer = ({ typeScaleSizes, formElements }: Theme): SerializedStyles => css`\n  font-size: ${typeScaleSizes.md};\n  width: 100%;\n  display: inline-block;\n  background-color: ${hexToRGBA(formElements.generalError.background, 0.25)};\n  border: 1px solid ${formElements.generalError.borderColor};\n  border-radius: 2px;\n  padding: 1.25rem 2rem 1.5rem;\n`;\n"],"names":["errorContainer","typeScaleSizes","formElements","css","md","hexToRGBA","generalError","background","borderColor"],"mappings":";;;;;;;;;;;IAGaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,cAAH,QAAGA,cAAH;AAAA,MAAmBC,YAAnB,QAAmBA,YAAnB;AAAA;AAAA;;AAAA;AAA+DC,IAAAA,GAA/D,eACfF,cAAc,CAACG,EADA,wDAIRC,SAAS,CAACH,YAAY,CAACI,YAAb,CAA0BC,UAA3B,EAAuC,IAAvC,CAJD,wBAKRL,YAAY,CAACI,YAAb,CAA0BE,WALlB;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/FormError/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { hexToRGBA } from \"@theme/default/colors\";\n\nexport const errorContainer = ({ typeScaleSizes, formElements }: Theme): SerializedStyles => css`\n  font-size: ${typeScaleSizes.md};\n  width: 100%;\n  display: inline-block;\n  background-color: ${hexToRGBA(formElements.generalError.background, 0.25)};\n  border: 1px solid ${formElements.generalError.borderColor};\n  border-radius: 2px;\n  padding: 1.25rem 2rem 1.5rem;\n`;\n"],"names":["errorContainer","typeScaleSizes","formElements","css","md","hexToRGBA","generalError","background","borderColor"],"mappings":";;;;;;;;;;;AAGaA,IAAAA,cAAc,GAAG,SAAjBA,cAAiB,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,cAAH,QAAGA,cAAH;AAAA,MAAmBC,YAAnB,QAAmBA,YAAnB,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA+DC,IAAAA,GAA/D,eACfF,cAAc,CAACG,EADA,EAIRC,oDAAAA,EAAAA,SAAS,CAACH,YAAY,CAACI,YAAb,CAA0BC,UAA3B,EAAuC,IAAvC,CAJD,wBAKRL,YAAY,CAACI,YAAb,CAA0BE,WALlB,EAAA,iDAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i3BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/FormElements/Input/Input.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
@@ -37,7 +37,8 @@ var Input = function Input(_ref, forwardedRef) {
     error: status === "error",
     "with-prefix-icon": Boolean(iconBefore),
     "with-suffix-icon": Boolean(iconAfter),
-    inline: hasLabel && inline
+    inline: hasLabel && inline,
+    disabled: Boolean(rest === null || rest === void 0 ? void 0 : rest.disabled)
   });
   return jsx("div", _extends({
     css: function css(theme) {

package/dist/esm/src/components/FormElements/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../src/components/FormElements/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, Ref, ForwardRefRenderFunction } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Label from \"../Label/Label\";\nimport { inputContainer } from \"./styles\";\nimport { ExtendableProps, IconType } from \"types/common\";\n\nexport type InputSize = \"md\" | \"lg\";\n\nexport type InputProps = ExtendableProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  {\n    id: string;\n    status?: \"valid\" | \"error\";\n    size?: InputSize;\n    iconBefore?: IconType;\n    iconAfter?: IconType;\n    ref?: Ref<HTMLInputElement>;\n    label?: string;\n    inline?: boolean;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\n\nconst Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (\n  {\n    size = \"md\",\n    status = \"valid\",\n    iconBefore,\n    iconAfter,\n    label,\n    inline = false,\n    id,\n    containerAttrs,\n    ...rest\n  },\n  forwardedRef,\n) => {\n  const IconBefore = iconBefore;\n  const IconAfter = iconAfter;\n  const hasLabel = Boolean(label);\n  const containerClasses = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    \"with-prefix-icon\": Boolean(iconBefore),\n    \"with-suffix-icon\": Boolean(iconAfter),\n    inline: hasLabel && inline,\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => inputContainer(theme, { size })}\n      className={containerClasses}\n      {...containerAttrs}\n    >\n      {hasLabel && <Label htmlFor={id}>{label}</Label>}\n      <div className=\"input-wrapper\">\n        {IconBefore && (\n          <span className=\"prefix-icon\" data-testid=\"input-icon-before\">\n            <IconBefore height={32} />\n          </span>\n        )}\n        <input ref={forwardedRef} id={id} {...rest} />\n        {IconAfter && (\n          <span className=\"suffix-icon\" data-testid=\"input-icon-after\">\n            <IconAfter height={32} />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Input);\n"],"names":["Input","forwardedRef","size","status","iconBefore","iconAfter","label","inline","id","containerAttrs","rest","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","___EmotionJSX","theme","inputContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAMA,KAA6D,GAAG,SAAhEA,KAAgE,OAYpEC,YAZoE,EAajE;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,IAWN;AAAA,yBAVDC,MAUC;AAAA,MAVDA,MAUC,4BAVQ,OAUR;AAAA,MATDC,UASC,QATDA,UASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,KAMR;AAAA,MALDC,EAKC,QALDA,EAKC;AAAA,MAJDC,cAIC,QAJDA,cAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,UAAU,GAAGP,UAAnB;AACA,MAAMQ,SAAS,GAAGP,SAAlB;AACA,MAAMQ,QAAQ,GAAGC,OAAO,CAACR,KAAD,CAAxB;AACA,MAAMS,gBAAgB,GAAGC,UAAU,CAAC;AAClCC,IAAAA,KAAK,EAAEd,MAAM,KAAK,OADgB;AAElCe,IAAAA,KAAK,EAAEf,MAAM,KAAK,OAFgB;AAGlC,wBAAoBW,OAAO,CAACV,UAAD,CAHO;AAIlC,wBAAoBU,OAAO,CAACT,SAAD,CAJO;AAKlCE,IAAAA,MAAM,EAAEM,QAAQ,IAAIN;AALc,GAAD,CAAnC;AAQA,SACEY;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,cAAc,CAACD,KAAD,EAAQ;AAAElB,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAA3C;AAAA,KADP;AAEE,IAAA,SAAS,EAAEa;AAFb,KAGMN,cAHN,GAKGI,QAAQ,IAAIM,IAAC,KAAD;AAAO,IAAA,OAAO,EAAEX;AAAhB,KAAqBF,KAArB,CALf,EAMEa;AAAK,IAAA,SAAS,EAAC;AAAf,KACGR,UAAU,IACTQ;AAAM,IAAA,SAAS,EAAC,aAAhB;AAA8B,mBAAY;AAA1C,KACEA,IAAC,UAAD;AAAY,IAAA,MAAM,EAAE;AAApB,IADF,CAFJ,EAMEA;AAAO,IAAA,GAAG,EAAElB,YAAZ;AAA0B,IAAA,EAAE,EAAEO;AAA9B,KAAsCE,IAAtC,EANF,EAOGE,SAAS,IACRO;AAAM,IAAA,SAAS,EAAC,aAAhB;AAA8B,mBAAY;AAA1C,KACEA,IAAC,SAAD;AAAW,IAAA,MAAM,EAAE;AAAnB,IADF,CARJ,CANF,CADF;AAsBD,CA/CD;;AAiDA,2BAAeG,UAAU,CAACtB,KAAD,CAAzB;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../../../../src/components/FormElements/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, Ref, ForwardRefRenderFunction } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Label from \"../Label/Label\";\nimport { inputContainer } from \"./styles\";\nimport { ExtendableProps, IconType } from \"types/common\";\n\nexport type InputSize = \"md\" | \"lg\";\n\nexport type InputProps = ExtendableProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  {\n    id: string;\n    status?: \"valid\" | \"error\";\n    size?: InputSize;\n    iconBefore?: IconType;\n    iconAfter?: IconType;\n    ref?: Ref<HTMLInputElement>;\n    label?: string;\n    inline?: boolean;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\n\nconst Input: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (\n  {\n    size = \"md\",\n    status = \"valid\",\n    iconBefore,\n    iconAfter,\n    label,\n    inline = false,\n    id,\n    containerAttrs,\n    ...rest\n  },\n  forwardedRef,\n) => {\n  const IconBefore = iconBefore;\n  const IconAfter = iconAfter;\n  const hasLabel = Boolean(label);\n  const containerClasses = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    \"with-prefix-icon\": Boolean(iconBefore),\n    \"with-suffix-icon\": Boolean(iconAfter),\n    inline: hasLabel && inline,\n    disabled: Boolean(rest?.disabled),\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => inputContainer(theme, { size })}\n      className={containerClasses}\n      {...containerAttrs}\n    >\n      {hasLabel && <Label htmlFor={id}>{label}</Label>}\n      <div className=\"input-wrapper\">\n        {IconBefore && (\n          <span className=\"prefix-icon\" data-testid=\"input-icon-before\">\n            <IconBefore height={32} />\n          </span>\n        )}\n        <input ref={forwardedRef} id={id} {...rest} />\n        {IconAfter && (\n          <span className=\"suffix-icon\" data-testid=\"input-icon-after\">\n            <IconAfter height={32} />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Input);\n"],"names":["Input","forwardedRef","size","status","iconBefore","iconAfter","label","inline","id","containerAttrs","rest","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","disabled","___EmotionJSX","theme","inputContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAMA,KAA6D,GAAG,SAAhEA,KAAgE,CAAA,IAAA,EAYpEC,YAZoE,EAajE;AAAA,EAAA,IAAA,SAAA,GAAA,IAAA,CAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,IAWN,GAAA,SAAA;AAAA,MAAA,WAAA,GAAA,IAAA,CAVDC,MAUC;AAAA,MAVDA,MAUC,4BAVQ,OAUR,GAAA,WAAA;AAAA,MATDC,UASC,QATDA,UASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MAAA,WAAA,GAAA,IAAA,CANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,KAMR,GAAA,WAAA;AAAA,MALDC,EAKC,QALDA,EAKC;AAAA,MAJDC,cAIC,QAJDA,cAIC;AAAA,MAHEC,IAGF,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACH,EAAMC,IAAAA,UAAU,GAAGP,UAAnB,CAAA;AACA,EAAMQ,IAAAA,SAAS,GAAGP,SAAlB,CAAA;AACA,EAAA,IAAMQ,QAAQ,GAAGC,OAAO,CAACR,KAAD,CAAxB,CAAA;AACA,EAAMS,IAAAA,gBAAgB,GAAGC,UAAU,CAAC;AAClCC,IAAAA,KAAK,EAAEd,MAAM,KAAK,OADgB;AAElCe,IAAAA,KAAK,EAAEf,MAAM,KAAK,OAFgB;AAGlC,IAAoBW,kBAAAA,EAAAA,OAAO,CAACV,UAAD,CAHO;AAIlC,IAAoBU,kBAAAA,EAAAA,OAAO,CAACT,SAAD,CAJO;AAKlCE,IAAAA,MAAM,EAAEM,QAAQ,IAAIN,MALc;AAMlCY,IAAAA,QAAQ,EAAEL,OAAO,CAACJ,IAAD,aAACA,IAAD,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAACA,IAAI,CAAES,QAAP,CAAA;AANiB,GAAD,CAAnC,CAAA;AASA,EACE,OAAAC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,cAAc,CAACD,KAAD,EAAQ;AAAEnB,QAAAA,IAAI,EAAJA,IAAAA;AAAF,OAAR,CAA3C,CAAA;AAAA,KADP;AAEE,IAAA,SAAS,EAAEa,gBAAAA;AAFb,GAAA,EAGMN,cAHN,CAAA,EAKGI,QAAQ,IAAIO,IAAC,KAAD,EAAA;AAAO,IAAA,OAAO,EAAEZ,EAAAA;AAAhB,GAAqBF,EAAAA,KAArB,CALf,EAMEc,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,eAAA;AAAf,GAAA,EACGT,UAAU,IACTS,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,SAAS,EAAC,aAAhB;AAA8B,IAAY,aAAA,EAAA,mBAAA;AAA1C,GAAA,EACEA,IAAC,UAAD,EAAA;AAAY,IAAA,MAAM,EAAE,EAAA;AAApB,GAAA,CADF,CAFJ,EAMEA,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA;AAAO,IAAA,GAAG,EAAEnB,YAAZ;AAA0B,IAAA,EAAE,EAAEO,EAAAA;AAA9B,GAAA,EAAsCE,IAAtC,CAAA,CANF,EAOGE,SAAS,IACRQ,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,SAAS,EAAC,aAAhB;AAA8B,IAAY,aAAA,EAAA,kBAAA;AAA1C,GAAA,EACEA,IAAC,SAAD,EAAA;AAAW,IAAA,MAAM,EAAE,EAAA;AAAnB,GADF,CAAA,CARJ,CANF,CADF,CAAA;AAsBD,CAhDD,CAAA;;AAkDA,cAAeG,aAAAA,UAAU,CAACvB,KAAD,CAAzB;;;;"}

package/dist/esm/src/components/FormElements/Input/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 
@@ -18,10 +18,10 @@ var inputContainer = function inputContainer(_ref, _ref2) {
     /*#__PURE__*/
     css(inputContainerBaseStyles({
       block: true
-    }), ";&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-left:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-right:3.2rem;}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;border-radius:5px;&:focus-within,&:hover{.prefix-icon,.suffix-icon{z-index:1;}}input{", inputBaseStyles(formElements, {
+    }), ";&.disabled{.input-wrapper{.prefix-icon,.suffix-icon{z-index:1;color:", formElements.input.disabledIcon, ";cursor:not-allowed;}}}&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-left:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-right:3.2rem;}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;border-radius:5px;&:focus-within,&:hover{.prefix-icon,.suffix-icon{z-index:1;}}input{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;z-index:-1;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{right:0;padding-right:0.5rem;color:", formElements.input.iconColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7IHNpemUgfTogeyBzaXplOiBJbnB1dFNpemUgfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2lucHV0Q29udGFpbmVyQmFzZVN0eWxlcyh7IGJsb2NrOiB0cnVlIH0pfTtcblxuICAmLmVycm9yIHtcbiAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgIHBhZGRpbmctbGVmdDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgcGFkZGluZy1yaWdodDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgei1pbmRleDogMTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbixcbiAgICAmOmhvdmVyIHtcbiAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaW5wdXQge1xuICAgICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5wcmVmaXgtaWNvbixcbiAgICAuc3VmZml4LWljb24ge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB6LWluZGV4OiAtMTtcbiAgICB9XG5cbiAgICAucHJlZml4LWljb24ge1xuICAgICAgbWFyZ2luOiAwIDAuNzVyZW07XG4gICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICB9XG5cbiAgICAuc3VmZml4LWljb24ge1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAwLjVyZW07XG4gICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    }), ";background-color:transparent;}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;z-index:-1;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{right:0;padding-right:0.5rem;color:", formElements.input.iconColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7IHNpemUgfTogeyBzaXplOiBJbnB1dFNpemUgfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2lucHV0Q29udGFpbmVyQmFzZVN0eWxlcyh7IGJsb2NrOiB0cnVlIH0pfTtcblxuICAmLmRpc2FibGVkIHtcbiAgICAuaW5wdXQtd3JhcHBlciB7XG4gICAgICAucHJlZml4LWljb24sXG4gICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuZGlzYWJsZWRJY29ufTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgIHBhZGRpbmctbGVmdDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgcGFkZGluZy1yaWdodDogMy4ycmVtO1xuICAgIH1cbiAgfVxuXG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgei1pbmRleDogMTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAmOmZvY3VzLXdpdGhpbixcbiAgICAmOmhvdmVyIHtcbiAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaW5wdXQge1xuICAgICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5wcmVmaXgtaWNvbixcbiAgICAuc3VmZml4LWljb24ge1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB6LWluZGV4OiAtMTtcbiAgICB9XG5cbiAgICAucHJlZml4LWljb24ge1xuICAgICAgbWFyZ2luOiAwIDAuNzVyZW07XG4gICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICB9XG5cbiAgICAuc3VmZml4LWljb24ge1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAwLjVyZW07XG4gICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
   );
 };
 

package/dist/esm/src/components/FormElements/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n  { formElements }: Theme,\n  { size }: { size: InputSize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })};\n\n  &.error {\n    .input-wrapper input {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  &.with-prefix-icon {\n    .input-wrapper input {\n      padding-left: 3.2rem;\n    }\n  }\n\n  &.with-suffix-icon {\n    .input-wrapper input {\n      padding-right: 3.2rem;\n    }\n  }\n\n  .input-wrapper {\n    width: 100%;\n    position: relative;\n    background-color: ${formElements.input.background};\n    z-index: 1;\n    border-radius: 5px;\n\n    &:focus-within,\n    &:hover {\n      .prefix-icon,\n      .suffix-icon {\n        z-index: 1;\n      }\n    }\n\n    input {\n      ${inputBaseStyles(formElements, { block: true, size })};\n      background-color: transparent;\n    }\n\n    .prefix-icon,\n    .suffix-icon {\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      z-index: -1;\n    }\n\n    .prefix-icon {\n      margin: 0 0.75rem;\n      color: ${formElements.input.iconColor};\n    }\n\n    .suffix-icon {\n      right: 0;\n      padding-right: 0.5rem;\n      color: ${formElements.input.iconColor};\n    }\n  }\n`;\n"],"names":["inputContainer","formElements","size","css","inputContainerBaseStyles","block","errors","errorBorderColor","input","background","inputBaseStyles","iconColor"],"mappings":";;;;;;;;;;;IAIaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC1BC,YAD0B,QAC1BA,YAD0B;AAAA,MAE1BC,IAF0B,SAE1BA,IAF0B;AAAA;AAAA;;AAAA;AAGPC,IAAAA,GAHO,CAI1BC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAAD,CAJE,iDAQRJ,YAAY,CAACK,MAAb,CAAoBC,gBARZ,mMA2BNN,YAAY,CAACO,KAAb,CAAmBC,UA3Bb,sGAwCtBC,eAAe,CAACT,YAAD,EAAe;AAAEI,MAAAA,KAAK,EAAE,IAAT;AAAeH,MAAAA,IAAI,EAAJA;AAAf,KAAf,CAxCO,sLAwDfD,YAAY,CAACO,KAAb,CAAmBG,SAxDJ,wDA8DfV,YAAY,CAACO,KAAb,CAAmBG,SA9DJ;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n  { formElements }: Theme,\n  { size }: { size: InputSize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })};\n\n  &.disabled {\n    .input-wrapper {\n      .prefix-icon,\n      .suffix-icon {\n        z-index: 1;\n        color: ${formElements.input.disabledIcon};\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  &.error {\n    .input-wrapper input {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  &.with-prefix-icon {\n    .input-wrapper input {\n      padding-left: 3.2rem;\n    }\n  }\n\n  &.with-suffix-icon {\n    .input-wrapper input {\n      padding-right: 3.2rem;\n    }\n  }\n\n  .input-wrapper {\n    width: 100%;\n    position: relative;\n    background-color: ${formElements.input.background};\n    z-index: 1;\n    border-radius: 5px;\n\n    &:focus-within,\n    &:hover {\n      .prefix-icon,\n      .suffix-icon {\n        z-index: 1;\n      }\n    }\n\n    input {\n      ${inputBaseStyles(formElements, { block: true, size })};\n      background-color: transparent;\n    }\n\n    .prefix-icon,\n    .suffix-icon {\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      z-index: -1;\n    }\n\n    .prefix-icon {\n      margin: 0 0.75rem;\n      color: ${formElements.input.iconColor};\n    }\n\n    .suffix-icon {\n      right: 0;\n      padding-right: 0.5rem;\n      color: ${formElements.input.iconColor};\n    }\n  }\n`;\n"],"names":["inputContainer","formElements","size","css","inputContainerBaseStyles","block","input","disabledIcon","errors","errorBorderColor","background","inputBaseStyles","iconColor"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,cAAc,GAAG,SAAjBA,cAAiB,CAAA,IAAA,EAAA,KAAA,EAAA;AAAA,EAC1BC,IAAAA,YAD0B,QAC1BA,YAD0B,CAAA;AAAA,EAE1BC,IAAAA,IAF0B,SAE1BA,IAF0B,CAAA;AAAA,EAAA;AAAA;;AAAA;AAGPC,IAAAA,GAHO,CAI1BC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;AAAT,KAAD,CAJE,2EAWbJ,YAAY,CAACK,KAAb,CAAmBC,YAXN,EAmBRN,mEAAAA,EAAAA,YAAY,CAACO,MAAb,CAAoBC,gBAnBZ,EAAA,+LAAA,EAsCNR,YAAY,CAACK,KAAb,CAAmBI,UAtCb,EAmDtBC,kGAAAA,EAAAA,eAAe,CAACV,YAAD,EAAe;AAAEI,MAAAA,KAAK,EAAE,IAAT;AAAeH,MAAAA,IAAI,EAAJA,IAAAA;AAAf,KAAf,CAnDO,EAAA,kLAAA,EAmEfD,YAAY,CAACK,KAAb,CAAmBM,SAnEJ,EAAA,oDAAA,EAyEfX,YAAY,CAACK,KAAb,CAAmBM,SAzEJ,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y6EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/FormElements/InputError/InputError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/InputError.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputError.js","sources":["../../../../../../src/components/FormElements/InputError/InputError.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { inputError } from \"./styles\";\n\nexport type InputErrorProps =\n  | ({ as?: \"div\" } & React.HTMLAttributes<HTMLDivElement>)\n  | ({ as?: \"span\" } & React.HTMLAttributes<HTMLSpanElement>);\n\nconst InputError: FC<InputErrorProps> = ({ as = \"div\", children, ...rest }) => {\n  const InputErrorTag = as;\n\n  return (\n    <InputErrorTag css={inputError} {...rest}>\n      {children}\n    </InputErrorTag>\n  );\n};\n\nexport default InputError;\n"],"names":["InputError","as","children","rest","InputErrorTag","___EmotionJSX","inputError"],"mappings":";;;;;;;;;;;;;;;IAOMA,UAA+B,GAAG,SAAlCA,UAAkC,OAAuC;AAAA,qBAApCC,EAAoC;AAAA,MAApCA,EAAoC,wBAA/B,KAA+B;AAAA,MAAxBC,QAAwB,QAAxBA,QAAwB;AAAA,MAAXC,IAAW;;AAC7E,MAAMC,aAAa,GAAGH,EAAtB;AAEA,SACEI,IAAC,aAAD;AAAe,IAAA,GAAG,EAAEC;AAApB,KAAoCH,IAApC,GACGD,QADH,CADF;AAKD;;;;"}
+{"version":3,"file":"InputError.js","sources":["../../../../../../src/components/FormElements/InputError/InputError.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { inputError } from \"./styles\";\n\nexport type InputErrorProps =\n  | ({ as?: \"div\" } & React.HTMLAttributes<HTMLDivElement>)\n  | ({ as?: \"span\" } & React.HTMLAttributes<HTMLSpanElement>);\n\nconst InputError: FC<InputErrorProps> = ({ as = \"div\", children, ...rest }) => {\n  const InputErrorTag = as;\n\n  return (\n    <InputErrorTag css={inputError} {...rest}>\n      {children}\n    </InputErrorTag>\n  );\n};\n\nexport default InputError;\n"],"names":["InputError","as","children","rest","InputErrorTag","___EmotionJSX","inputError"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,UAA+B,GAAG,SAAlCA,UAAkC,CAAuC,IAAA,EAAA;AAAA,EAAA,IAAA,OAAA,GAAA,IAAA,CAApCC,EAAoC;AAAA,MAApCA,EAAoC,wBAA/B,KAA+B,GAAA,OAAA;AAAA,MAAxBC,QAAwB,QAAxBA,QAAwB;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC7E,EAAMC,IAAAA,aAAa,GAAGH,EAAtB,CAAA;AAEA,EAAA,OACEI,IAAC,aAAD,EAAA,QAAA,CAAA;AAAe,IAAA,GAAG,EAAEC,UAAAA;AAApB,GAAoCH,EAAAA,IAApC,CACGD,EAAAA,QADH,CADF,CAAA;AAKD;;;;"}

package/dist/esm/src/components/FormElements/InputError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/InputError/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\n\nexport const inputError = ({ formElements }: Theme): SerializedStyles => css`\n  color: ${formElements.errors.errorBorderColor};\n  margin-left: 0.25rem;\n`;\n"],"names":["inputError","formElements","css","errors","errorBorderColor"],"mappings":";;;;;;;;;;IAEaA,UAAU,GAAG,SAAbA,UAAa;AAAA,MAAGC,YAAH,QAAGA,YAAH;AAAA;AAAA;;AAAA;AAA+CC,IAAAA,GAA/C,WACfD,YAAY,CAACE,MAAb,CAAoBC,gBADL;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/InputError/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\n\nexport const inputError = ({ formElements }: Theme): SerializedStyles => css`\n  color: ${formElements.errors.errorBorderColor};\n  margin-left: 0.25rem;\n`;\n"],"names":["inputError","formElements","css","errors","errorBorderColor"],"mappings":";;;;;;;;;;AAEaA,IAAAA,UAAU,GAAG,SAAbA,UAAa,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,YAAH,QAAGA,YAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA+CC,IAAAA,GAA/C,CACfD,QAAAA,EAAAA,YAAY,CAACE,MAAb,CAAoBC,gBADL,EAAA,uBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qgBAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,oBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/FormElements/Label/Label.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../../src/components/FormElements/Label/Label.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { label } from \"./styles\";\n\nexport type LabelSize = \"md\" | \"lg\";\n\nexport type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n  size?: LabelSize;\n};\n\nconst Label: FC<LabelProps> = ({ size = \"md\", children, ...rest }) => (\n  <label css={(theme) => label(theme, { size })} {...rest}>\n    {children}\n  </label>\n);\n\nexport default Label;\n"],"names":["Label","size","children","rest","___EmotionJSX","theme","label"],"mappings":";;;;;;;;;;;;;;;IASMA,KAAqB,GAAG,SAAxBA,KAAwB;AAAA,uBAAGC,IAAH;AAAA,MAAGA,IAAH,0BAAU,IAAV;AAAA,MAAgBC,QAAhB,QAAgBA,QAAhB;AAAA,MAA6BC,IAA7B;;AAAA,SAC5BC;AAAO,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAAWC,KAAK,CAACD,KAAD,EAAQ;AAAEJ,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAhB;AAAA;AAAZ,KAAmDE,IAAnD,GACGD,QADH,CAD4B;AAAA;;;;"}
+{"version":3,"file":"Label.js","sources":["../../../../../../src/components/FormElements/Label/Label.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { label } from \"./styles\";\n\nexport type LabelSize = \"md\" | \"lg\";\n\nexport type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n  size?: LabelSize;\n};\n\nconst Label: FC<LabelProps> = ({ size = \"md\", children, ...rest }) => (\n  <label css={(theme) => label(theme, { size })} {...rest}>\n    {children}\n  </label>\n);\n\nexport default Label;\n"],"names":["Label","size","children","rest","___EmotionJSX","theme","label"],"mappings":";;;;;;;;;;;;;;;AASMA,IAAAA,KAAqB,GAAG,SAAxBA,KAAwB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,SAAA,GAAA,IAAA,CAAGC,IAAH;AAAA,MAAGA,IAAH,0BAAU,IAAV,GAAA,SAAA;AAAA,MAAgBC,QAAhB,QAAgBA,QAAhB;AAAA,MAA6BC,IAA7B,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAAA,EAC5B,OAAAC,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA;AAAO,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAAWC,OAAAA,KAAK,CAACD,KAAD,EAAQ;AAAEJ,QAAAA,IAAI,EAAJA,IAAAA;AAAF,OAAR,CAAhB,CAAA;AAAA,KAAA;AAAZ,GAAmDE,EAAAA,IAAnD,CACGD,EAAAA,QADH,CAD4B,CAAA;AAAA;;;;"}

package/dist/esm/src/components/FormElements/Label/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.5
+   * @epignosis_llc/gnosis.js v2.1.8
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Label/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { LabelSize } from \"./Label\";\n\nexport const label = (\n  { typeScaleSizes }: Theme,\n  { size }: { size: LabelSize },\n): SerializedStyles => {\n  const fontSizes = {\n    md: typeScaleSizes.sm,\n    lg: typeScaleSizes.md,\n  };\n\n  return css`\n    font-size: ${fontSizes[size]};\n    font-weight: 700;\n    display: block;\n    margin: 0 0 0.5rem;\n    white-space: nowrap;\n  `;\n};\n"],"names":["label","typeScaleSizes","size","fontSizes","md","sm","lg","css"],"mappings":";;;;;;;;;;IAGaA,KAAK,GAAG,SAARA,KAAQ,cAGE;AAAA,MAFnBC,cAEmB,QAFnBA,cAEmB;AAAA,MADnBC,IACmB,SADnBA,IACmB;AACrB,MAAMC,SAAS,GAAG;AAChBC,IAAAA,EAAE,EAAEH,cAAc,CAACI,EADH;AAEhBC,IAAAA,EAAE,EAAEL,cAAc,CAACG;AAFH,GAAlB;AAKA;AAAA;;AAAA;AAAOG,IAAAA,GAAP,eACeJ,SAAS,CAACD,IAAD,CADxB;AAAA;AAOD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Label/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { LabelSize } from \"./Label\";\n\nexport const label = (\n  { typeScaleSizes }: Theme,\n  { size }: { size: LabelSize },\n): SerializedStyles => {\n  const fontSizes = {\n    md: typeScaleSizes.sm,\n    lg: typeScaleSizes.md,\n  };\n\n  return css`\n    font-size: ${fontSizes[size]};\n    font-weight: 700;\n    display: block;\n    margin: 0 0 0.5rem;\n    white-space: nowrap;\n  `;\n};\n"],"names":["label","typeScaleSizes","size","fontSizes","md","sm","lg","css"],"mappings":";;;;;;;;;;AAGaA,IAAAA,KAAK,GAAG,SAARA,KAAQ,CAGE,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,cAEmB,QAFnBA,cAEmB,CAAA;AAAA,EADnBC,IAAAA,IACmB,SADnBA,IACmB,CAAA;AACrB,EAAA,IAAMC,SAAS,GAAG;AAChBC,IAAAA,EAAE,EAAEH,cAAc,CAACI,EADH;AAEhBC,IAAAA,EAAE,EAAEL,cAAc,CAACG,EAAAA;AAFH,GAAlB,CAAA;AAKA,EAAA;AAAA;;AAAA;AAAOG,IAAAA,GAAP,CAAA,YAAA,EACeJ,SAAS,CAACD,IAAD,CADxB,EAAA,sEAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,eAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i0BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,eAAA,CAAA;AAAA,IAAA;AAOD;;;;"}