@epignosis_llc/gnosis 1.0.2 → 1.3.1

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

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

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

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

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

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

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

@@ -2,14 +2,14 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
 import 'react';
 import Heading from '../../Heading/Heading.js';
+import SvgClose from '../../../icons/close.svg.js';
 import { drawerHeader } from './styles.js';
-import SvgClose from '../../../icons/core/close.svg.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var Header = function Header(_ref) {

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 { drawerHeader } from \"./styles\";\nimport { CloseSVG } from \"@icons/core\";\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":";;;;;;;;;;;;;;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;;;;"}

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
@@ -11,7 +11,7 @@ import { forwardRef } from 'react';
 import { checkboxContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["id", "label", "size", "inline", "containerClassName"];
+var _excluded = ["id", "label", "size", "inline", "containerAttrs"];
 
 var Checkbox = function Checkbox(props, ref) {
   var id = props.id,
@@ -20,19 +20,18 @@ var Checkbox = function Checkbox(props, ref) {
       size = _props$size === void 0 ? "md" : _props$size,
       _props$inline = props.inline,
       inline = _props$inline === void 0 ? false : _props$inline,
-      containerClassName = props.containerClassName,
+      containerAttrs = props.containerAttrs,
       rest = _objectWithoutProperties(props, _excluded);
 
-  return jsx("div", {
+  return jsx("div", _extends({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
         size: size,
         inline: inline
       });
-    },
-    className: containerClassName
-  }, jsx("input", _extends({
+    }
+  }, containerAttrs), jsx("input", _extends({
     id: id,
     type: "checkbox"
   }, rest)), jsx("label", {

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};\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    containerClassName?: string;\n  }\n>;\n\nconst Checkbox: ForwardRefRenderFunction<HTMLDivElement, CheckboxProps> = (props, ref) => {\n  const { id, label, size = \"md\", inline = false, containerClassName, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      css={(theme): SerializedStyles => checkboxContainer(theme, { size, inline })}\n      className={containerClassName}\n    >\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","containerClassName","rest","___EmotionJSX","theme","checkboxContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAMA,QAAiE,GAAG,SAApEA,QAAoE,CAACC,KAAD,EAAQC,GAAR,EAAgB;AACxF,MAAQC,EAAR,GAAgFF,KAAhF,CAAQE,EAAR;AAAA,MAAYC,KAAZ,GAAgFH,KAAhF,CAAYG,KAAZ;AAAA,oBAAgFH,KAAhF,CAAmBI,IAAnB;AAAA,MAAmBA,IAAnB,4BAA0B,IAA1B;AAAA,sBAAgFJ,KAAhF,CAAgCK,MAAhC;AAAA,MAAgCA,MAAhC,8BAAyC,KAAzC;AAAA,MAAgDC,kBAAhD,GAAgFN,KAAhF,CAAgDM,kBAAhD;AAAA,MAAuEC,IAAvE,4BAAgFP,KAAhF;;AAEA,SACEQ;AACE,IAAA,GAAG,EAAEP,GADP;AAEE,IAAA,GAAG,EAAE,aAACQ,KAAD;AAAA,aAA6BC,iBAAiB,CAACD,KAAD,EAAQ;AAAEL,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAA9C;AAAA,KAFP;AAGE,IAAA,SAAS,EAAEC;AAHb,KAKEE;AAAO,IAAA,EAAE,EAAEN,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAmCK,IAAnC,EALF,EAMEC;AAAO,IAAA,OAAO,EAAEN;AAAhB,KACEM;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,CAAC,CAA5C;AAA+C,mBAAY;AAA3D,IADF,EAEGL,KAFH,CANF,CADF;AAaD,CAhBD;;AAkBA,8BAAeQ,UAAU,CAACZ,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};\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 { id, label, size = \"md\", inline = false, containerAttrs, ...rest } = props;\n\n  return (\n    <div\n      ref={ref}\n      css={(theme): SerializedStyles => checkboxContainer(theme, { size, inline })}\n      {...containerAttrs}\n    >\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","rest","___EmotionJSX","theme","checkboxContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;AAwBA,IAAMA,QAAiE,GAAG,SAApEA,QAAoE,CAACC,KAAD,EAAQC,GAAR,EAAgB;AACxF,MAAQC,EAAR,GAA4EF,KAA5E,CAAQE,EAAR;AAAA,MAAYC,KAAZ,GAA4EH,KAA5E,CAAYG,KAAZ;AAAA,oBAA4EH,KAA5E,CAAmBI,IAAnB;AAAA,MAAmBA,IAAnB,4BAA0B,IAA1B;AAAA,sBAA4EJ,KAA5E,CAAgCK,MAAhC;AAAA,MAAgCA,MAAhC,8BAAyC,KAAzC;AAAA,MAAgDC,cAAhD,GAA4EN,KAA5E,CAAgDM,cAAhD;AAAA,MAAmEC,IAAnE,4BAA4EP,KAA5E;;AAEA,SACEQ;AACE,IAAA,GAAG,EAAEP,GADP;AAEE,IAAA,GAAG,EAAE,aAACQ,KAAD;AAAA,aAA6BC,iBAAiB,CAACD,KAAD,EAAQ;AAAEL,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAA9C;AAAA;AAFP,KAGMC,cAHN,GAKEE;AAAO,IAAA,EAAE,EAAEN,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAmCK,IAAnC,EALF,EAMEC;AAAO,IAAA,OAAO,EAAEN;AAAhB,KACEM;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,CAAC,CAA5C;AAA+C,mBAAY;AAA3D,IADF,EAEGL,KAFH,CANF,CADF;AAaD,CAhBD;;AAkBA,8BAAeQ,UAAU,CAACZ,QAAD,CAAzB;;;;"}

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

@@ -2,14 +2,15 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
-import { slicedToArray as _slicedToArray, extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../../node_modules/core-js/modules/es.array.includes.js';
 import '../../../../node_modules/core-js/modules/es.string.includes.js';
 import '../../../../node_modules/core-js/modules/es.array.filter.js';
+import '../../../../node_modules/core-js/modules/es.object.to-string.js';
 import '../../../../node_modules/core-js/modules/es.array.concat.js';
 import '../../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../../node_modules/core-js/modules/es.function.name.js';
@@ -18,6 +19,8 @@ import Checkbox from './Checkbox.js';
 import { checkboxGroupContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["groupname", "options", "onChange", "initialValues", "inline", "size"];
+
 var CheckboxGroup = function CheckboxGroup(_ref) {
   var groupname = _ref.groupname,
       options = _ref.options,
@@ -28,8 +31,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
       inline = _ref$inline === void 0 ? false : _ref$inline,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
-      id = _ref.id,
-      className = _ref.className;
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(initialValues),
       _useState2 = _slicedToArray(_useState, 2),
@@ -66,11 +68,9 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", {
-    css: checkboxGroupContainer(inline),
-    id: id,
-    className: className
-  }, jsx("legend", null, isPartiallySelected && jsx("span", {
+  return jsx("fieldset", _extends({
+    css: checkboxGroupContainer(inline)
+  }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
   }), jsx(Checkbox, {
     id: "".concat(groupname, "-container"),

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 = {\n  groupname: string;\n  options: CheckboxOption[];\n  onChange?: (selectedValues: string[]) => void;\n  initialValues?: string[];\n  inline?: boolean;\n  size?: InputSize;\n  id: string;\n  className?: string;\n};\n\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValues = [],\n  inline = false,\n  size = \"md\",\n  id,\n  className,\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)} id={id} className={className}>\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","id","className","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 v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 

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

@@ -2,19 +2,24 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import { errorContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["children"];
+
 var FormError = function FormError(_ref) {
-  var children = _ref.children;
-  return jsx("article", {
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return jsx("article", _extends({
     css: errorContainer
-  }, children);
+  }, rest), children);
 };
 
 export { FormError as default };

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\nconst FormError: FC = ({ children }) => <article css={errorContainer}>{children}</article>;\n\nexport default FormError;\n"],"names":["FormError","children","___EmotionJSX","errorContainer"],"mappings":";;;;;;;;;;;;IAGMA,SAAa,GAAG,SAAhBA,SAAgB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,SAAkBC;AAAS,IAAA,GAAG,EAAEC;AAAd,KAA+BF,QAA/B,CAAlB;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":";;;;;;;;;;;;;;;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;;;;"}

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

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

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

@@ -2,18 +2,18 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef } from 'react';
 import classNames from '../../../../node_modules/classnames/index.js';
 import Label from '../Label/Label.js';
 import { inputContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "className"];
+var _excluded = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "containerAttrs"];
 
 var Input = function Input(_ref, forwardedRef) {
   var _ref$size = _ref.size,
@@ -26,27 +26,27 @@ var Input = function Input(_ref, forwardedRef) {
       _ref$inline = _ref.inline,
       inline = _ref$inline === void 0 ? false : _ref$inline,
       id = _ref.id,
-      className = _ref.className,
+      containerAttrs = _ref.containerAttrs,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var IconBefore = iconBefore;
   var IconAfter = iconAfter;
   var hasLabel = Boolean(label);
-  var containerClasses = classNames(_defineProperty({
+  var containerClasses = classNames({
     valid: status === "valid",
     error: status === "error",
     "with-prefix-icon": Boolean(iconBefore),
     "with-suffix-icon": Boolean(iconAfter),
     inline: hasLabel && inline
-  }, className !== null && className !== void 0 ? className : "", className));
-  return jsx("div", {
+  });
+  return jsx("div", _extends({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size
       });
     },
     className: containerClasses
-  }, hasLabel && jsx(Label, {
+  }, containerAttrs), hasLabel && jsx(Label, {
     htmlFor: id
   }, label), jsx("div", {
     className: "input-wrapper"

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  }\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    className,\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    [className ?? \"\"]: className,\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => inputContainer(theme, { size })}\n      className={containerClasses}\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","className","rest","IconBefore","IconAfter","hasLabel","Boolean","containerClasses","classNames","valid","error","___EmotionJSX","theme","inputContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,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,SAIC,QAJDA,SAIC;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;AACjCC,IAAAA,KAAK,EAAEd,MAAM,KAAK,OADe;AAEjCe,IAAAA,KAAK,EAAEf,MAAM,KAAK,OAFe;AAGjC,wBAAoBW,OAAO,CAACV,UAAD,CAHM;AAIjC,wBAAoBU,OAAO,CAACT,SAAD,CAJM;AAKjCE,IAAAA,MAAM,EAAEM,QAAQ,IAAIN;AALa,KAMhCE,SANgC,aAMhCA,SANgC,cAMhCA,SANgC,GAMnB,EANmB,EAMdA,SANc,EAAnC;AASA,SACEU;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,KAIGF,QAAQ,IAAIM,IAAC,KAAD;AAAO,IAAA,OAAO,EAAEX;AAAhB,KAAqBF,KAArB,CAJf,EAKEa;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,CALF,CADF;AAqBD,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  });\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;;;;"}

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

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

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

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

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

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

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

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

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

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

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js

@@ -2,22 +2,27 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../node_modules/core-js/modules/es.array.concat.js';
 import 'react';
 import classNames from '../../../../node_modules/classnames/index.js';
 import { radioButton } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["index", "label", "value", "selectedValue", "onClick", "size"];
+
 var RadioButton = function RadioButton(_ref) {
   var index = _ref.index,
       label = _ref.label,
       value = _ref.value,
       selectedValue = _ref.selectedValue,
       onClick = _ref.onClick,
-      size = _ref.size;
+      size = _ref.size,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var handleClick = function handleClick(e) {
     e.preventDefault();
@@ -27,9 +32,10 @@ var RadioButton = function RadioButton(_ref) {
   var cssClasses = classNames({
     "is-selected": value === selectedValue
   });
-  return jsx("button", {
+  var propHTMLClass = rest !== null && rest !== void 0 && rest.className ? rest === null || rest === void 0 ? void 0 : rest.className : "";
+  return jsx("button", _extends({
     id: "radio-".concat(index),
-    className: cssClasses,
+    className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
     css: function css(theme) {
       return radioButton(theme, {
@@ -37,7 +43,7 @@ var RadioButton = function RadioButton(_ref) {
       });
     },
     "aria-selected": value === selectedValue
-  }, label);
+  }, rest), label);
 };
 
 export { RadioButton as default };

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../../../src/components/FormElements/RadioButtonGroup/RadioButton.tsx"],"sourcesContent":["import React, { FC, ReactNode, MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { radioButton } from \"./styles\";\n\nexport type RadioButtonProps = {\n  index: number;\n  label: ReactNode;\n  value: string;\n};\n\nexport type UiRadioButtonProps = RadioButtonProps & {\n  selectedValue: string;\n  onClick: (value: string) => void;\n  size: InputSize;\n};\n\nconst RadioButton: FC<UiRadioButtonProps> = ({\n  index,\n  label,\n  value,\n  selectedValue,\n  onClick,\n  size,\n}) => {\n  const handleClick = (e: MouseEvent): void => {\n    e.preventDefault();\n    onClick(value);\n  };\n  const cssClasses = classNames({\n    \"is-selected\": value === selectedValue,\n  });\n\n  return (\n    <button\n      id={`radio-${index}`}\n      className={cssClasses}\n      onClick={handleClick}\n      css={(theme): SerializedStyles => radioButton(theme, { size })}\n      aria-selected={value === selectedValue}\n    >\n      {label}\n    </button>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","index","label","value","selectedValue","onClick","size","handleClick","e","preventDefault","cssClasses","classNames","___EmotionJSX","theme","radioButton"],"mappings":";;;;;;;;;;;;;IAkBMA,WAAmC,GAAG,SAAtCA,WAAsC,OAOtC;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,aAGI,QAHJA,aAGI;AAAA,MAFJC,OAEI,QAFJA,OAEI;AAAA,MADJC,IACI,QADJA,IACI;;AACJ,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAyB;AAC3CA,IAAAA,CAAC,CAACC,cAAF;AACAJ,IAAAA,OAAO,CAACF,KAAD,CAAP;AACD,GAHD;;AAIA,MAAMO,UAAU,GAAGC,UAAU,CAAC;AAC5B,mBAAeR,KAAK,KAAKC;AADG,GAAD,CAA7B;AAIA,SACEQ;AACE,IAAA,EAAE,kBAAWX,KAAX,CADJ;AAEE,IAAA,SAAS,EAAES,UAFb;AAGE,IAAA,OAAO,EAAEH,WAHX;AAIE,IAAA,GAAG,EAAE,aAACM,KAAD;AAAA,aAA6BC,WAAW,CAACD,KAAD,EAAQ;AAAEP,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAxC;AAAA,KAJP;AAKE,qBAAeH,KAAK,KAAKC;AAL3B,KAOGF,KAPH,CADF;AAWD;;;;"}
+{"version":3,"file":"RadioButton.js","sources":["../../../../../../src/components/FormElements/RadioButtonGroup/RadioButton.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { radioButton } from \"./styles\";\n\nexport type RadioButtonProps = {\n  index: number;\n  label: ReactNode;\n  value: string;\n};\n\ntype UiRadioButtonProps = Omit<React.HTMLAttributes<HTMLButtonElement>, \"onClick\"> &\n  RadioButtonProps & {\n    selectedValue: string;\n    size: InputSize;\n    className?: string;\n    onClick: (value: string) => void;\n  };\n\nconst RadioButton: FC<UiRadioButtonProps> = ({\n  index,\n  label,\n  value,\n  selectedValue,\n  onClick,\n  size,\n  ...rest\n}) => {\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\n    e.preventDefault();\n    onClick(value);\n  };\n  const cssClasses = classNames({\n    \"is-selected\": value === selectedValue,\n  });\n  const propHTMLClass = rest?.className ? rest?.className : \"\";\n\n  return (\n    <button\n      id={`radio-${index}`}\n      className={`${cssClasses}${propHTMLClass}`}\n      onClick={handleClick}\n      css={(theme): SerializedStyles => radioButton(theme, { size })}\n      aria-selected={value === selectedValue}\n      {...rest}\n    >\n      {label}\n    </button>\n  );\n};\n\nexport default RadioButton;\n"],"names":["RadioButton","index","label","value","selectedValue","onClick","size","rest","handleClick","e","preventDefault","cssClasses","classNames","propHTMLClass","className","___EmotionJSX","theme","radioButton"],"mappings":";;;;;;;;;;;;;;;;;IAoBMA,WAAmC,GAAG,SAAtCA,WAAsC,OAQtC;AAAA,MAPJC,KAOI,QAPJA,KAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAkD;AACpEA,IAAAA,CAAC,CAACC,cAAF;AACAL,IAAAA,OAAO,CAACF,KAAD,CAAP;AACD,GAHD;;AAIA,MAAMQ,UAAU,GAAGC,UAAU,CAAC;AAC5B,mBAAeT,KAAK,KAAKC;AADG,GAAD,CAA7B;AAGA,MAAMS,aAAa,GAAGN,IAAI,SAAJ,IAAAA,IAAI,WAAJ,IAAAA,IAAI,CAAEO,SAAN,GAAkBP,IAAlB,aAAkBA,IAAlB,uBAAkBA,IAAI,CAAEO,SAAxB,GAAoC,EAA1D;AAEA,SACEC;AACE,IAAA,EAAE,kBAAWd,KAAX,CADJ;AAEE,IAAA,SAAS,YAAKU,UAAL,SAAkBE,aAAlB,CAFX;AAGE,IAAA,OAAO,EAAEL,WAHX;AAIE,IAAA,GAAG,EAAE,aAACQ,KAAD;AAAA,aAA6BC,WAAW,CAACD,KAAD,EAAQ;AAAEV,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAAxC;AAAA,KAJP;AAKE,qBAAeH,KAAK,KAAKC;AAL3B,KAMMG,IANN,GAQGL,KARH,CADF;AAYD;;;;"}

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

@@ -2,37 +2,35 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
-import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../../node_modules/core-js/modules/es.array.map.js';
 import 'react';
 import RadioButton from './RadioButton.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["options", "value", "size", "onChange"];
+
 var RadioButtonGroup = function RadioButtonGroup(props) {
   var options = props.options,
       _props$value = props.value,
       value = _props$value === void 0 ? "" : _props$value,
       _props$size = props.size,
       size = _props$size === void 0 ? "md" : _props$size,
-      id = props.id,
-      className = props.className,
-      onChange = props.onChange;
-  return jsx("div", {
-    id: id,
-    className: className
-  }, options.map(function (option, index) {
+      onChange = props.onChange,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  return jsx("div", rest, options.map(function (option, index) {
     return jsx(RadioButton, _extends({
       key: option.value,
       index: index,
       size: size,
-      selectedValue: value
-    }, option, {
+      selectedValue: value,
       onClick: onChange
-    }));
+    }, option));
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.js","sources":["../../../../../../src/components/FormElements/RadioButtonGroup/RadioButtonGroup.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioGroupOption = Pick<RadioButtonProps, \"label\" | \"value\">;\n\nexport type RadioGroupProps = {\n  id: string;\n  options: RadioGroupOption[];\n  value: string;\n  size?: \"md\" | \"lg\";\n  className?: string;\n  onChange: (selectedValue: string) => void;\n};\n\nconst RadioButtonGroup: FC<RadioGroupProps> = (props) => {\n  const { options, value = \"\", size = \"md\", id, className, onChange } = props;\n\n  return (\n    <div id={id} className={className}>\n      {options.map((option, index) => (\n        <RadioButton\n          key={option.value}\n          index={index}\n          size={size}\n          selectedValue={value}\n          {...option}\n          onClick={onChange}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default RadioButtonGroup;\n"],"names":["RadioButtonGroup","props","options","value","size","id","className","onChange","___EmotionJSX","map","option","index"],"mappings":";;;;;;;;;;;;;;IAcMA,gBAAqC,GAAG,SAAxCA,gBAAwC,CAACC,KAAD,EAAW;AACvD,MAAQC,OAAR,GAAsED,KAAtE,CAAQC,OAAR;AAAA,qBAAsED,KAAtE,CAAiBE,KAAjB;AAAA,MAAiBA,KAAjB,6BAAyB,EAAzB;AAAA,oBAAsEF,KAAtE,CAA6BG,IAA7B;AAAA,MAA6BA,IAA7B,4BAAoC,IAApC;AAAA,MAA0CC,EAA1C,GAAsEJ,KAAtE,CAA0CI,EAA1C;AAAA,MAA8CC,SAA9C,GAAsEL,KAAtE,CAA8CK,SAA9C;AAAA,MAAyDC,QAAzD,GAAsEN,KAAtE,CAAyDM,QAAzD;AAEA,SACEC;AAAK,IAAA,EAAE,EAAEH,EAAT;AAAa,IAAA,SAAS,EAAEC;AAAxB,KACGJ,OAAO,CAACO,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT;AAAA,WACXH,IAAC,WAAD;AACE,MAAA,GAAG,EAAEE,MAAM,CAACP,KADd;AAEE,MAAA,KAAK,EAAEQ,KAFT;AAGE,MAAA,IAAI,EAAEP,IAHR;AAIE,MAAA,aAAa,EAAED;AAJjB,OAKMO,MALN;AAME,MAAA,OAAO,EAAEH;AANX,OADW;AAAA,GAAZ,CADH,CADF;AAcD;;;;"}
+{"version":3,"file":"RadioButtonGroup.js","sources":["../../../../../../src/components/FormElements/RadioButtonGroup/RadioButtonGroup.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioGroupOption = Pick<RadioButtonProps, \"label\" | \"value\">;\n\nexport type RadioGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> & {\n  options: RadioGroupOption[];\n  value: string;\n  size?: \"md\" | \"lg\";\n  onChange: (value: string) => void;\n};\n\nconst RadioButtonGroup: FC<RadioGroupProps> = (props) => {\n  const { options, value = \"\", size = \"md\", onChange, ...rest } = props;\n\n  return (\n    <div {...rest}>\n      {options.map((option, index) => (\n        <RadioButton\n          key={option.value}\n          index={index}\n          size={size}\n          selectedValue={value}\n          onClick={onChange}\n          {...option}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default RadioButtonGroup;\n"],"names":["RadioButtonGroup","props","options","value","size","onChange","rest","___EmotionJSX","map","option","index"],"mappings":";;;;;;;;;;;;;;;;IAYMA,gBAAqC,GAAG,SAAxCA,gBAAwC,CAACC,KAAD,EAAW;AACvD,MAAQC,OAAR,GAAgED,KAAhE,CAAQC,OAAR;AAAA,qBAAgED,KAAhE,CAAiBE,KAAjB;AAAA,MAAiBA,KAAjB,6BAAyB,EAAzB;AAAA,oBAAgEF,KAAhE,CAA6BG,IAA7B;AAAA,MAA6BA,IAA7B,4BAAoC,IAApC;AAAA,MAA0CC,QAA1C,GAAgEJ,KAAhE,CAA0CI,QAA1C;AAAA,MAAuDC,IAAvD,4BAAgEL,KAAhE;;AAEA,SACEM,WAASD,IAAT,EACGJ,OAAO,CAACM,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT;AAAA,WACXH,IAAC,WAAD;AACE,MAAA,GAAG,EAAEE,MAAM,CAACN,KADd;AAEE,MAAA,KAAK,EAAEO,KAFT;AAGE,MAAA,IAAI,EAAEN,IAHR;AAIE,MAAA,aAAa,EAAED,KAJjB;AAKE,MAAA,OAAO,EAAEE;AALX,OAMMI,MANN,EADW;AAAA,GAAZ,CADH,CADF;AAcD;;;;"}

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

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