@epignosis_llc/gnosis 3.0.0 → 3.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../../../src/components/FormElements/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction, InputHTMLAttributes } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport Label from \"../Label/Label\";\nimport { textareaContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type TextareaResize = \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n\nexport type TextareaProps = ExtendableProps<\n  InputHTMLAttributes<HTMLTextAreaElement>,\n  {\n    id: string;\n    label?: string;\n    inline?: boolean;\n    resize?: TextareaResize;\n    status?: \"valid\" | \"error\";\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\nconst Textarea: ForwardRefRenderFunction<HTMLTextAreaElement, TextareaProps> = (\n  props,\n  forwardedRef,\n) => {\n  const {\n    label,\n    inline = false,\n    id,\n    resize = \"none\",\n    status = \"valid\",\n    containerAttrs,\n    ...rest\n  } = props;\n  const hasLabel = Boolean(label);\n  const containerClassNames = classNames({\n    inline: hasLabel && inline,\n    valid: status === \"valid\",\n    error: status === \"error\",\n    [containerAttrs?.className ?? \"\"]: Boolean(containerAttrs?.className),\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => textareaContainer(theme, { resize })}\n      {...containerAttrs}\n      className={containerClassNames}\n    >\n      {hasLabel && <Label htmlFor={id}>{label}</Label>}\n      <textarea id={id} ref={forwardedRef} {...rest} />\n    </div>\n  );\n};\n\nexport default forwardRef(Textarea);\n"],"names":["Textarea","props","forwardedRef","label","inline","id","resize","status","containerAttrs","rest","hasLabel","Boolean","containerClassNames","classNames","valid","error","className","___EmotionJSX","theme","textareaContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,IAAMA,QAAsE,GAAG,SAAzEA,QAAyE,CAC7EC,KAD6E,EAE7EC,YAF6E,EAG1E;AAAA,EAAA,IAAA,qBAAA,CAAA;;AACH,EAAA,IACEC,KADF,GAQIF,KARJ,CACEE,KADF;AAAA,MAQIF,aAAAA,GAAAA,KARJ,CAEEG,MAFF;AAAA,MAEEA,MAFF,8BAEW,KAFX,GAAA,aAAA;AAAA,MAGEC,EAHF,GAQIJ,KARJ,CAGEI,EAHF;AAAA,MAQIJ,aAAAA,GAAAA,KARJ,CAIEK,MAJF;AAAA,MAIEA,MAJF,8BAIW,MAJX,GAAA,aAAA;AAAA,MAQIL,aAAAA,GAAAA,KARJ,CAKEM,MALF;AAAA,MAKEA,MALF,8BAKW,OALX,GAAA,aAAA;AAAA,MAMEC,cANF,GAQIP,KARJ,CAMEO,cANF;AAAA,MAOKC,IAPL,4BAQIR,KARJ,EAAA,SAAA,CAAA,CAAA;;AASA,EAAA,IAAMS,QAAQ,GAAGC,OAAO,CAACR,KAAD,CAAxB,CAAA;AACA,EAAMS,IAAAA,mBAAmB,GAAGC,UAAU,CAAA,eAAA,CAAA;AACpCT,IAAAA,MAAM,EAAEM,QAAQ,IAAIN,MADgB;AAEpCU,IAAAA,KAAK,EAAEP,MAAM,KAAK,OAFkB;AAGpCQ,IAAAA,KAAK,EAAER,MAAM,KAAK,OAAA;AAHkB,GAInCC,EAAAA,CAAAA,qBAAAA,GAAAA,cAJmC,aAInCA,cAJmC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAInCA,cAAc,CAAEQ,SAJmB,yEAIN,EAJM,EAIDL,OAAO,CAACH,cAAD,aAACA,cAAD,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAACA,cAAc,CAAEQ,SAAjB,CAJN,CAAtC,CAAA,CAAA;AAOA,EACE,OAAAC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,iBAAiB,CAACD,KAAD,EAAQ;AAAEZ,QAAAA,MAAM,EAANA,MAAAA;AAAF,OAAR,CAA9C,CAAA;AAAA,KAAA;AADP,GAAA,EAEME,cAFN,EAAA;AAGE,IAAA,SAAS,EAAEI,mBAAAA;AAHb,GAKGF,CAAAA,EAAAA,QAAQ,IAAIO,GAAA,CAAC,KAAD,EAAA;AAAO,IAAA,OAAO,EAAEZ,EAAAA;AAAhB,GAAqBF,EAAAA,KAArB,CALf,EAMEc,GAAA,CAAA,UAAA,EAAA,QAAA,CAAA;AAAU,IAAA,EAAE,EAAEZ,EAAd;AAAkB,IAAA,GAAG,EAAEH,YAAAA;AAAvB,GAAyCO,EAAAA,IAAzC,EANF,CADF,CAAA;AAUD,CA/BD,CAAA;;AAiCA,iBAAeW,aAAAA,UAAU,CAACpB,QAAD,CAAzB;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../../../../src/components/FormElements/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction, InputHTMLAttributes } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport Label from \"../Label/Label\";\nimport { textareaContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type TextareaResize = \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n\nexport type TextareaProps = ExtendableProps<\n  InputHTMLAttributes<HTMLTextAreaElement>,\n  {\n    id: string;\n    label?: string;\n    inline?: boolean;\n    resize?: TextareaResize;\n    status?: \"valid\" | \"error\";\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\nconst Textarea: ForwardRefRenderFunction<HTMLTextAreaElement, TextareaProps> = (\n  props,\n  forwardedRef,\n) => {\n  const {\n    label,\n    inline = false,\n    id,\n    resize = \"none\",\n    status = \"valid\",\n    containerAttrs,\n    ...rest\n  } = props;\n  const hasLabel = Boolean(label);\n  const containerClassNames = classNames({\n    inline: hasLabel && inline,\n    valid: status === \"valid\",\n    error: status === \"error\",\n    [containerAttrs?.className ?? \"\"]: Boolean(containerAttrs?.className),\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => textareaContainer(theme, { resize })}\n      {...containerAttrs}\n      className={containerClassNames}\n    >\n      {hasLabel && <Label htmlFor={id}>{label}</Label>}\n      <textarea id={id} ref={forwardedRef} {...rest} />\n    </div>\n  );\n};\n\nexport default forwardRef(Textarea);\n"],"names":["Textarea","props","forwardedRef","label","inline","id","resize","status","containerAttrs","rest","hasLabel","Boolean","containerClassNames","classNames","valid","error","className","___EmotionJSX","theme","textareaContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;AAoBA,IAAMA,QAAsE,GAAG,SAAzEA,QAAsE,CAC1EC,KAAK,EACLC,YAAY,EACT;AAAA,EAAA,IAAA,qBAAA,CAAA;AACH,EAAA,IACEC,KAAK,GAOHF,KAAK,CAPPE,KAAK;IAAA,aAOHF,GAAAA,KAAK,CANPG,MAAM;AAANA,IAAAA,MAAM,8BAAG,KAAK,GAAA,aAAA;IACdC,EAAE,GAKAJ,KAAK,CALPI,EAAE;IAAA,aAKAJ,GAAAA,KAAK,CAJPK,MAAM;AAANA,IAAAA,MAAM,8BAAG,MAAM,GAAA,aAAA;IAAA,aAIbL,GAAAA,KAAK,CAHPM,MAAM;AAANA,IAAAA,MAAM,8BAAG,OAAO,GAAA,aAAA;IAChBC,cAAc,GAEZP,KAAK,CAFPO,cAAc;AACXC,IAAAA,IAAI,4BACLR,KAAK,EAAA,SAAA,CAAA,CAAA;AACT,EAAA,IAAMS,QAAQ,GAAGC,OAAO,CAACR,KAAK,CAAC,CAAA;EAC/B,IAAMS,mBAAmB,GAAGC,UAAU,CAAA,eAAA,CAAA;IACpCT,MAAM,EAAEM,QAAQ,IAAIN,MAAM;IAC1BU,KAAK,EAAEP,MAAM,KAAK,OAAO;IACzBQ,KAAK,EAAER,MAAM,KAAK,OAAA;GACjBC,EAAAA,CAAAA,qBAAAA,GAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEQ,SAAS,yEAAI,EAAE,EAAGL,OAAO,CAACH,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEQ,SAAS,CAAC,CACrE,CAAA,CAAA;EAEF,OACEC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IACE,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,iBAAiB,CAACD,KAAK,EAAE;AAAEZ,QAAAA,MAAM,EAANA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EACnEE,cAAc,EAAA;AAClB,IAAA,SAAS,EAAEI,mBAAAA;GAEVF,CAAAA,EAAAA,QAAQ,IAAIO,GAAA,CAAC,KAAK,EAAA;AAAC,IAAA,OAAO,EAAEZ,EAAAA;GAAKF,EAAAA,KAAK,CAAS,EAChDc,GAAA,CAAA,UAAA,EAAA,QAAA,CAAA;AAAU,IAAA,EAAE,EAAEZ,EAAG;AAAC,IAAA,GAAG,EAAEH,YAAAA;GAAkBO,EAAAA,IAAI,EAAI,CAC7C,CAAA;AAEV,CAAC,CAAA;AAED,iBAAeW,aAAAA,UAAU,CAACpB,QAAQ,CAAC;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Textarea/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { TextareaResize } from \"./Textarea\";\n\nexport const textareaContainer = (\n  { formElements }: Theme,\n  { resize }: { resize: TextareaResize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })};\n\n  &.inline {\n    align-items: baseline;\n  }\n\n  &.error {\n    textarea {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  textarea {\n    ${inputBaseStyles(formElements, { block: true })};\n    min-height: 10rem;\n    padding: 0.75rem;\n    resize: ${resize};\n  }\n`;\n"],"names":["textareaContainer","formElements","resize","css","inputContainerBaseStyles","block","errors","errorBorderColor","inputBaseStyles"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAA,IAAA,EAAA,KAAA,EAAA;AAAA,EAC7BC,IAAAA,YAD6B,QAC7BA,YAD6B,CAAA;AAAA,EAE7BC,IAAAA,MAF6B,SAE7BA,MAF6B,CAAA;AAAA,EAAA;AAAA;;AAAA;AAGVC,IAAAA,GAHU,CAI7BC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;AAAT,KAAD,CAJK,EAYXJ,gEAAAA,EAAAA,YAAY,CAACK,MAAb,CAAoBC,gBAZT,EAiB3BC,cAAAA,EAAAA,eAAe,CAACP,YAAD,EAAe;AAAEI,MAAAA,KAAK,EAAE,IAAA;AAAT,KAAf,CAjBY,+CAoBnBH,MApBmB,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,2BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,imCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,2BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Textarea/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { TextareaResize } from \"./Textarea\";\n\nexport const textareaContainer = (\n  { formElements }: Theme,\n  { resize }: { resize: TextareaResize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })};\n\n  &.inline {\n    align-items: baseline;\n  }\n\n  &.error {\n    textarea {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  textarea {\n    ${inputBaseStyles(formElements, { block: true })};\n    min-height: 10rem;\n    padding: 0.75rem;\n    resize: ${resize};\n  }\n`;\n"],"names":["textareaContainer","formElements","resize","css","inputContainerBaseStyles","block","errors","errorBorderColor","inputBaseStyles"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiB,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IAC1BC,YAAY,QAAZA,YAAY,CAAA;EAAA,IACZC,MAAM,SAANA,MAAM,CAAA;AAAA,EAAA;AAAA;AAAA;IACaC,GAAG,CACtBC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE,IAAA;KAAM,CAAC,EAQvBJ,gEAAAA,EAAAA,YAAY,CAACK,MAAM,CAACC,gBAAgB,EAKpDC,cAAAA,EAAAA,eAAe,CAACP,YAAY,EAAE;AAAEI,MAAAA,KAAK,EAAE,IAAA;KAAM,CAAC,+CAGtCH,MAAM,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,2BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,imCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,2BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.3.1
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -15,20 +15,18 @@ var inputHeight = {
 };
 var inputContainerBaseStyles = function inputContainerBaseStyles(_ref) {
   var _ref$block = _ref.block,
-      block = _ref$block === void 0 ? true : _ref$block;
+    block = _ref$block === void 0 ? true : _ref$block;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css(block && "width: 100%", ";display:inline-flex;flex-direction:column;&.inline{flex-direction:row;align-items:center;label{margin:0 0.75rem 0 0;}}label{margin:0 0 0.5rem 0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXQvSW5wdXRcIjtcblxuY29uc3QgaW5wdXRIZWlnaHQgPSB7XG4gIHNtOiBcIjEuODc1cmVtXCIsXG4gIG1kOiBcIjIuNXJlbVwiLFxuICBsZzogXCIzcmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzID0gKHtcbiAgYmxvY2sgPSB0cnVlLFxufToge1xuICBibG9jazogYm9vbGVhbjtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtibG9jayAmJiBcIndpZHRoOiAxMDAlXCJ9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAmLmlubGluZSB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgbGFiZWwge1xuICAgICAgbWFyZ2luOiAwIDAuNzVyZW0gMCAwO1xuICAgIH1cbiAgfVxuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW46IDAgMCAwLjVyZW0gMC41cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRCYXNlU3R5bGVzID0gKFxuICBmb3JtRWxlbWVudHM6IFRoZW1lW1wiZm9ybUVsZW1lbnRzXCJdLFxuICB7IGJsb2NrLCBzaXplIH06IHsgYmxvY2s/OiBib29sZWFuOyBzaXplPzogSW5wdXRTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtzaXplICYmIGBoZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19YH07XG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbnB1dEJvcmRlckNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6Zm9jdXMsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJhY2tncm91bmRGb2N1c307XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAmLFxuICAgICY6aG92ZXIge1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkQmFja2dyb3VuZH07XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkQm9yZGVyfTtcbiAgICB9XG4gIH1cblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xuICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5wbGFjZWhvbGRlckNvbG9yfTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;")
   );
 };
 var inputBaseStyles = function inputBaseStyles(formElements, _ref2) {
   var block = _ref2.block,
-      size = _ref2.size;
+    size = _ref2.size;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css(size && "height: ".concat(inputHeight[size]), ";", block && "width: 100%", ";display:inline-block;background-color:", formElements.input.background, ";padding:0 0.75rem;border:1px solid ", formElements.input.inputBorderColor, ";border-radius:5px;&:hover{background:", formElements.input.hoverColor, ";}&:hover{border:1px solid ", formElements.input.borderHoverColor, ";}&:focus{border:2px solid ", formElements.input.borderHoverColor, ";}&:focus,&:focus-visible{outline:none;}&:focus{background-color:", formElements.input.backgroundFocus, ";}&:disabled{&,&:hover{cursor:not-allowed;background-color:", formElements.input.disabledBackground, ";border-color:", formElements.input.disabledBorder, ";}}&::placeholder{font-style:italic;color:", formElements.input.placeholderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuL0lucHV0L0lucHV0XCI7XG5cbmNvbnN0IGlucHV0SGVpZ2h0ID0ge1xuICBzbTogXCIxLjg3NXJlbVwiLFxuICBtZDogXCIyLjVyZW1cIixcbiAgbGc6IFwiM3JlbVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyQmFzZVN0eWxlcyA9ICh7XG4gIGJsb2NrID0gdHJ1ZSxcbn06IHtcbiAgYmxvY2s6IGJvb2xlYW47XG59KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJi5pbmxpbmUge1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGxhYmVsIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtIDAgMDtcbiAgICB9XG4gIH1cblxuICBsYWJlbCB7XG4gICAgbWFyZ2luOiAwIDAgMC41cmVtIDAuNXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0QmFzZVN0eWxlcyA9IChcbiAgZm9ybUVsZW1lbnRzOiBUaGVtZVtcImZvcm1FbGVtZW50c1wiXSxcbiAgeyBibG9jaywgc2l6ZSB9OiB7IGJsb2NrPzogYm9vbGVhbjsgc2l6ZT86IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7c2l6ZSAmJiBgaGVpZ2h0OiAke2lucHV0SGVpZ2h0W3NpemVdfWB9O1xuICAke2Jsb2NrICYmIFwid2lkdGg6IDEwMCVcIn07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuaW5wdXRCb3JkZXJDb2xvcn07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5ob3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJvcmRlckhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gIH1cblxuICAmOmZvY3VzLFxuICAmOmZvY3VzLXZpc2libGUge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kRm9jdXN9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJixcbiAgICAmOmhvdmVyIHtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEJhY2tncm91bmR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEJvcmRlcn07XG4gICAgfVxuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQucGxhY2Vob2xkZXJDb2xvcn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/FormElements/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { InputSize } from \"./Input/Input\";\n\nconst inputHeight = {\n  sm: \"1.875rem\",\n  md: \"2.5rem\",\n  lg: \"3rem\",\n};\n\nexport const inputContainerBaseStyles = ({\n  block = true,\n}: {\n  block: boolean;\n}): SerializedStyles => css`\n  ${block && \"width: 100%\"};\n  display: inline-flex;\n  flex-direction: column;\n\n  &.inline {\n    flex-direction: row;\n    align-items: center;\n\n    label {\n      margin: 0 0.75rem 0 0;\n    }\n  }\n\n  label {\n    margin: 0 0 0.5rem 0.5rem;\n  }\n`;\n\nexport const inputBaseStyles = (\n  formElements: Theme[\"formElements\"],\n  { block, size }: { block?: boolean; size?: InputSize },\n): SerializedStyles => css`\n  ${size && `height: ${inputHeight[size]}`};\n  ${block && \"width: 100%\"};\n  display: inline-block;\n  background-color: ${formElements.input.background};\n  padding: 0 0.75rem;\n  border: 1px solid ${formElements.input.inputBorderColor};\n  border-radius: 5px;\n\n  &:hover {\n    background: ${formElements.input.hoverColor};\n  }\n\n  &:hover {\n    border: 1px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus {\n    border: 2px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus,\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:focus {\n    background-color: ${formElements.input.backgroundFocus};\n  }\n\n  &:disabled {\n    &,\n    &:hover {\n      cursor: not-allowed;\n      background-color: ${formElements.input.disabledBackground};\n      border-color: ${formElements.input.disabledBorder};\n    }\n  }\n\n  &::placeholder {\n    font-style: italic;\n    color: ${formElements.input.placeholderColor};\n  }\n`;\n"],"names":["inputHeight","sm","md","lg","inputContainerBaseStyles","block","css","inputBaseStyles","formElements","size","input","background","inputBorderColor","hoverColor","borderHoverColor","backgroundFocus","disabledBackground","disabledBorder","placeholderColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,EAAE,EAAE,UADc;AAElBC,EAAAA,EAAE,EAAE,QAFc;AAGlBC,EAAAA,EAAE,EAAE,MAAA;AAHc,CAApB,CAAA;AAMaC,IAAAA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,UAAA,GAAA,IAAA,CACtCC,KADsC;AAAA,MACtCA,KADsC,2BAC9B,IAD8B,GAAA,UAAA,CAAA;AAAA,EAAA;AAAA;;AAAA;AAIhBC,IAAAA,GAJgB,CAKpCD,KAAK,IAAI,aAL2B,EAAA,yJAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,kCAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y7EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,kCAAA,CAAA;AAAA,IAAA;AAAA,EAAjC;IAuBME,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,YAD6B,EAAA,KAAA,EAAA;AAAA,EAE3BH,IAAAA,KAF2B,SAE3BA,KAF2B;AAAA,MAEpBI,IAFoB,SAEpBA,IAFoB,CAAA;AAAA,EAAA;AAAA;;AAAA;AAGRH,IAAAA,GAHQ,CAI3BG,IAAI,IAAA,UAAA,CAAA,MAAA,CAAeT,WAAW,CAACS,IAAD,CAA1B,CAJuB,EAAA,GAAA,EAK3BJ,KAAK,IAAI,aALkB,EAOTG,yCAAAA,EAAAA,YAAY,CAACE,KAAb,CAAmBC,UAPV,EASTH,sCAAAA,EAAAA,YAAY,CAACE,KAAb,CAAmBE,gBATV,EAAA,wCAAA,EAabJ,YAAY,CAACE,KAAb,CAAmBG,UAbN,EAiBPL,6BAAAA,EAAAA,YAAY,CAACE,KAAb,CAAmBI,gBAjBZ,EAqBPN,6BAAAA,EAAAA,YAAY,CAACE,KAAb,CAAmBI,gBArBZ,EA8BPN,mEAAAA,EAAAA,YAAY,CAACE,KAAb,CAAmBK,eA9BZ,EAAA,6DAAA,EAqCLP,YAAY,CAACE,KAAb,CAAmBM,kBArCd,EAAA,gBAAA,EAsCTR,YAAY,CAACE,KAAb,CAAmBO,cAtCV,EA4ClBT,4CAAAA,EAAAA,YAAY,CAACE,KAAb,CAAmBQ,gBA5CD,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y7EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/FormElements/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { InputSize } from \"./Input/Input\";\n\nconst inputHeight = {\n  sm: \"1.875rem\",\n  md: \"2.5rem\",\n  lg: \"3rem\",\n};\n\nexport const inputContainerBaseStyles = ({\n  block = true,\n}: {\n  block: boolean;\n}): SerializedStyles => css`\n  ${block && \"width: 100%\"};\n  display: inline-flex;\n  flex-direction: column;\n\n  &.inline {\n    flex-direction: row;\n    align-items: center;\n\n    label {\n      margin: 0 0.75rem 0 0;\n    }\n  }\n\n  label {\n    margin: 0 0 0.5rem 0.5rem;\n  }\n`;\n\nexport const inputBaseStyles = (\n  formElements: Theme[\"formElements\"],\n  { block, size }: { block?: boolean; size?: InputSize },\n): SerializedStyles => css`\n  ${size && `height: ${inputHeight[size]}`};\n  ${block && \"width: 100%\"};\n  display: inline-block;\n  background-color: ${formElements.input.background};\n  padding: 0 0.75rem;\n  border: 1px solid ${formElements.input.inputBorderColor};\n  border-radius: 5px;\n\n  &:hover {\n    background: ${formElements.input.hoverColor};\n  }\n\n  &:hover {\n    border: 1px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus {\n    border: 2px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus,\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:focus {\n    background-color: ${formElements.input.backgroundFocus};\n  }\n\n  &:disabled {\n    &,\n    &:hover {\n      cursor: not-allowed;\n      background-color: ${formElements.input.disabledBackground};\n      border-color: ${formElements.input.disabledBorder};\n    }\n  }\n\n  &::placeholder {\n    font-style: italic;\n    color: ${formElements.input.placeholderColor};\n  }\n`;\n"],"names":["inputHeight","sm","md","lg","inputContainerBaseStyles","block","css","inputBaseStyles","formElements","size","input","background","inputBorderColor","hoverColor","borderHoverColor","backgroundFocus","disabledBackground","disabledBorder","placeholderColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,EAAE,EAAE,UAAU;AACdC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,MAAA;AACN,CAAC,CAAA;AAEYC,IAAAA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,UAAA,GAAA,IAAA,CACnCC,KAAK;AAALA,IAAAA,KAAK,2BAAG,IAAI,GAAA,UAAA,CAAA;AAAA,EAAA;AAAA;AAAA;IAGUC,GAAG,CACvBD,KAAK,IAAI,aAAa,EAAA,yJAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,kCAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y7EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,kCAAA,CAAA;AAAA,IAAA;AAAA,EAgBzB;IAEYE,eAAe,GAAG,SAAlBA,eAAe,CAC1BC,YAAmC,EAAA,KAAA,EAAA;EAAA,IACjCH,KAAK,SAALA,KAAK;AAAEI,IAAAA,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA;AAAA;AAAA;AACQH,IAAAA,GAAG,CACtBG,IAAI,IAAeT,UAAAA,CAAAA,MAAAA,CAAAA,WAAW,CAACS,IAAI,CAAC,CAAE,EACtCJ,GAAAA,EAAAA,KAAK,IAAI,aAAa,6CAEJG,YAAY,CAACE,KAAK,CAACC,UAAU,EAAA,sCAAA,EAE7BH,YAAY,CAACE,KAAK,CAACE,gBAAgB,EAAA,wCAAA,EAIvCJ,YAAY,CAACE,KAAK,CAACG,UAAU,EAIvBL,6BAAAA,EAAAA,YAAY,CAACE,KAAK,CAACI,gBAAgB,EAInCN,6BAAAA,EAAAA,YAAY,CAACE,KAAK,CAACI,gBAAgB,EASnCN,mEAAAA,EAAAA,YAAY,CAACE,KAAK,CAACK,eAAe,EAAA,6DAAA,EAOhCP,YAAY,CAACE,KAAK,CAACM,kBAAkB,EAAA,gBAAA,EACzCR,YAAY,CAACE,KAAK,CAACO,cAAc,EAM1CT,4CAAAA,EAAAA,YAAY,CAACE,KAAK,CAACQ,gBAAgB,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,y7EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.3.1
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -16,37 +16,31 @@ import { gridContainer, gridItem } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["gap", "columnGap", "rowGap", "templateColumns", "as", "children"],
-    _excluded2 = ["colSpan", "colStart", "colEnd", "rowSpan", "rowStart", "rowEnd", "as", "children"];
-
+  _excluded2 = ["colSpan", "colStart", "colEnd", "rowSpan", "rowStart", "rowEnd", "as", "children"];
 var generateGridValues = function generateGridValues(values) {
   switch (_typeof(values)) {
     case "undefined":
       return null;
-
     case "string":
       return values;
-
     case "number":
       return values.toString();
-
     default:
       return values.map(function (value) {
         return value;
       });
   }
 };
-
 var Grid = function Grid(props) {
   var _props$gap = props.gap,
-      gap = _props$gap === void 0 ? 2 : _props$gap,
-      columnGap = props.columnGap,
-      rowGap = props.rowGap,
-      templateColumns = props.templateColumns,
-      _props$as = props.as,
-      as = _props$as === void 0 ? "div" : _props$as,
-      children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    gap = _props$gap === void 0 ? 2 : _props$gap,
+    columnGap = props.columnGap,
+    rowGap = props.rowGap,
+    templateColumns = props.templateColumns,
+    _props$as = props.as,
+    as = _props$as === void 0 ? "div" : _props$as,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded);
   var templateColumnAttrs = generateGridValues(templateColumns);
   var Component = as;
   return jsx(Component, _extends({
@@ -58,19 +52,17 @@ var Grid = function Grid(props) {
     })
   }, rest), children);
 };
-
 var Item = function Item(props) {
   var colSpan = props.colSpan,
-      colStart = props.colStart,
-      colEnd = props.colEnd,
-      rowSpan = props.rowSpan,
-      rowStart = props.rowStart,
-      rowEnd = props.rowEnd,
-      _props$as2 = props.as,
-      as = _props$as2 === void 0 ? "div" : _props$as2,
-      children = props.children,
-      rest = _objectWithoutProperties(props, _excluded2);
-
+    colStart = props.colStart,
+    colEnd = props.colEnd,
+    rowSpan = props.rowSpan,
+    rowStart = props.rowStart,
+    rowEnd = props.rowEnd,
+    _props$as2 = props.as,
+    as = _props$as2 === void 0 ? "div" : _props$as2,
+    children = props.children,
+    rest = _objectWithoutProperties(props, _excluded2);
   var colSpanAttrs = generateGridValues(colSpan);
   var colStartAttrs = generateGridValues(colStart);
   var colEndAttrs = generateGridValues(colEnd);
@@ -89,7 +81,6 @@ var Item = function Item(props) {
     })
   }, rest), children);
 };
-
 Grid.Item = Item;
 
 export { Grid as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { gridContainer, gridItem } from \"./styles\";\n\ntype NumberOrNull = number | null;\ntype HTMLWrapperElement = \"div\" | \"article\" | \"section\";\n\nexport type ResponsiveValues =\n  | [NumberOrNull, NumberOrNull, NumberOrNull?, NumberOrNull?, NumberOrNull?, NumberOrNull?]\n  | number;\n\nexport type GridProps = React.HTMLAttributes<HTMLElement> & {\n  templateColumns: ResponsiveValues;\n  gap?: number;\n  columnGap?: number;\n  rowGap?: number;\n  as?: HTMLWrapperElement;\n};\n\ntype GridCompoundProps = {\n  Item: FC<GridItemProps>;\n};\n\nconst generateGridValues = (\n  values: ResponsiveValues | \"auto\" | undefined,\n): (number | null | undefined)[] | string | null => {\n  switch (typeof values) {\n    case \"undefined\":\n      return null;\n    case \"string\":\n      return values;\n    case \"number\":\n      return values.toString();\n    default:\n      return values.map((value) => value);\n  }\n};\n\nconst Grid: FC<GridProps> & GridCompoundProps = (props) => {\n  const { gap = 2, columnGap, rowGap, templateColumns, as = \"div\", children, ...rest } = props;\n  const templateColumnAttrs = generateGridValues(templateColumns);\n  const Component = as;\n\n  return (\n    <Component\n      css={gridContainer({ templateColumns: templateColumnAttrs, gap, columnGap, rowGap })}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\ntype GridItemProps = React.HTMLAttributes<HTMLElement> & {\n  colSpan?: ResponsiveValues | \"auto\";\n  colStart?: ResponsiveValues | \"auto\";\n  colEnd?: ResponsiveValues | \"auto\";\n  rowSpan?: ResponsiveValues | \"auto\";\n  rowStart?: ResponsiveValues | \"auto\";\n  rowEnd?: ResponsiveValues | \"auto\";\n  as?: HTMLWrapperElement;\n};\n\nconst Item: FC<GridItemProps> = (props) => {\n  const {\n    colSpan,\n    colStart,\n    colEnd,\n    rowSpan,\n    rowStart,\n    rowEnd,\n    as = \"div\",\n    children,\n    ...rest\n  } = props;\n  const colSpanAttrs = generateGridValues(colSpan);\n  const colStartAttrs = generateGridValues(colStart);\n  const colEndAttrs = generateGridValues(colEnd);\n  const rowSpanAttrs = generateGridValues(rowSpan);\n  const rowStartAttrs = generateGridValues(rowStart);\n  const rowEndAttrs = generateGridValues(rowEnd);\n  const Component = as;\n\n  return (\n    <Component\n      css={gridItem({\n        colSpan: colSpanAttrs,\n        colStart: colStartAttrs,\n        colEnd: colEndAttrs,\n        rowSpan: rowSpanAttrs,\n        rowStart: rowStartAttrs,\n        rowEnd: rowEndAttrs,\n      })}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\nGrid.Item = Item;\n\nexport default Grid;\n"],"names":["generateGridValues","values","toString","map","value","Grid","props","gap","columnGap","rowGap","templateColumns","as","children","rest","templateColumnAttrs","Component","___EmotionJSX","gridContainer","Item","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd","colSpanAttrs","colStartAttrs","colEndAttrs","rowSpanAttrs","rowStartAttrs","rowEndAttrs","gridItem"],"mappings":"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"}
+{"version":3,"file":"Grid.js","sources":["../../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { gridContainer, gridItem } from \"./styles\";\n\ntype NumberOrNull = number | null;\ntype HTMLWrapperElement = \"div\" | \"article\" | \"section\";\n\nexport type ResponsiveValues =\n  | [NumberOrNull, NumberOrNull, NumberOrNull?, NumberOrNull?, NumberOrNull?, NumberOrNull?]\n  | number;\n\nexport type GridProps = React.HTMLAttributes<HTMLElement> & {\n  templateColumns: ResponsiveValues;\n  gap?: number;\n  columnGap?: number;\n  rowGap?: number;\n  as?: HTMLWrapperElement;\n};\n\ntype GridCompoundProps = {\n  Item: FC<GridItemProps>;\n};\n\nconst generateGridValues = (\n  values: ResponsiveValues | \"auto\" | undefined,\n): (number | null | undefined)[] | string | null => {\n  switch (typeof values) {\n    case \"undefined\":\n      return null;\n    case \"string\":\n      return values;\n    case \"number\":\n      return values.toString();\n    default:\n      return values.map((value) => value);\n  }\n};\n\nconst Grid: FC<GridProps> & GridCompoundProps = (props) => {\n  const { gap = 2, columnGap, rowGap, templateColumns, as = \"div\", children, ...rest } = props;\n  const templateColumnAttrs = generateGridValues(templateColumns);\n  const Component = as;\n\n  return (\n    <Component\n      css={gridContainer({ templateColumns: templateColumnAttrs, gap, columnGap, rowGap })}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\ntype GridItemProps = React.HTMLAttributes<HTMLElement> & {\n  colSpan?: ResponsiveValues | \"auto\";\n  colStart?: ResponsiveValues | \"auto\";\n  colEnd?: ResponsiveValues | \"auto\";\n  rowSpan?: ResponsiveValues | \"auto\";\n  rowStart?: ResponsiveValues | \"auto\";\n  rowEnd?: ResponsiveValues | \"auto\";\n  as?: HTMLWrapperElement;\n};\n\nconst Item: FC<GridItemProps> = (props) => {\n  const {\n    colSpan,\n    colStart,\n    colEnd,\n    rowSpan,\n    rowStart,\n    rowEnd,\n    as = \"div\",\n    children,\n    ...rest\n  } = props;\n  const colSpanAttrs = generateGridValues(colSpan);\n  const colStartAttrs = generateGridValues(colStart);\n  const colEndAttrs = generateGridValues(colEnd);\n  const rowSpanAttrs = generateGridValues(rowSpan);\n  const rowStartAttrs = generateGridValues(rowStart);\n  const rowEndAttrs = generateGridValues(rowEnd);\n  const Component = as;\n\n  return (\n    <Component\n      css={gridItem({\n        colSpan: colSpanAttrs,\n        colStart: colStartAttrs,\n        colEnd: colEndAttrs,\n        rowSpan: rowSpanAttrs,\n        rowStart: rowStartAttrs,\n        rowEnd: rowEndAttrs,\n      })}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\n\nGrid.Item = Item;\n\nexport default Grid;\n"],"names":["generateGridValues","values","toString","map","value","Grid","props","gap","columnGap","rowGap","templateColumns","as","children","rest","templateColumnAttrs","Component","___EmotionJSX","gridContainer","Item","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd","colSpanAttrs","colStartAttrs","colEndAttrs","rowSpanAttrs","rowStartAttrs","rowEndAttrs","gridItem"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.3.1
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -13,22 +13,18 @@ import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.bro
 import { mq, breakpoints } from '../../theme/utils/breakpoints.js';
 
 var breakpointsKeys = Object.keys(breakpoints);
-
 var getCSSProp = function getCSSProp(prop, attr) {
   return "".concat(prop, ": ").concat(attr);
 };
-
 var getCSSResponsiveProps = function getCSSResponsiveProps(prop, attrs) {
   if (typeof attrs === "string") return getCSSProp(prop, attrs);
   return attrs === null || attrs === void 0 ? void 0 : attrs.map(function (value, i) {
     if (value) {
       return "\n          ".concat(mq[breakpointsKeys[i]], " {\n            ").concat(prop, ": ").concat(value, ";\n          }\n        ");
     }
-
     return "";
   });
 };
-
 var generateGridTemplates = function generateGridTemplates(attrs) {
   var prop = "grid-template-columns";
   if (typeof attrs === "string") return "".concat(prop, ": repeat(").concat(attrs, ", 1fr)");
@@ -36,45 +32,38 @@ var generateGridTemplates = function generateGridTemplates(attrs) {
     if (value) {
       return "\n          ".concat(mq[breakpointsKeys[i]], " {\n            ").concat(prop, ": repeat(").concat(value, ", 1fr);\n          }\n        ");
     }
-
     return "";
   });
 };
-
 var gridContainer = function gridContainer(_ref) {
   var gap = _ref.gap,
-      templateColumns = _ref.templateColumns,
-      columnGap = _ref.columnGap,
-      rowGap = _ref.rowGap;
+    templateColumns = _ref.templateColumns,
+    columnGap = _ref.columnGap,
+    rowGap = _ref.rowGap;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:grid;", gap && "grid-gap: ".concat(gap, "rem"), ";", rowGap && "row-gap: ".concat(rowGap, "rem"), ";", columnGap && "column-gap: ".concat(columnGap, "rem"), ";", generateGridTemplates(templateColumns), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:gridContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRDJCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSBcIkB0aGVtZS91dGlscy9icmVha3BvaW50c1wiO1xuXG5jb25zdCBicmVha3BvaW50c0tleXMgPSBPYmplY3Qua2V5cyhicmVha3BvaW50cyk7XG5cbmNvbnN0IGdldENTU1Byb3AgPSAocHJvcDogc3RyaW5nLCBhdHRyOiBzdHJpbmcpID0+IGAke3Byb3B9OiAke2F0dHJ9YDtcblxudHlwZSBHcmlkUHJvcCA9IHN0cmluZyB8IChudW1iZXIgfCBudWxsIHwgdW5kZWZpbmVkKVtdIHwgbnVsbDtcblxuY29uc3QgZ2V0Q1NTUmVzcG9uc2l2ZVByb3BzID0gKHByb3A6IHN0cmluZywgYXR0cnM6IEdyaWRQcm9wKSA9PiB7XG4gIGlmICh0eXBlb2YgYXR0cnMgPT09IFwic3RyaW5nXCIpIHJldHVybiBnZXRDU1NQcm9wKHByb3AsIGF0dHJzKTtcblxuICByZXR1cm4gYXR0cnM/Lm1hcCgodmFsdWUsIGkpID0+IHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICAgICAgJHttcVticmVha3BvaW50c0tleXNbaV1dfSB7XG4gICAgICAgICAgICAke3Byb3B9OiAke3ZhbHVlfTtcbiAgICAgICAgICB9XG4gICAgICAgIGA7XG4gICAgfVxuXG4gICAgcmV0dXJuIFwiXCI7XG4gIH0pO1xufTtcblxuY29uc3QgZ2VuZXJhdGVHcmlkVGVtcGxhdGVzID0gKGF0dHJzOiBHcmlkUHJvcCkgPT4ge1xuICBjb25zdCBwcm9wID0gXCJncmlkLXRlbXBsYXRlLWNvbHVtbnNcIjtcblxuICBpZiAodHlwZW9mIGF0dHJzID09PSBcInN0cmluZ1wiKSByZXR1cm4gYCR7cHJvcH06IHJlcGVhdCgke2F0dHJzfSwgMWZyKWA7XG5cbiAgcmV0dXJuIGF0dHJzPy5tYXAoKHZhbHVlLCBpKSA9PiB7XG4gICAgaWYgKHZhbHVlKSB7XG4gICAgICByZXR1cm4gYFxuICAgICAgICAgICR7bXFbYnJlYWtwb2ludHNLZXlzW2ldXX0ge1xuICAgICAgICAgICAgJHtwcm9wfTogcmVwZWF0KCR7dmFsdWV9LCAxZnIpO1xuICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9XG5cbiAgICByZXR1cm4gXCJcIjtcbiAgfSk7XG59O1xuXG5leHBvcnQgY29uc3QgZ3JpZENvbnRhaW5lciA9ICh7XG4gIGdhcCxcbiAgdGVtcGxhdGVDb2x1bW5zLFxuICBjb2x1bW5HYXAsXG4gIHJvd0dhcCxcbn06IHtcbiAgZ2FwOiBudW1iZXI7XG4gIHRlbXBsYXRlQ29sdW1uczogR3JpZFByb3A7XG4gIGNvbHVtbkdhcDogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICByb3dHYXA6IG51bWJlciB8IHVuZGVmaW5lZDtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZ3JpZDtcbiAgJHtnYXAgJiYgYGdyaWQtZ2FwOiAke2dhcH1yZW1gfTtcbiAgJHtyb3dHYXAgJiYgYHJvdy1nYXA6ICR7cm93R2FwfXJlbWB9O1xuICAke2NvbHVtbkdhcCAmJiBgY29sdW1uLWdhcDogJHtjb2x1bW5HYXB9cmVtYH07XG4gICR7Z2VuZXJhdGVHcmlkVGVtcGxhdGVzKHRlbXBsYXRlQ29sdW1ucyl9XG5gO1xuXG5jb25zdCBnZW5lcmF0ZUdyaWRTcGFuID0gKHByb3A6IHN0cmluZywgYXR0cnM6IEdyaWRQcm9wKSA9PiB7XG4gIGlmICh0eXBlb2YgYXR0cnMgPT09IFwic3RyaW5nXCIpIHJldHVybiBgJHtwcm9wfTogc3BhbiAke2F0dHJzfWA7XG5cbiAgcmV0dXJuIGF0dHJzPy5tYXAoKHZhbHVlLCBpKSA9PiB7XG4gICAgaWYgKHZhbHVlKSB7XG4gICAgICByZXR1cm4gYFxuICAgICAgICAgICR7bXFbYnJlYWtwb2ludHNLZXlzW2ldXX0ge1xuICAgICAgICAgICAgJHtwcm9wfTogc3BhbiAke3ZhbHVlfTtcbiAgICAgICAgICB9XG4gICAgICAgIGA7XG4gICAgfVxuXG4gICAgcmV0dXJuIFwiXCI7XG4gIH0pO1xufTtcblxuZXhwb3J0IGNvbnN0IGdyaWRJdGVtID0gKHtcbiAgY29sU3BhbixcbiAgY29sU3RhcnQsXG4gIGNvbEVuZCxcbiAgcm93U3BhbixcbiAgcm93U3RhcnQsXG4gIHJvd0VuZCxcbn06IHtcbiAgY29sU3BhbjogR3JpZFByb3A7XG4gIGNvbFN0YXJ0OiBHcmlkUHJvcDtcbiAgY29sRW5kOiBHcmlkUHJvcDtcbiAgcm93U3BhbjogR3JpZFByb3A7XG4gIHJvd1N0YXJ0OiBHcmlkUHJvcDtcbiAgcm93RW5kOiBHcmlkUHJvcDtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAke2NvbFNwYW4gJiYgZ2VuZXJhdGVHcmlkU3BhbihcImdyaWQtY29sdW1uXCIsIGNvbFNwYW4pfTtcbiAgICAke2NvbFN0YXJ0ICYmIGdldENTU1Jlc3BvbnNpdmVQcm9wcyhcImdyaWQtY29sdW1uLXN0YXJ0XCIsIGNvbFN0YXJ0KX07XG4gICAgJHtjb2xFbmQgJiYgZ2V0Q1NTUmVzcG9uc2l2ZVByb3BzKFwiZ3JpZC1jb2x1bW4tZW5kXCIsIGNvbEVuZCl9O1xuICAgICR7cm93U3BhbiAmJiBnZW5lcmF0ZUdyaWRTcGFuKFwiZ3JpZC1yb3dcIiwgcm93U3Bhbil9O1xuICAgICR7cm93U3RhcnQgJiYgZ2V0Q1NTUmVzcG9uc2l2ZVByb3BzKFwiZ3JpZC1yb3ctc3RhcnRcIiwgcm93U3RhcnQpfTtcbiAgICAke3Jvd0VuZCAmJiBnZXRDU1NSZXNwb25zaXZlUHJvcHMoXCJncmlkLXJvdy1lbmRcIiwgcm93RW5kKX07XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:gridContainer;")
   );
 };
-
 var generateGridSpan = function generateGridSpan(prop, attrs) {
   if (typeof attrs === "string") return "".concat(prop, ": span ").concat(attrs);
   return attrs === null || attrs === void 0 ? void 0 : attrs.map(function (value, i) {
     if (value) {
       return "\n          ".concat(mq[breakpointsKeys[i]], " {\n            ").concat(prop, ": span ").concat(value, ";\n          }\n        ");
     }
-
     return "";
   });
 };
-
 var gridItem = function gridItem(_ref2) {
   var colSpan = _ref2.colSpan,
-      colStart = _ref2.colStart,
-      colEnd = _ref2.colEnd,
-      rowSpan = _ref2.rowSpan,
-      rowStart = _ref2.rowStart,
-      rowEnd = _ref2.rowEnd;
+    colStart = _ref2.colStart,
+    colEnd = _ref2.colEnd,
+    rowSpan = _ref2.rowSpan,
+    rowStart = _ref2.rowStart,
+    rowEnd = _ref2.rowEnd;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css(colSpan && generateGridSpan("grid-column", colSpan), ";", colStart && getCSSResponsiveProps("grid-column-start", colStart), ";", colEnd && getCSSResponsiveProps("grid-column-end", colEnd), ";", rowSpan && generateGridSpan("grid-row", rowSpan), ";", rowStart && getCSSResponsiveProps("grid-row-start", rowStart), ";", rowEnd && getCSSResponsiveProps("grid-row-end", rowEnd), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:gridItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RlkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBtcSwgYnJlYWtwb2ludHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmNvbnN0IGJyZWFrcG9pbnRzS2V5cyA9IE9iamVjdC5rZXlzKGJyZWFrcG9pbnRzKTtcblxuY29uc3QgZ2V0Q1NTUHJvcCA9IChwcm9wOiBzdHJpbmcsIGF0dHI6IHN0cmluZykgPT4gYCR7cHJvcH06ICR7YXR0cn1gO1xuXG50eXBlIEdyaWRQcm9wID0gc3RyaW5nIHwgKG51bWJlciB8IG51bGwgfCB1bmRlZmluZWQpW10gfCBudWxsO1xuXG5jb25zdCBnZXRDU1NSZXNwb25zaXZlUHJvcHMgPSAocHJvcDogc3RyaW5nLCBhdHRyczogR3JpZFByb3ApID0+IHtcbiAgaWYgKHR5cGVvZiBhdHRycyA9PT0gXCJzdHJpbmdcIikgcmV0dXJuIGdldENTU1Byb3AocHJvcCwgYXR0cnMpO1xuXG4gIHJldHVybiBhdHRycz8ubWFwKCh2YWx1ZSwgaSkgPT4ge1xuICAgIGlmICh2YWx1ZSkge1xuICAgICAgcmV0dXJuIGBcbiAgICAgICAgICAke21xW2JyZWFrcG9pbnRzS2V5c1tpXV19IHtcbiAgICAgICAgICAgICR7cHJvcH06ICR7dmFsdWV9O1xuICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9XG5cbiAgICByZXR1cm4gXCJcIjtcbiAgfSk7XG59O1xuXG5jb25zdCBnZW5lcmF0ZUdyaWRUZW1wbGF0ZXMgPSAoYXR0cnM6IEdyaWRQcm9wKSA9PiB7XG4gIGNvbnN0IHByb3AgPSBcImdyaWQtdGVtcGxhdGUtY29sdW1uc1wiO1xuXG4gIGlmICh0eXBlb2YgYXR0cnMgPT09IFwic3RyaW5nXCIpIHJldHVybiBgJHtwcm9wfTogcmVwZWF0KCR7YXR0cnN9LCAxZnIpYDtcblxuICByZXR1cm4gYXR0cnM/Lm1hcCgodmFsdWUsIGkpID0+IHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICAgICAgJHttcVticmVha3BvaW50c0tleXNbaV1dfSB7XG4gICAgICAgICAgICAke3Byb3B9OiByZXBlYXQoJHt2YWx1ZX0sIDFmcik7XG4gICAgICAgICAgfVxuICAgICAgICBgO1xuICAgIH1cblxuICAgIHJldHVybiBcIlwiO1xuICB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBncmlkQ29udGFpbmVyID0gKHtcbiAgZ2FwLFxuICB0ZW1wbGF0ZUNvbHVtbnMsXG4gIGNvbHVtbkdhcCxcbiAgcm93R2FwLFxufToge1xuICBnYXA6IG51bWJlcjtcbiAgdGVtcGxhdGVDb2x1bW5zOiBHcmlkUHJvcDtcbiAgY29sdW1uR2FwOiBudW1iZXIgfCB1bmRlZmluZWQ7XG4gIHJvd0dhcDogbnVtYmVyIHwgdW5kZWZpbmVkO1xufSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBncmlkO1xuICAke2dhcCAmJiBgZ3JpZC1nYXA6ICR7Z2FwfXJlbWB9O1xuICAke3Jvd0dhcCAmJiBgcm93LWdhcDogJHtyb3dHYXB9cmVtYH07XG4gICR7Y29sdW1uR2FwICYmIGBjb2x1bW4tZ2FwOiAke2NvbHVtbkdhcH1yZW1gfTtcbiAgJHtnZW5lcmF0ZUdyaWRUZW1wbGF0ZXModGVtcGxhdGVDb2x1bW5zKX1cbmA7XG5cbmNvbnN0IGdlbmVyYXRlR3JpZFNwYW4gPSAocHJvcDogc3RyaW5nLCBhdHRyczogR3JpZFByb3ApID0+IHtcbiAgaWYgKHR5cGVvZiBhdHRycyA9PT0gXCJzdHJpbmdcIikgcmV0dXJuIGAke3Byb3B9OiBzcGFuICR7YXR0cnN9YDtcblxuICByZXR1cm4gYXR0cnM/Lm1hcCgodmFsdWUsIGkpID0+IHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICAgICAgJHttcVticmVha3BvaW50c0tleXNbaV1dfSB7XG4gICAgICAgICAgICAke3Byb3B9OiBzcGFuICR7dmFsdWV9O1xuICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9XG5cbiAgICByZXR1cm4gXCJcIjtcbiAgfSk7XG59O1xuXG5leHBvcnQgY29uc3QgZ3JpZEl0ZW0gPSAoe1xuICBjb2xTcGFuLFxuICBjb2xTdGFydCxcbiAgY29sRW5kLFxuICByb3dTcGFuLFxuICByb3dTdGFydCxcbiAgcm93RW5kLFxufToge1xuICBjb2xTcGFuOiBHcmlkUHJvcDtcbiAgY29sU3RhcnQ6IEdyaWRQcm9wO1xuICBjb2xFbmQ6IEdyaWRQcm9wO1xuICByb3dTcGFuOiBHcmlkUHJvcDtcbiAgcm93U3RhcnQ6IEdyaWRQcm9wO1xuICByb3dFbmQ6IEdyaWRQcm9wO1xufSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7Y29sU3BhbiAmJiBnZW5lcmF0ZUdyaWRTcGFuKFwiZ3JpZC1jb2x1bW5cIiwgY29sU3Bhbil9O1xuICAgICR7Y29sU3RhcnQgJiYgZ2V0Q1NTUmVzcG9uc2l2ZVByb3BzKFwiZ3JpZC1jb2x1bW4tc3RhcnRcIiwgY29sU3RhcnQpfTtcbiAgICAke2NvbEVuZCAmJiBnZXRDU1NSZXNwb25zaXZlUHJvcHMoXCJncmlkLWNvbHVtbi1lbmRcIiwgY29sRW5kKX07XG4gICAgJHtyb3dTcGFuICYmIGdlbmVyYXRlR3JpZFNwYW4oXCJncmlkLXJvd1wiLCByb3dTcGFuKX07XG4gICAgJHtyb3dTdGFydCAmJiBnZXRDU1NSZXNwb25zaXZlUHJvcHMoXCJncmlkLXJvdy1zdGFydFwiLCByb3dTdGFydCl9O1xuICAgICR7cm93RW5kICYmIGdldENTU1Jlc3BvbnNpdmVQcm9wcyhcImdyaWQtcm93LWVuZFwiLCByb3dFbmQpfTtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:gridItem;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Grid/styles.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\nimport { mq, breakpoints } from \"@theme/utils/breakpoints\";\n\nconst breakpointsKeys = Object.keys(breakpoints);\n\nconst getCSSProp = (prop: string, attr: string) => `${prop}: ${attr}`;\n\ntype GridProp = string | (number | null | undefined)[] | null;\n\nconst getCSSResponsiveProps = (prop: string, attrs: GridProp) => {\n  if (typeof attrs === \"string\") return getCSSProp(prop, attrs);\n\n  return attrs?.map((value, i) => {\n    if (value) {\n      return `\n          ${mq[breakpointsKeys[i]]} {\n            ${prop}: ${value};\n          }\n        `;\n    }\n\n    return \"\";\n  });\n};\n\nconst generateGridTemplates = (attrs: GridProp) => {\n  const prop = \"grid-template-columns\";\n\n  if (typeof attrs === \"string\") return `${prop}: repeat(${attrs}, 1fr)`;\n\n  return attrs?.map((value, i) => {\n    if (value) {\n      return `\n          ${mq[breakpointsKeys[i]]} {\n            ${prop}: repeat(${value}, 1fr);\n          }\n        `;\n    }\n\n    return \"\";\n  });\n};\n\nexport const gridContainer = ({\n  gap,\n  templateColumns,\n  columnGap,\n  rowGap,\n}: {\n  gap: number;\n  templateColumns: GridProp;\n  columnGap: number | undefined;\n  rowGap: number | undefined;\n}): SerializedStyles => css`\n  display: grid;\n  ${gap && `grid-gap: ${gap}rem`};\n  ${rowGap && `row-gap: ${rowGap}rem`};\n  ${columnGap && `column-gap: ${columnGap}rem`};\n  ${generateGridTemplates(templateColumns)}\n`;\n\nconst generateGridSpan = (prop: string, attrs: GridProp) => {\n  if (typeof attrs === \"string\") return `${prop}: span ${attrs}`;\n\n  return attrs?.map((value, i) => {\n    if (value) {\n      return `\n          ${mq[breakpointsKeys[i]]} {\n            ${prop}: span ${value};\n          }\n        `;\n    }\n\n    return \"\";\n  });\n};\n\nexport const gridItem = ({\n  colSpan,\n  colStart,\n  colEnd,\n  rowSpan,\n  rowStart,\n  rowEnd,\n}: {\n  colSpan: GridProp;\n  colStart: GridProp;\n  colEnd: GridProp;\n  rowSpan: GridProp;\n  rowStart: GridProp;\n  rowEnd: GridProp;\n}): SerializedStyles => {\n  return css`\n    ${colSpan && generateGridSpan(\"grid-column\", colSpan)};\n    ${colStart && getCSSResponsiveProps(\"grid-column-start\", colStart)};\n    ${colEnd && getCSSResponsiveProps(\"grid-column-end\", colEnd)};\n    ${rowSpan && generateGridSpan(\"grid-row\", rowSpan)};\n    ${rowStart && getCSSResponsiveProps(\"grid-row-start\", rowStart)};\n    ${rowEnd && getCSSResponsiveProps(\"grid-row-end\", rowEnd)};\n  `;\n};\n"],"names":["breakpointsKeys","Object","keys","breakpoints","getCSSProp","prop","attr","getCSSResponsiveProps","attrs","map","value","i","mq","generateGridTemplates","gridContainer","gap","templateColumns","columnGap","rowGap","css","generateGridSpan","gridItem","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Grid/styles.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\nimport { mq, breakpoints } from \"@theme/utils/breakpoints\";\n\nconst breakpointsKeys = Object.keys(breakpoints);\n\nconst getCSSProp = (prop: string, attr: string) => `${prop}: ${attr}`;\n\ntype GridProp = string | (number | null | undefined)[] | null;\n\nconst getCSSResponsiveProps = (prop: string, attrs: GridProp) => {\n  if (typeof attrs === \"string\") return getCSSProp(prop, attrs);\n\n  return attrs?.map((value, i) => {\n    if (value) {\n      return `\n          ${mq[breakpointsKeys[i]]} {\n            ${prop}: ${value};\n          }\n        `;\n    }\n\n    return \"\";\n  });\n};\n\nconst generateGridTemplates = (attrs: GridProp) => {\n  const prop = \"grid-template-columns\";\n\n  if (typeof attrs === \"string\") return `${prop}: repeat(${attrs}, 1fr)`;\n\n  return attrs?.map((value, i) => {\n    if (value) {\n      return `\n          ${mq[breakpointsKeys[i]]} {\n            ${prop}: repeat(${value}, 1fr);\n          }\n        `;\n    }\n\n    return \"\";\n  });\n};\n\nexport const gridContainer = ({\n  gap,\n  templateColumns,\n  columnGap,\n  rowGap,\n}: {\n  gap: number;\n  templateColumns: GridProp;\n  columnGap: number | undefined;\n  rowGap: number | undefined;\n}): SerializedStyles => css`\n  display: grid;\n  ${gap && `grid-gap: ${gap}rem`};\n  ${rowGap && `row-gap: ${rowGap}rem`};\n  ${columnGap && `column-gap: ${columnGap}rem`};\n  ${generateGridTemplates(templateColumns)}\n`;\n\nconst generateGridSpan = (prop: string, attrs: GridProp) => {\n  if (typeof attrs === \"string\") return `${prop}: span ${attrs}`;\n\n  return attrs?.map((value, i) => {\n    if (value) {\n      return `\n          ${mq[breakpointsKeys[i]]} {\n            ${prop}: span ${value};\n          }\n        `;\n    }\n\n    return \"\";\n  });\n};\n\nexport const gridItem = ({\n  colSpan,\n  colStart,\n  colEnd,\n  rowSpan,\n  rowStart,\n  rowEnd,\n}: {\n  colSpan: GridProp;\n  colStart: GridProp;\n  colEnd: GridProp;\n  rowSpan: GridProp;\n  rowStart: GridProp;\n  rowEnd: GridProp;\n}): SerializedStyles => {\n  return css`\n    ${colSpan && generateGridSpan(\"grid-column\", colSpan)};\n    ${colStart && getCSSResponsiveProps(\"grid-column-start\", colStart)};\n    ${colEnd && getCSSResponsiveProps(\"grid-column-end\", colEnd)};\n    ${rowSpan && generateGridSpan(\"grid-row\", rowSpan)};\n    ${rowStart && getCSSResponsiveProps(\"grid-row-start\", rowStart)};\n    ${rowEnd && getCSSResponsiveProps(\"grid-row-end\", rowEnd)};\n  `;\n};\n"],"names":["breakpointsKeys","Object","keys","breakpoints","getCSSProp","prop","attr","getCSSResponsiveProps","attrs","map","value","i","mq","generateGridTemplates","gridContainer","gap","templateColumns","columnGap","rowGap","css","generateGridSpan","gridItem","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.3.1
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -20,14 +20,12 @@ var SIZES = {
   h5: "md",
   h6: "sm"
 };
-
 var Heading = function Heading(_ref) {
   var size = _ref.size,
-      _ref$as = _ref.as,
-      as = _ref$as === void 0 ? "h2" : _ref$as,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "h2" : _ref$as,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var HeadingTag = as;
   var selectedSize = size || SIZES[as];
   return jsx(HeadingTag, _extends({

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { headingContainer } from \"./styles\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {\n  size?: TypographyLevels;\n  as?: HeadingTag;\n};\n\nexport const SIZES = {\n  h1: \"3xl\",\n  h2: \"2xl\",\n  h3: \"xl\",\n  h4: \"lg\",\n  h5: \"md\",\n  h6: \"sm\",\n} as const;\n\nconst Heading: FC<HeadingProps> = ({ size, as = \"h2\", children, ...rest }) => {\n  const HeadingTag = as;\n  const selectedSize = size || SIZES[as];\n\n  return (\n    <HeadingTag css={(theme) => headingContainer(theme, { size: selectedSize })} {...rest}>\n      {children}\n    </HeadingTag>\n  );\n};\n\nexport default Heading;\n"],"names":["SIZES","h1","h2","h3","h4","h5","h6","Heading","size","as","children","rest","HeadingTag","selectedSize","___EmotionJSX","theme","headingContainer"],"mappings":";;;;;;;;;;;;;;AAWO,IAAMA,KAAK,GAAG;AACnBC,EAAAA,EAAE,EAAE,KADe;AAEnBC,EAAAA,EAAE,EAAE,KAFe;AAGnBC,EAAAA,EAAE,EAAE,IAHe;AAInBC,EAAAA,EAAE,EAAE,IAJe;AAKnBC,EAAAA,EAAE,EAAE,IALe;AAMnBC,EAAAA,EAAE,EAAE,IAAA;AANe,EAAd;;AASP,IAAMC,OAAyB,GAAG,SAA5BA,OAA4B,CAA4C,IAAA,EAAA;AAAA,EAAzCC,IAAAA,IAAyC,QAAzCA,IAAyC;AAAA,MAAA,OAAA,GAAA,IAAA,CAAnCC,EAAmC;AAAA,MAAnCA,EAAmC,wBAA9B,IAA8B,GAAA,OAAA;AAAA,MAAxBC,QAAwB,QAAxBA,QAAwB;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC5E,EAAMC,IAAAA,UAAU,GAAGH,EAAnB,CAAA;AACA,EAAA,IAAMI,YAAY,GAAGL,IAAI,IAAIR,KAAK,CAACS,EAAD,CAAlC,CAAA;AAEA,EAAA,OACEK,IAAC,UAAD,EAAA,QAAA,CAAA;AAAY,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAAWC,OAAAA,gBAAgB,CAACD,KAAD,EAAQ;AAAEP,QAAAA,IAAI,EAAEK,YAAAA;AAAR,OAAR,CAA3B,CAAA;AAAA,KAAA;AAAjB,GAAiFF,EAAAA,IAAjF,CACGD,EAAAA,QADH,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { headingContainer } from \"./styles\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {\n  size?: TypographyLevels;\n  as?: HeadingTag;\n};\n\nexport const SIZES = {\n  h1: \"3xl\",\n  h2: \"2xl\",\n  h3: \"xl\",\n  h4: \"lg\",\n  h5: \"md\",\n  h6: \"sm\",\n} as const;\n\nconst Heading: FC<HeadingProps> = ({ size, as = \"h2\", children, ...rest }) => {\n  const HeadingTag = as;\n  const selectedSize = size || SIZES[as];\n\n  return (\n    <HeadingTag css={(theme) => headingContainer(theme, { size: selectedSize })} {...rest}>\n      {children}\n    </HeadingTag>\n  );\n};\n\nexport default Heading;\n"],"names":["SIZES","h1","h2","h3","h4","h5","h6","Heading","size","as","children","rest","HeadingTag","selectedSize","___EmotionJSX","theme","headingContainer"],"mappings":";;;;;;;;;;;;;;AAWO,IAAMA,KAAK,GAAG;AACnBC,EAAAA,EAAE,EAAE,KAAK;AACTC,EAAAA,EAAE,EAAE,KAAK;AACTC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAA;AACN,EAAU;AAEV,IAAMC,OAAyB,GAAG,SAA5BA,OAAyB,CAA+C,IAAA,EAAA;EAAA,IAAzCC,IAAI,QAAJA,IAAI;AAAA,IAAA,OAAA,GAAA,IAAA,CAAEC,EAAE;AAAFA,IAAAA,EAAE,wBAAG,IAAI,GAAA,OAAA;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACrE,IAAMC,UAAU,GAAGH,EAAE,CAAA;AACrB,EAAA,IAAMI,YAAY,GAAGL,IAAI,IAAIR,KAAK,CAACS,EAAE,CAAC,CAAA;AAEtC,EAAA,OACEK,IAAC,UAAU,EAAA,QAAA,CAAA;IAAC,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAKC,gBAAgB,CAACD,KAAK,EAAE;AAAEP,QAAAA,IAAI,EAAEK,YAAAA;AAAa,OAAC,CAAC,CAAA;AAAA,KAAA;GAAMF,EAAAA,IAAI,CAClFD,EAAAA,QAAQ,CACE,CAAA;AAEjB;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.3.1
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -13,7 +13,6 @@ var headingContainer = function headingContainer(_ref, _ref2) {
   var size = _ref2.size;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("font-size:", typeScaleSizes[size], ";font-weight:700;line-height:1.3;margin:0;word-break:break-word;hyphens:auto;" + (process.env.NODE_ENV === "production" ? "" : ";label:headingContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUxldmVscyB9IGZyb20gXCJAdGhlbWUvdXRpbHMvdHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgaGVhZGluZ0NvbnRhaW5lciA9IChcbiAgeyB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgeyBzaXplIH06IHsgc2l6ZTogVHlwb2dyYXBoeUxldmVscyB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplc1tzaXplXX07XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjM7XG4gIG1hcmdpbjogMDtcbiAgLy8gSGVscCBwcmV2ZW50IG92ZXJmbG93IG9mIGxvbmcgd29yZHMvbmFtZXMvVVJMc1xuICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXG4gIC8vIE9wdGlvbmFsLCBub3Qgc3VwcG9ydGVkIGZvciBhbGwgbGFuZ3VhZ2VzXG4gIGh5cGhlbnM6IGF1dG87XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:headingContainer;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Heading/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport const headingContainer = (\n  { typeScaleSizes }: Theme,\n  { size }: { size: TypographyLevels },\n): SerializedStyles => css`\n  font-size: ${typeScaleSizes[size]};\n  font-weight: 700;\n  line-height: 1.3;\n  margin: 0;\n  // Help prevent overflow of long words/names/URLs\n  word-break: break-word;\n\n  // Optional, not supported for all languages\n  hyphens: auto;\n`;\n"],"names":["headingContainer","typeScaleSizes","size","css"],"mappings":";;;;;;;;;;AAGaA,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAA,IAAA,EAAA,KAAA,EAAA;AAAA,EAC5BC,IAAAA,cAD4B,QAC5BA,cAD4B,CAAA;AAAA,EAE5BC,IAAAA,IAF4B,SAE5BA,IAF4B,CAAA;AAAA,EAAA;AAAA;;AAAA;AAGTC,IAAAA,GAHS,CAAA,YAAA,EAIjBF,cAAc,CAACC,IAAD,CAJG,EAAA,+EAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i4BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Heading/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport const headingContainer = (\n  { typeScaleSizes }: Theme,\n  { size }: { size: TypographyLevels },\n): SerializedStyles => css`\n  font-size: ${typeScaleSizes[size]};\n  font-weight: 700;\n  line-height: 1.3;\n  margin: 0;\n  // Help prevent overflow of long words/names/URLs\n  word-break: break-word;\n\n  // Optional, not supported for all languages\n  hyphens: auto;\n`;\n"],"names":["headingContainer","typeScaleSizes","size","css"],"mappings":";;;;;;;;;;AAGaA,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IACzBC,cAAc,QAAdA,cAAc,CAAA;EAAA,IACdC,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA;AAAA;AAAA;AACeC,IAAAA,GAAG,CACXF,YAAAA,EAAAA,cAAc,CAACC,IAAI,CAAC,EAAA,+EAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i4BAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/Loaders/Loader.js

@@ -2,26 +2,23 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.3.1
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
-import '../../../node_modules/react-spinners/index.js';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
-import { __exports as reactSpinners } from '../../../_virtual/index2.js';
+import PulseLoader from '../../../node_modules/react-spinners/esm/PulseLoader.js';
 
 var _excluded = ["fullScreen", "size"];
-
 var Loader = function Loader(_ref) {
   var _ref$fullScreen = _ref.fullScreen,
-      fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "lg" : _ref$size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "lg" : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", _extends({
     css: function css(theme) {
       return container(theme, {
@@ -32,7 +29,7 @@ var Loader = function Loader(_ref) {
     "data-testid": "loader"
   }, rest, {
     className: "loading-container".concat(rest !== null && rest !== void 0 && rest.className ? " ".concat(rest === null || rest === void 0 ? void 0 : rest.className) : "")
-  }), jsx(reactSpinners.PulseLoader, null));
+  }), jsx(PulseLoader, null));
 };
 
 export { Loader as default };

package/dist/esm/src/components/Loaders/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loaders/Loader.tsx"],"sourcesContent":["import { SerializedStyles } from \"@emotion/react\";\nimport React, { FC } from \"react\";\nimport { PulseLoader } from \"react-spinners\";\nimport { container } from \"./styles\";\n\nexport type LoaderSize = \"md\" | \"lg\";\n\nexport type LoaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  fullScreen?: boolean;\n  size?: \"md\" | \"lg\";\n};\n\nconst Loader: FC<LoaderProps> = ({ fullScreen = false, size = \"lg\", ...rest }) => (\n  <div\n    css={(theme): SerializedStyles => container(theme, { fullScreen, size })}\n    data-testid=\"loader\"\n    {...rest}\n    className={`loading-container${rest?.className ? ` ${rest?.className}` : \"\"}`}\n  >\n    <PulseLoader />\n  </div>\n);\n\nexport default Loader;\n"],"names":["Loader","fullScreen","size","rest","___EmotionJSX","theme","container","className","PulseLoader"],"mappings":";;;;;;;;;;;;;;;;;AAYMA,IAAAA,MAAuB,GAAG,SAA1BA,MAA0B,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,eAAA,GAAA,IAAA,CAAGC,UAAH;AAAA,MAAGA,UAAH,gCAAgB,KAAhB,GAAA,eAAA;AAAA,MAAA,SAAA,GAAA,IAAA,CAAuBC,IAAvB;AAAA,MAAuBA,IAAvB,0BAA8B,IAA9B,GAAA,SAAA;AAAA,MAAuCC,IAAvC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAAA,EAC9B,OAAAC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,SAAS,CAACD,KAAD,EAAQ;AAAEJ,QAAAA,UAAU,EAAVA,UAAF;AAAcC,QAAAA,IAAI,EAAJA,IAAAA;AAAd,OAAR,CAAtC,CAAA;AAAA,KADP;AAEE,IAAY,aAAA,EAAA,QAAA;AAFd,GAAA,EAGMC,IAHN,EAAA;AAIE,IAAA,SAAS,6BAAsBA,IAAI,KAAA,IAAJ,IAAAA,IAAI,KAAA,KAAA,CAAJ,IAAAA,IAAI,CAAEI,SAAN,GAAsBJ,GAAAA,CAAAA,MAAAA,CAAAA,IAAtB,aAAsBA,IAAtB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAsBA,IAAI,CAAEI,SAA5B,IAA0C,EAAhE,CAAA;AAJX,GAME,CAAA,EAAAH,GAAA,CAACI,yBAAD,EAAA,IAAA,CANF,CAD8B,CAAA;AAAA;;;;"}
+{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loaders/Loader.tsx"],"sourcesContent":["import { SerializedStyles } from \"@emotion/react\";\nimport React, { FC } from \"react\";\nimport { PulseLoader } from \"react-spinners\";\nimport { container } from \"./styles\";\n\nexport type LoaderSize = \"md\" | \"lg\";\n\nexport type LoaderProps = React.HTMLAttributes<HTMLDivElement> & {\n  fullScreen?: boolean;\n  size?: \"md\" | \"lg\";\n};\n\nconst Loader: FC<LoaderProps> = ({ fullScreen = false, size = \"lg\", ...rest }) => (\n  <div\n    css={(theme): SerializedStyles => container(theme, { fullScreen, size })}\n    data-testid=\"loader\"\n    {...rest}\n    className={`loading-container${rest?.className ? ` ${rest?.className}` : \"\"}`}\n  >\n    <PulseLoader />\n  </div>\n);\n\nexport default Loader;\n"],"names":["Loader","fullScreen","size","rest","___EmotionJSX","theme","container","className"],"mappings":";;;;;;;;;;;;;;;AAYMA,IAAAA,MAAuB,GAAG,SAA1BA,MAAuB,CAAA,IAAA,EAAA;AAAA,EAAA,IAAA,eAAA,GAAA,IAAA,CAAMC,UAAU;AAAVA,IAAAA,UAAU,gCAAG,KAAK,GAAA,eAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAAA,OACzEC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IACE,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,SAAS,CAACD,KAAK,EAAE;AAAEJ,QAAAA,UAAU,EAAVA,UAAU;AAAEC,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;KAAC;IACzE,aAAY,EAAA,QAAA;AAAQ,GAAA,EAChBC,IAAI,EAAA;AACR,IAAA,SAAS,6BAAsBA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,IAAJA,IAAI,CAAEI,SAAS,GAAOJ,GAAAA,CAAAA,MAAAA,CAAAA,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEI,SAAS,IAAK,EAAE,CAAA;GAE3E,CAAA,EAAAH,GAAA,CAAC,WAAW,EAAA,IAAA,CAAG,CACX,CAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.3.1
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -19,10 +19,9 @@ var loaderSize = {
 var container = function container(_ref, _ref2) {
   var loader = _ref.loader;
   var fullScreen = _ref2.fullScreen,
-      size = _ref2.size;
+    size = _ref2.size;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("display:flex;justify-content:center;align-items:center;width:100%;height:", fullScreen ? "100vh" : "auto", ";&.loading-container{span>span{width:", loaderSize[size], ";height:", loaderSize[size], ";background:", loader.color, ";margin:", loaderMargin[size], ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IExvYWRlclNpemUgfSBmcm9tIFwiLi9Mb2FkZXJcIjtcblxuY29uc3QgbG9hZGVyTWFyZ2luID0ge1xuICBtZDogXCIwLjA2MjVyZW1cIixcbiAgbGc6IFwiMC42MjVyZW1cIixcbn07XG5cbmNvbnN0IGxvYWRlclNpemUgPSB7XG4gIG1kOiBcIjAuMzc1cmVtXCIsXG4gIGxnOiBcIjAuNzVyZW1cIixcbn07XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgbG9hZGVyIH06IFRoZW1lLFxuICB7IGZ1bGxTY3JlZW4sIHNpemUgfTogeyBmdWxsU2NyZWVuOiBib29sZWFuOyBzaXplOiBMb2FkZXJTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7ZnVsbFNjcmVlbiA/IFwiMTAwdmhcIiA6IFwiYXV0b1wifTtcblxuICAmLmxvYWRpbmctY29udGFpbmVyIHtcbiAgICBzcGFuID4gc3BhbiB7XG4gICAgICB3aWR0aDogJHtsb2FkZXJTaXplW3NpemVdfTtcbiAgICAgIGhlaWdodDogJHtsb2FkZXJTaXplW3NpemVdfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7bG9hZGVyLmNvbG9yfTtcbiAgICAgIG1hcmdpbjogJHtsb2FkZXJNYXJnaW5bc2l6ZV19O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Loaders/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { LoaderSize } from \"./Loader\";\n\nconst loaderMargin = {\n  md: \"0.0625rem\",\n  lg: \"0.625rem\",\n};\n\nconst loaderSize = {\n  md: \"0.375rem\",\n  lg: \"0.75rem\",\n};\n\nexport const container = (\n  { loader }: Theme,\n  { fullScreen, size }: { fullScreen: boolean; size: LoaderSize },\n): SerializedStyles => css`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ${fullScreen ? \"100vh\" : \"auto\"};\n\n  &.loading-container {\n    span > span {\n      width: ${loaderSize[size]};\n      height: ${loaderSize[size]};\n      background: ${loader.color};\n      margin: ${loaderMargin[size]};\n    }\n  }\n`;\n"],"names":["loaderMargin","md","lg","loaderSize","container","loader","fullScreen","size","css","color"],"mappings":";;;;;;;;;;AAGA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,EAAE,EAAE,WADe;AAEnBC,EAAAA,EAAE,EAAE,UAAA;AAFe,CAArB,CAAA;AAKA,IAAMC,UAAU,GAAG;AACjBF,EAAAA,EAAE,EAAE,UADa;AAEjBC,EAAAA,EAAE,EAAE,SAAA;AAFa,CAAnB,CAAA;AAKaE,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAAA,IAAA,EAAA,KAAA,EAAA;AAAA,EACrBC,IAAAA,MADqB,QACrBA,MADqB,CAAA;AAAA,EAErBC,IAAAA,UAFqB,SAErBA,UAFqB;AAAA,MAETC,IAFS,SAETA,IAFS,CAAA;AAAA,EAAA;AAAA;;AAAA;AAGFC,IAAAA,GAHE,CAQbF,2EAAAA,EAAAA,UAAU,GAAG,OAAH,GAAa,MARV,EAAA,uCAAA,EAYVH,UAAU,CAACI,IAAD,CAZA,cAaTJ,UAAU,CAACI,IAAD,CAbD,EAcLF,cAAAA,EAAAA,MAAM,CAACI,KAdF,EAeTT,UAAAA,EAAAA,YAAY,CAACO,IAAD,CAfH,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qrCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Loaders/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { LoaderSize } from \"./Loader\";\n\nconst loaderMargin = {\n  md: \"0.0625rem\",\n  lg: \"0.625rem\",\n};\n\nconst loaderSize = {\n  md: \"0.375rem\",\n  lg: \"0.75rem\",\n};\n\nexport const container = (\n  { loader }: Theme,\n  { fullScreen, size }: { fullScreen: boolean; size: LoaderSize },\n): SerializedStyles => css`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ${fullScreen ? \"100vh\" : \"auto\"};\n\n  &.loading-container {\n    span > span {\n      width: ${loaderSize[size]};\n      height: ${loaderSize[size]};\n      background: ${loader.color};\n      margin: ${loaderMargin[size]};\n    }\n  }\n`;\n"],"names":["loaderMargin","md","lg","loaderSize","container","loader","fullScreen","size","css","color"],"mappings":";;;;;;;;;;AAGA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,EAAE,EAAE,WAAW;AACfC,EAAAA,EAAE,EAAE,UAAA;AACN,CAAC,CAAA;AAED,IAAMC,UAAU,GAAG;AACjBF,EAAAA,EAAE,EAAE,UAAU;AACdC,EAAAA,EAAE,EAAE,SAAA;AACN,CAAC,CAAA;AAEYE,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IAClBC,MAAM,QAANA,MAAM,CAAA;EAAA,IACNC,UAAU,SAAVA,UAAU;AAAEC,IAAAA,IAAI,SAAJA,IAAI,CAAA;AAAA,EAAA;AAAA;AAAA;IACGC,GAAG,CAAA,2EAAA,EAKdF,UAAU,GAAG,OAAO,GAAG,MAAM,EAI1BH,uCAAAA,EAAAA,UAAU,CAACI,IAAI,CAAC,EAAA,UAAA,EACfJ,UAAU,CAACI,IAAI,CAAC,EAAA,cAAA,EACZF,MAAM,CAACI,KAAK,EAChBT,UAAAA,EAAAA,YAAY,CAACO,IAAI,CAAC,EAAA,KAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qrCAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/MediaPlayer/AudioPlayer/AudioPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.3.1
+   * @epignosis_llc/gnosis.js v3.0.1
    * Released under the MIT license.
    */
 
@@ -12,14 +12,12 @@ import ReactPlayer from '../../../../node_modules/react-player/lazy/index.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["src", "controls", "containerAttrs"];
-
 var AudioPlayer = function AudioPlayer(_ref) {
   var src = _ref.src,
-      _ref$controls = _ref.controls,
-      controls = _ref$controls === void 0 ? true : _ref$controls,
-      containerAttrs = _ref.containerAttrs,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$controls = _ref.controls,
+    controls = _ref$controls === void 0 ? true : _ref$controls,
+    containerAttrs = _ref.containerAttrs,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("div", containerAttrs, jsx(ReactPlayer, _extends({
     url: src,
     controls: controls,