@epignosis_llc/gnosis 3.0.1 → 3.0.3

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,11 +12,10 @@ import { mq } from '../../../theme/utils/breakpoints.js';
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var drawerHeader = function drawerHeader(_ref, _ref2) {
   var drawer = _ref.drawer,
-      typeScaleSizes = _ref.typeScaleSizes;
+    typeScaleSizes = _ref.typeScaleSizes;
   var noGutters = _ref2.noGutters;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:flex;justify-content:space-between;align-items:center;padding:", noGutters ? 0 : "1rem 0 1rem 2rem", ";height:100%;max-height:4.5rem;", mq["sm"], "{padding:", noGutters ? 0 : "1rem 2rem", ";}button{font-size:", typeScaleSizes.md, "rem;display:inline-flex;background-color:transparent;color:", drawer.closeBtnColor.base, ";padding:0 1rem;border:0;cursor:pointer;&:hover,&:focus{color:", drawer.closeBtnColor.hover, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGRyYXdlckhlYWRlciA9IChcbiAgeyBkcmF3ZXIsIHR5cGVTY2FsZVNpemVzIH06IFRoZW1lLFxuICB7IG5vR3V0dGVycyB9OiB7IG5vR3V0dGVyczogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW0gMCAxcmVtIDJyZW1cIn07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1heC1oZWlnaHQ6IDQuNXJlbTtcblxuICAgICR7bXFbXCJzbVwiXX0ge1xuICAgICAgcGFkZGluZzogJHtub0d1dHRlcnMgPyAwIDogXCIxcmVtIDJyZW1cIn07XG4gICAgfVxuXG4gICAgYnV0dG9uIHtcbiAgICAgIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplcy5tZH1yZW07XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgY29sb3I6ICR7ZHJhd2VyLmNsb3NlQnRuQ29sb3IuYmFzZX07XG4gICAgICBwYWRkaW5nOiAwIDFyZW07XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgY29sb3I6ICR7ZHJhd2VyLmNsb3NlQnRuQ29sb3IuaG92ZXJ9O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJCb2R5ID0gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgbWFza0NvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSk7XG5gO1xuXG5leHBvcnQgY29uc3QgZm9vdGVyQ29udGFpbmVyID0gY3NzYFxuICBwYWRkaW5nOiAxcmVtO1xuXG4gICR7bXFbXCJtZFwiXX0ge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:drawerHeader;")
   );
@@ -41,7 +40,6 @@ var maskContainer = process.env.NODE_ENV === "production" ? {
 };
 var footerContainer =
 /*#__PURE__*/
-
 /*#__PURE__*/
 css("padding:1rem;", mq["md"], "{padding:2rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:footerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGtDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIkB0aGVtZS91dGlscy9icmVha3BvaW50c1wiO1xuXG5leHBvcnQgY29uc3QgZHJhd2VySGVhZGVyID0gKFxuICB7IGRyYXdlciwgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHsgbm9HdXR0ZXJzIH06IHsgbm9HdXR0ZXJzOiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6ICR7bm9HdXR0ZXJzID8gMCA6IFwiMXJlbSAwIDFyZW0gMnJlbVwifTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogNC41cmVtO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBwYWRkaW5nOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW0gMnJlbVwifTtcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgZm9udC1zaXplOiAke3R5cGVTY2FsZVNpemVzLm1kfXJlbTtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHtkcmF3ZXIuY2xvc2VCdG5Db2xvci5iYXNlfTtcbiAgICAgIHBhZGRpbmc6IDAgMXJlbTtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBjb2xvcjogJHtkcmF3ZXIuY2xvc2VCdG5Db2xvci5ob3Zlcn07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IGRyYXdlckJvZHkgPSBjc3NgXG4gIGhlaWdodDogMTAwJTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBtYXNrQ29udGFpbmVyID0gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ1KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBmb290ZXJDb250YWluZXIgPSBjc3NgXG4gIHBhZGRpbmc6IDFyZW07XG5cbiAgJHttcVtcIm1kXCJdfSB7XG4gICAgcGFkZGluZzogMnJlbTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:footerContainer;");
 

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":";;;;;;;;;;;;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;;;;"}
+{"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,YAAY,CAGF,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,MAAM,QAANA,MAAM;AAAEC,IAAAA,cAAc,QAAdA,cAAc,CAAA;EAAA,IACtBC,SAAS,SAATA,SAAS,CAAA;AAEX,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,CAIGD,wEAAAA,EAAAA,SAAS,GAAG,CAAC,GAAG,kBAAkB,EAAA,iCAAA,EAI3CE,EAAE,CAAC,IAAI,CAAC,EACGF,WAAAA,EAAAA,SAAS,GAAG,CAAC,GAAG,WAAW,EAAA,qBAAA,EAIzBD,cAAc,CAACI,EAAE,EAAA,6DAAA,EAGrBL,MAAM,CAACM,aAAa,CAACC,IAAI,EAOvBP,gEAAAA,EAAAA,MAAM,CAACM,aAAa,CAACE,KAAK,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;AAI3C,EAAC;IAEYC,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,EAGtB;IAEYC,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,EAOzB;IAEYC,eAAe;AAAA;AAAA;AAAGR,GAAG,CAG9BC,eAAAA,EAAAA,EAAE,CAAC,IAAI,CAAC,EAGX,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 v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -11,7 +11,6 @@ import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.bro
 var drawerContainer = function drawerContainer(width) {
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("position:fixed;top:0;left:0;height:100%;width:100%;z-index:1000;.dialog{position:absolute;height:100%;width:100%;max-width:", width, ";display:flex;flex-direction:column;background-color:#ffffff;padding:0;border:0;&.placement-left{left:0;right:auto;}&.placement-right{left:auto;right:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IGRyYXdlckNvbnRhaW5lciA9ICh3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxMDAwO1xuXG4gICAgLmRpYWxvZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC13aWR0aDogJHt3aWR0aH07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgYm9yZGVyOiAwO1xuXG4gICAgICAmLnBsYWNlbWVudC1sZWZ0IHtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICB9XG5cbiAgICAgICYucGxhY2VtZW50LXJpZ2h0IHtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:drawerContainer;")
   );

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,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;;;;"}
+{"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,eAAe,CAAIC,KAAa,EAAuB;AAClE,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,gIAYOD,KAAK,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;AAkBxB;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,18 +12,16 @@ 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", "containerAttrs", "isPartiallySelected"];
-
 var Checkbox = function Checkbox(props, ref) {
   var id = props.id,
-      label = props.label,
-      _props$size = props.size,
-      size = _props$size === void 0 ? "md" : _props$size,
-      _props$inline = props.inline,
-      inline = _props$inline === void 0 ? false : _props$inline,
-      containerAttrs = props.containerAttrs,
-      isPartiallySelected = props.isPartiallySelected,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    label = props.label,
+    _props$size = props.size,
+    size = _props$size === void 0 ? "md" : _props$size,
+    _props$inline = props.inline,
+    inline = _props$inline === void 0 ? false : _props$inline,
+    containerAttrs = props.containerAttrs,
+    isPartiallySelected = props.isPartiallySelected,
+    rest = _objectWithoutProperties(props, _excluded);
   return jsx("div", _extends({
     ref: ref,
     css: function css(theme) {
@@ -46,7 +44,6 @@ var Checkbox = function Checkbox(props, ref) {
     "aria-hidden": "true"
   }), label));
 };
-
 var Checkbox$1 = /*#__PURE__*/forwardRef(Checkbox);
 
 export { Checkbox$1 as default };

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,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;;;;"}
+{"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,QAAiE,CAAIC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACEC,EAAE,GAOAF,KAAK,CAPPE,EAAE;IACFC,KAAK,GAMHH,KAAK,CANPG,KAAK;IAAA,WAMHH,GAAAA,KAAK,CALPI,IAAI;AAAJA,IAAAA,IAAI,4BAAG,IAAI,GAAA,WAAA;IAAA,aAKTJ,GAAAA,KAAK,CAJPK,MAAM;AAANA,IAAAA,MAAM,8BAAG,KAAK,GAAA,aAAA;IACdC,cAAc,GAGZN,KAAK,CAHPM,cAAc;IACdC,mBAAmB,GAEjBP,KAAK,CAFPO,mBAAmB;AAChBC,IAAAA,IAAI,4BACLR,KAAK,EAAA,SAAA,CAAA,CAAA;EAET,OACES,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAER,GAAI;IACT,GAAG,EAAE,aAACS,KAAK,EAAA;MAAA,OAAuBC,iBAAiB,CAACD,KAAK,EAAE;AAAEN,QAAAA,IAAI,EAAJA,IAAI;AAAEC,QAAAA,MAAM,EAANA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAAA,KAAA;GACxEC,EAAAA,cAAc,CAEjBC,EAAAA,mBAAmB,IAAIE,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,aAAA,EAAY,uBAAuB;AAAC,IAAA,SAAS,EAAC,MAAA;AAAM,GAAA,CAAG,EACrFA,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA;AAAO,IAAA,EAAE,EAAEP,EAAG;AAAC,IAAA,IAAI,EAAC,UAAA;GAAeM,EAAAA,IAAI,EAAI,EAC3CC,GAAA,CAAA,OAAA,EAAA;AAAO,IAAA,OAAO,EAAEP,EAAAA;GACd,EAAAO,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,SAAS,EAAC,gBAAgB;IAAC,QAAQ,EAAE,CAAC,CAAE;IAAC,aAAY,EAAA,MAAA;GAAS,CAAA,EACnEN,KAAK,CACA,CACJ,CAAA;AAEV,CAAC,CAAA;AAED,iBAAeS,aAAAA,UAAU,CAACb,QAAQ,CAAC;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -20,30 +20,25 @@ 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,
-      onChange = _ref.onChange,
-      _ref$initialValues = _ref.initialValues,
-      initialValues = _ref$initialValues === void 0 ? [] : _ref$initialValues,
-      _ref$inline = _ref.inline,
-      inline = _ref$inline === void 0 ? false : _ref$inline,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "md" : _ref$size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    options = _ref.options,
+    onChange = _ref.onChange,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? [] : _ref$initialValues,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(initialValues),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedValues = _useState2[0],
-      setSelectedValues = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedValues = _useState2[0],
+    setSelectedValues = _useState2[1];
   var isPartiallySelected = selectedValues.length > 0 && selectedValues.length < options.length;
   var ariaChecked = isPartiallySelected ? "mixed" : selectedValues.length === options.length;
-
   var selectValues = function selectValues(e) {
     var selectedValue = e.target.value;
-
     if (selectedValues.includes(selectedValue)) {
       setSelectedValues(selectedValues.filter(function (value) {
         return selectedValue !== value;
@@ -52,7 +47,6 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
       setSelectedValues([].concat(_toConsumableArray(selectedValues), [selectedValue]));
     }
   };
-
   var handleGroupChange = function handleGroupChange() {
     if (selectedValues.length) {
       setSelectedValues([]);
@@ -64,7 +58,6 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
       }));
     }
   };
-
   useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);

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 Checkbox, { CheckboxOption, CheckboxSize } 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?: CheckboxSize;\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 Checkbox, { CheckboxOption, CheckboxSize } 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?: CheckboxSize;\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 v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -11,23 +11,21 @@ import { css } from '../../../../node_modules/@emotion/react/dist/emotion-react.
 var checkboxGroupContainer = function checkboxGroupContainer(inline) {
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:flex;flex-direction:", inline ? "row" : "column", ";padding:0;border:0;margin:0;legend{position:relative;.dash{position:absolute;top:21px;left:7px;width:8px;height:2px;background-color:white;z-index:3;}.checkbox-container{padding-bottom:0.5rem;}}ul{padding:0 0 0 2rem;margin:0;list-style:none;.checkbox-container{padding:0.5rem 0 0.5rem;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:checkboxGroupContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0YiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2hlY2tib3hTaXplIH0gZnJvbSBcIi4vQ2hlY2tib3hcIjtcblxuZXhwb3J0IGNvbnN0IGNoZWNrYm94R3JvdXBDb250YWluZXIgPSAoaW5saW5lOiBib29sZWFuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAke2lubGluZSA/IFwicm93XCIgOiBcImNvbHVtblwifTtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyOiAwO1xuICBtYXJnaW46IDA7XG5cbiAgbGVnZW5kIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAuZGFzaCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDIxcHg7XG4gICAgICBsZWZ0OiA3cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgIHotaW5kZXg6IDM7XG4gICAgfVxuXG4gICAgLmNoZWNrYm94LWNvbnRhaW5lciB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMC41cmVtO1xuICAgIH1cbiAgfVxuXG4gIHVsIHtcbiAgICBwYWRkaW5nOiAwIDAgMCAycmVtO1xuICAgIG1hcmdpbjogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLmNoZWNrYm94LWNvbnRhaW5lciB7XG4gICAgICBwYWRkaW5nOiAwLjVyZW0gMCAwLjVyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgY2hlY2tib3hDb250YWluZXIgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMsIGZvcm1FbGVtZW50cyB9OiBUaGVtZSxcbiAgeyBzaXplLCBpbmxpbmUgfTogeyBzaXplOiBDaGVja2JveFNpemU7IGlubGluZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRTaXplcyA9IHtcbiAgICBtZDogdHlwZVNjYWxlU2l6ZXMuc20sXG4gICAgbGc6IHR5cGVTY2FsZVNpemVzLm1kLFxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogJHtpbmxpbmUgPyBcImlubGluZS1mbGV4XCIgOiBcImZsZXhcIn07XG4gICAgcGFkZGluZzogMC43NXJlbSAke2lubGluZSA/IFwiMS41cmVtXCIgOiBcIjBcIn0gMC43NXJlbSAwO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIC5kYXNoIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMjFweDtcbiAgICAgIGxlZnQ6IDdweDtcbiAgICAgIHdpZHRoOiA4cHg7XG4gICAgICBoZWlnaHQ6IDJweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgei1pbmRleDogMztcbiAgICB9XG5cbiAgICBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0ge1xuICAgICAgb3BhY2l0eTogMDtcblxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICArIGxhYmVsID4gLnNoYWRvdy1lbGVtZW50IHtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggMHB4IDBweCA5cHggJHtmb3JtRWxlbWVudHMuY2hlY2tib3guaW5wdXQuc2hhZG93Q29sb3J9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICY6Y2hlY2tlZCB7XG4gICAgICAgICsgbGFiZWw6OmFmdGVyIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICsgbGFiZWwge1xuICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgICAuc2hhZG93LWVsZW1lbnQge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5jaGVja2JveC5pbnB1dC5ib3JkZXJDb2xvcn07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICsgbGFiZWwge1xuICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemVzW3NpemVdfTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMS41cmVtO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmNoZWNrYm94LmlucHV0LmJvcmRlckNvbG9yfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIGxlZnQ6IC05cHg7XG4gICAgICAgICAgdG9wOiAzcHg7XG4gICAgICAgICAgd2lkdGg6IDE0cHg7XG4gICAgICAgICAgaGVpZ2h0OiAxNHB4O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmNoZWNrYm94LmlucHV0LmJhY2tncm91bmR9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHotaW5kZXg6IDI7XG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpO1xuICAgICAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSA1MG1zIGVhc2UsIG9wYWNpdHkgMTAwbXMgZWFzZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6OmJlZm9yZSxcbiAgICAgICAgLnNoYWRvdy1lbGVtZW50IHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgbGVmdDogLTEycHg7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaGFkb3ctZWxlbWVudCB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgIHRyYW5zaXRpb246IGJveC1zaGFkb3cgMC4xcyBlYXNlLW91dDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:checkboxGroupContainer;")
   );
 };
 var checkboxContainer = function checkboxContainer(_ref, _ref2) {
   var typeScaleSizes = _ref.typeScaleSizes,
-      formElements = _ref.formElements;
+    formElements = _ref.formElements;
   var size = _ref2.size,
-      inline = _ref2.inline;
+    inline = _ref2.inline;
   var fontSizes = {
     md: typeScaleSizes.sm,
     lg: typeScaleSizes.md
   };
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:", inline ? "inline-flex" : "flex", ";padding:0.75rem ", inline ? "1.5rem" : "0", " 0.75rem 0;position:relative;.dash{position:absolute;top:21px;left:7px;width:8px;height:2px;background-color:white;z-index:3;}input[type=\"checkbox\"]{opacity:0;&:focus,&:hover{+label>.shadow-element{box-shadow:0px 0px 0px 9px ", formElements.checkbox.input.shadowColor, ";}}&:checked{+label::after{opacity:1;transform:scale(1);}}&:disabled{+label{cursor:not-allowed;.shadow-element{box-shadow:none;}&::after{background-color:", formElements.checkbox.input.borderColor, ";}}}+label{font-size:", fontSizes[size], ";position:relative;display:inline-block;padding-left:1.5rem;cursor:pointer;&::before{content:\"\";background-color:white;border:1px solid ", formElements.checkbox.input.borderColor, ";border-radius:3px;margin-right:1rem;z-index:1;}&::after{content:\"\";position:absolute;display:inline-block;left:-9px;top:3px;width:14px;height:14px;background-color:", formElements.checkbox.input.background, ";border-radius:3px;opacity:0;z-index:2;transform:scale(0.5);transition:transform 50ms ease,opacity 100ms ease;}&::before,.shadow-element{position:absolute;left:-12px;display:inline-block;width:20px;height:20px;}.shadow-element{border-radius:50%;transition:box-shadow 0.1s ease-out;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:checkboxContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2hlY2tib3hTaXplIH0gZnJvbSBcIi4vQ2hlY2tib3hcIjtcblxuZXhwb3J0IGNvbnN0IGNoZWNrYm94R3JvdXBDb250YWluZXIgPSAoaW5saW5lOiBib29sZWFuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAke2lubGluZSA/IFwicm93XCIgOiBcImNvbHVtblwifTtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyOiAwO1xuICBtYXJnaW46IDA7XG5cbiAgbGVnZW5kIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAuZGFzaCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDIxcHg7XG4gICAgICBsZWZ0OiA3cHg7XG4gICAgICB3aWR0aDogOHB4O1xuICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgIHotaW5kZXg6IDM7XG4gICAgfVxuXG4gICAgLmNoZWNrYm94LWNvbnRhaW5lciB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMC41cmVtO1xuICAgIH1cbiAgfVxuXG4gIHVsIHtcbiAgICBwYWRkaW5nOiAwIDAgMCAycmVtO1xuICAgIG1hcmdpbjogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLmNoZWNrYm94LWNvbnRhaW5lciB7XG4gICAgICBwYWRkaW5nOiAwLjVyZW0gMCAwLjVyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgY2hlY2tib3hDb250YWluZXIgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMsIGZvcm1FbGVtZW50cyB9OiBUaGVtZSxcbiAgeyBzaXplLCBpbmxpbmUgfTogeyBzaXplOiBDaGVja2JveFNpemU7IGlubGluZTogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRTaXplcyA9IHtcbiAgICBtZDogdHlwZVNjYWxlU2l6ZXMuc20sXG4gICAgbGc6IHR5cGVTY2FsZVNpemVzLm1kLFxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogJHtpbmxpbmUgPyBcImlubGluZS1mbGV4XCIgOiBcImZsZXhcIn07XG4gICAgcGFkZGluZzogMC43NXJlbSAke2lubGluZSA/IFwiMS41cmVtXCIgOiBcIjBcIn0gMC43NXJlbSAwO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIC5kYXNoIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMjFweDtcbiAgICAgIGxlZnQ6IDdweDtcbiAgICAgIHdpZHRoOiA4cHg7XG4gICAgICBoZWlnaHQ6IDJweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgei1pbmRleDogMztcbiAgICB9XG5cbiAgICBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0ge1xuICAgICAgb3BhY2l0eTogMDtcblxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6aG92ZXIge1xuICAgICAgICArIGxhYmVsID4gLnNoYWRvdy1lbGVtZW50IHtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggMHB4IDBweCA5cHggJHtmb3JtRWxlbWVudHMuY2hlY2tib3guaW5wdXQuc2hhZG93Q29sb3J9O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICY6Y2hlY2tlZCB7XG4gICAgICAgICsgbGFiZWw6OmFmdGVyIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICsgbGFiZWwge1xuICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgICAuc2hhZG93LWVsZW1lbnQge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5jaGVja2JveC5pbnB1dC5ib3JkZXJDb2xvcn07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICsgbGFiZWwge1xuICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemVzW3NpemVdfTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMS41cmVtO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmNoZWNrYm94LmlucHV0LmJvcmRlckNvbG9yfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIGxlZnQ6IC05cHg7XG4gICAgICAgICAgdG9wOiAzcHg7XG4gICAgICAgICAgd2lkdGg6IDE0cHg7XG4gICAgICAgICAgaGVpZ2h0OiAxNHB4O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmNoZWNrYm94LmlucHV0LmJhY2tncm91bmR9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHotaW5kZXg6IDI7XG4gICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpO1xuICAgICAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSA1MG1zIGVhc2UsIG9wYWNpdHkgMTAwbXMgZWFzZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6OmJlZm9yZSxcbiAgICAgICAgLnNoYWRvdy1lbGVtZW50IHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgbGVmdDogLTEycHg7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaGFkb3ctZWxlbWVudCB7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgIHRyYW5zaXRpb246IGJveC1zaGFkb3cgMC4xcyBlYXNlLW91dDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:checkboxContainer;")
   );

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,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;;;;"}
+{"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,sBAAsB,CAAIC,MAAe,EAAA;AAAA,EAAA;AAAA;AAAA;AAAuBC,IAAAA,GAAG,CAE5DD,8BAAAA,EAAAA,MAAM,GAAG,KAAK,GAAG,QAAQ,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,EAgC5C;AAEYE,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiB,CAGP,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,cAAc,QAAdA,cAAc;AAAEC,IAAAA,YAAY,QAAZA,YAAY,CAAA;EAAA,IAC5BC,IAAI,SAAJA,IAAI;AAAEL,IAAAA,MAAM,SAANA,MAAM,CAAA;AAEd,EAAA,IAAMM,SAAS,GAAG;IAChBC,EAAE,EAAEJ,cAAc,CAACK,EAAE;IACrBC,EAAE,EAAEN,cAAc,CAACI,EAAAA;GACpB,CAAA;AAED,EAAA;AAAA;AAAA;IAAON,GAAG,CAAA,UAAA,EACGD,MAAM,GAAG,aAAa,GAAG,MAAM,EAAA,mBAAA,EACvBA,MAAM,GAAG,QAAQ,GAAG,GAAG,EAmBNI,qOAAAA,EAAAA,YAAY,CAACM,QAAQ,CAACC,KAAK,CAACC,WAAW,EAoB/CR,4JAAAA,EAAAA,YAAY,CAACM,QAAQ,CAACC,KAAK,CAACE,WAAW,EAMlDP,uBAAAA,EAAAA,SAAS,CAACD,IAAI,CAAC,EASND,4IAAAA,EAAAA,YAAY,CAACM,QAAQ,CAACC,KAAK,CAACE,WAAW,EAcvCT,yKAAAA,EAAAA,YAAY,CAACM,QAAQ,CAACC,KAAK,CAACG,UAAU,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;AAwBpE;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,11 +12,9 @@ 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,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("article", _extends({
     css: errorContainer
   }, rest), children);

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":";;;;;;;;;;;;;;;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;;;;"}
+{"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,SAA6B,CAAA,IAAA,EAAA;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,OACxDC,GAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AAAS,IAAA,GAAG,EAAEC,cAAAA;GAAoBF,EAAAA,IAAI,CACnCD,EAAAA,QAAQ,CACD,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 v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -11,10 +11,9 @@ import { hexToRGBA } from '../../../theme/default/colors.js';
 
 var errorContainer = function errorContainer(_ref) {
   var typeScaleSizes = _ref.typeScaleSizes,
-      formElements = _ref.formElements;
+    formElements = _ref.formElements;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("font-size:", typeScaleSizes.md, ";width:100%;display:inline-block;background-color:", hexToRGBA(formElements.generalError.background, 0.25), ";border:1px solid ", formElements.generalError.borderColor, ";border-radius:2px;padding:1.25rem 2rem 1.5rem;" + (process.env.NODE_ENV === "production" ? "" : ";label:errorContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0ciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaGV4VG9SR0JBIH0gZnJvbSBcIkB0aGVtZS9kZWZhdWx0L2NvbG9yc1wiO1xuXG5leHBvcnQgY29uc3QgZXJyb3JDb250YWluZXIgPSAoeyB0eXBlU2NhbGVTaXplcywgZm9ybUVsZW1lbnRzIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplcy5tZH07XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7aGV4VG9SR0JBKGZvcm1FbGVtZW50cy5nZW5lcmFsRXJyb3IuYmFja2dyb3VuZCwgMC4yNSl9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5nZW5lcmFsRXJyb3IuYm9yZGVyQ29sb3J9O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIHBhZGRpbmc6IDEuMjVyZW0gMnJlbSAxLjVyZW07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:errorContainer;")
   );

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":";;;;;;;;;;;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;;;;"}
+{"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,cAAc,CAAA,IAAA,EAAA;EAAA,IAAMC,cAAc,QAAdA,cAAc;AAAEC,IAAAA,YAAY,QAAZA,YAAY,CAAA;AAAA,EAAA;AAAA;AAAA;IAAgCC,GAAG,CAAA,YAAA,EACjFF,cAAc,CAACG,EAAE,wDAGVC,SAAS,CAACH,YAAY,CAACI,YAAY,CAACC,UAAU,EAAE,IAAI,CAAC,EAAA,oBAAA,EACrDL,YAAY,CAACI,YAAY,CAACE,WAAW,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 v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -14,21 +14,19 @@ 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", "containerAttrs"];
-
 var Input = function Input(_ref, forwardedRef) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "md" : _ref$size,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? "valid" : _ref$status,
-      iconBefore = _ref.iconBefore,
-      iconAfter = _ref.iconAfter,
-      label = _ref.label,
-      _ref$inline = _ref.inline,
-      inline = _ref$inline === void 0 ? false : _ref$inline,
-      id = _ref.id,
-      containerAttrs = _ref.containerAttrs,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? "valid" : _ref$status,
+    iconBefore = _ref.iconBefore,
+    iconAfter = _ref.iconAfter,
+    label = _ref.label,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
+    id = _ref.id,
+    containerAttrs = _ref.containerAttrs,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var IconBefore = iconBefore;
   var IconAfter = iconAfter;
   var hasLabel = Boolean(label);
@@ -67,7 +65,6 @@ var Input = function Input(_ref, forwardedRef) {
     height: iconHeight
   }))));
 };
-
 var Input$1 = /*#__PURE__*/forwardRef(Input);
 
 export { Input$1 as default };

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 = \"sm\" | \"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    css?: SerializedStyles;\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  const iconHeight = size === \"sm\" ? 28 : 32;\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={iconHeight} />\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={iconHeight} />\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","iconHeight","___EmotionJSX","theme","inputContainer","forwardRef"],"mappings":"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"}
+{"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 = \"sm\" | \"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    css?: SerializedStyles;\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  const iconHeight = size === \"sm\" ? 28 : 32;\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={iconHeight} />\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={iconHeight} />\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","iconHeight","___EmotionJSX","theme","inputContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAMA,KAA6D,GAAG,SAAhEA,KAA6D,CAAA,IAAA,EAYjEC,YAAY,EACT;AAAA,EAAA,IAAA,SAAA,GAAA,IAAA,CAXDC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;AAAA,IAAA,WAAA,GAAA,IAAA,CACXC,MAAM;AAANA,IAAAA,MAAM,4BAAG,OAAO,GAAA,WAAA;AAChBC,IAAAA,UAAU,QAAVA,UAAU;AACVC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,KAAK,QAALA,KAAK;AAAA,IAAA,WAAA,GAAA,IAAA,CACLC,MAAM;AAANA,IAAAA,MAAM,4BAAG,KAAK,GAAA,WAAA;AACdC,IAAAA,EAAE,QAAFA,EAAE;AACFC,IAAAA,cAAc,QAAdA,cAAc;IACXC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAIT,IAAMC,UAAU,GAAGP,UAAU,CAAA;EAC7B,IAAMQ,SAAS,GAAGP,SAAS,CAAA;AAC3B,EAAA,IAAMQ,QAAQ,GAAGC,OAAO,CAACR,KAAK,CAAC,CAAA;EAC/B,IAAMS,gBAAgB,GAAGC,UAAU,CAAC;IAClCC,KAAK,EAAEd,MAAM,KAAK,OAAO;IACzBe,KAAK,EAAEf,MAAM,KAAK,OAAO;AACzB,IAAA,kBAAkB,EAAEW,OAAO,CAACV,UAAU,CAAC;AACvC,IAAA,kBAAkB,EAAEU,OAAO,CAACT,SAAS,CAAC;IACtCE,MAAM,EAAEM,QAAQ,IAAIN,MAAM;IAC1BY,QAAQ,EAAEL,OAAO,CAACJ,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAES,QAAQ,CAAA;AAClC,GAAC,CAAC,CAAA;EACF,IAAMC,UAAU,GAAGlB,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,CAAA;EAE1C,OACEmB,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IACE,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,cAAc,CAACD,KAAK,EAAE;AAAEpB,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;KAAC;AAClE,IAAA,SAAS,EAAEa,gBAAAA;AAAiB,GAAA,EACxBN,cAAc,CAAA,EAEjBI,QAAQ,IAAIQ,IAAC,KAAK,EAAA;AAAC,IAAA,OAAO,EAAEb,EAAAA;GAAKF,EAAAA,KAAK,CAAS,EAChDe,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,eAAA;AAAe,GAAA,EAC3BV,UAAU,IACTU,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,SAAS,EAAC,aAAa;IAAC,aAAY,EAAA,mBAAA;AAAmB,GAAA,EAC3DA,IAAC,UAAU,EAAA;AAAC,IAAA,MAAM,EAAED,UAAAA;AAAW,GAAA,CAAG,CAErC,EACDC,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA;AAAO,IAAA,GAAG,EAAEpB,YAAa;AAAC,IAAA,EAAE,EAAEO,EAAAA;AAAG,GAAA,EAAKE,IAAI,CAAA,CAAI,EAC7CE,SAAS,IACRS,GAAA,CAAA,MAAA,EAAA;AAAM,IAAA,SAAS,EAAC,aAAa;IAAC,aAAY,EAAA,kBAAA;AAAkB,GAAA,EAC1DA,IAAC,SAAS,EAAA;AAAC,IAAA,MAAM,EAAED,UAAAA;GAAc,CAAA,CAEpC,CACG,CACF,CAAA;AAEV,CAAC,CAAA;AAED,cAAeI,aAAAA,UAAU,CAACxB,KAAK,CAAC;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -14,7 +14,6 @@ var inputContainer = function inputContainer(_ref, _ref2) {
   var size = _ref2.size;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css(inputContainerBaseStyles({
       block: true

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  &.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;;;;"}
+{"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,cAAc,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IACvBC,YAAY,QAAZA,YAAY,CAAA;EAAA,IACZC,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA;AAAA;AAAA;IACeC,GAAG,CACtBC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;KAAM,CAAC,2EAO5BJ,YAAY,CAACK,KAAK,CAACC,YAAY,EAQ1BN,mEAAAA,EAAAA,YAAY,CAACO,MAAM,CAACC,gBAAgB,EAAA,+LAAA,EAmBlCR,YAAY,CAACK,KAAK,CAACI,UAAU,EAa7CC,kGAAAA,EAAAA,eAAe,CAACV,YAAY,EAAE;AAAEI,MAAAA,KAAK,EAAE,IAAI;AAAEH,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC,EAAA,kLAAA,EAgB7CD,YAAY,CAACK,KAAK,CAACM,SAAS,EAAA,oDAAA,EAM5BX,YAAY,CAACK,KAAK,CAACM,SAAS,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 v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,13 +12,11 @@ import { inputError } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["as", "children"];
-
 var InputError = function InputError(_ref) {
   var _ref$as = _ref.as,
-      as = _ref$as === void 0 ? "div" : _ref$as,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    as = _ref$as === void 0 ? "div" : _ref$as,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var InputErrorTag = as;
   return jsx(InputErrorTag, _extends({
     css: inputError

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":";;;;;;;;;;;;;;;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;;;;"}
+{"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,UAA+B,CAA0C,IAAA,EAAA;AAAA,EAAA,IAAA,OAAA,GAAA,IAAA,CAApCC,EAAE;AAAFA,IAAAA,EAAE,wBAAG,KAAK,GAAA,OAAA;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACtE,IAAMC,aAAa,GAAGH,EAAE,CAAA;AAExB,EAAA,OACEI,IAAC,aAAa,EAAA,QAAA,CAAA;AAAC,IAAA,GAAG,EAAEC,UAAAA;GAAgBH,EAAAA,IAAI,CACrCD,EAAAA,QAAQ,CACK,CAAA;AAEpB;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -12,7 +12,6 @@ var inputError = function inputError(_ref) {
   var formElements = _ref.formElements;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("color:", formElements.errors.errorBorderColor, ";margin-left:0.25rem;" + (process.env.NODE_ENV === "production" ? "" : ";label:inputError;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNEUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRFcnJvciA9ICh7IGZvcm1FbGVtZW50cyB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICBtYXJnaW4tbGVmdDogMC4yNXJlbTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputError;")
   );