@epignosis_llc/gnosis 1.0.2 → 1.3.1

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js

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

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/FormElements/RadioGroup/Radio.tsx"],"sourcesContent":["import React, { FC, InputHTMLAttributes } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { radioButtonContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type RadioOption = {\n  value: string;\n  label: string;\n  disabled?: boolean;\n};\n\nexport type RadioProps = ExtendableProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  RadioOption & {\n    id: string;\n    size?: InputSize;\n    inline?: boolean;\n  }\n>;\n\nconst Radio: FC<RadioProps> = ({ id, label, size = \"md\", inline = false, ...rest }) => (\n  <div css={(theme): SerializedStyles => radioButtonContainer(theme, { size, inline })}>\n    <input id={id} type=\"radio\" {...rest} />\n    <label htmlFor={id}>{label}</label>\n  </div>\n);\n\nexport default Radio;\n"],"names":["Radio","id","label","size","inline","rest","___EmotionJSX","theme","radioButtonContainer"],"mappings":";;;;;;;;;;;;;;;IAqBMA,KAAqB,GAAG,SAAxBA,KAAwB;AAAA,MAAGC,EAAH,QAAGA,EAAH;AAAA,MAAOC,KAAP,QAAOA,KAAP;AAAA,uBAAcC,IAAd;AAAA,MAAcA,IAAd,0BAAqB,IAArB;AAAA,yBAA2BC,MAA3B;AAAA,MAA2BA,MAA3B,4BAAoC,KAApC;AAAA,MAA8CC,IAA9C;;AAAA,SAC5BC;AAAK,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,oBAAoB,CAACD,KAAD,EAAQ;AAAEJ,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAAjD;AAAA;AAAV,KACEE;AAAO,IAAA,EAAE,EAAEL,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAgCI,IAAhC,EADF,EAEEC;AAAO,IAAA,OAAO,EAAEL;AAAhB,KAAqBC,KAArB,CAFF,CAD4B;AAAA;;;;"}
+{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/FormElements/RadioGroup/Radio.tsx"],"sourcesContent":["import React, { FC, InputHTMLAttributes } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { radioButtonContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type RadioOption = {\n  value: string;\n  label: string;\n  disabled?: boolean;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nexport type RadioProps = ExtendableProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  RadioOption & {\n    id: string;\n    size?: InputSize;\n    inline?: boolean;\n  }\n>;\n\nconst Radio: FC<RadioProps> = ({\n  id,\n  label,\n  size = \"md\",\n  inline = false,\n  containerAttrs,\n  ...rest\n}) => (\n  <div\n    css={(theme): SerializedStyles => radioButtonContainer(theme, { size, inline })}\n    {...containerAttrs}\n  >\n    <input id={id} type=\"radio\" {...rest} />\n    <label htmlFor={id}>{label}</label>\n  </div>\n);\n\nexport default Radio;\n"],"names":["Radio","id","label","size","inline","containerAttrs","rest","___EmotionJSX","theme","radioButtonContainer"],"mappings":";;;;;;;;;;;;;;;IAsBMA,KAAqB,GAAG,SAAxBA,KAAwB;AAAA,MAC5BC,EAD4B,QAC5BA,EAD4B;AAAA,MAE5BC,KAF4B,QAE5BA,KAF4B;AAAA,uBAG5BC,IAH4B;AAAA,MAG5BA,IAH4B,0BAGrB,IAHqB;AAAA,yBAI5BC,MAJ4B;AAAA,MAI5BA,MAJ4B,4BAInB,KAJmB;AAAA,MAK5BC,cAL4B,QAK5BA,cAL4B;AAAA,MAMzBC,IANyB;;AAAA,SAQ5BC;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,oBAAoB,CAACD,KAAD,EAAQ;AAAEL,QAAAA,IAAI,EAAJA,IAAF;AAAQC,QAAAA,MAAM,EAANA;AAAR,OAAR,CAAjD;AAAA;AADP,KAEMC,cAFN,GAIEE;AAAO,IAAA,EAAE,EAAEN,EAAX;AAAe,IAAA,IAAI,EAAC;AAApB,KAAgCK,IAAhC,EAJF,EAKEC;AAAO,IAAA,OAAO,EAAEN;AAAhB,KAAqBC,KAArB,CALF,CAR4B;AAAA;;;;"}

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

@@ -2,11 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
-import { slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../../node_modules/core-js/modules/es.array.concat.js';
 import { useState, useEffect } from 'react';
@@ -14,7 +14,11 @@ import Radio from './Radio.js';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
+var _excluded = ["groupname", "options", "onChange", "initialValue", "inline", "size"];
+
 var RadioGroup = function RadioGroup(_ref) {
+  var _rest$id;
+
   var groupname = _ref.groupname,
       options = _ref.options,
       onChange = _ref.onChange,
@@ -24,8 +28,7 @@ var RadioGroup = function RadioGroup(_ref) {
       inline = _ref$inline === void 0 ? false : _ref$inline,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "md" : _ref$size,
-      id = _ref.id,
-      className = _ref.className;
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(initialValue),
       _useState2 = _slicedToArray(_useState, 2),
@@ -39,11 +42,10 @@ var RadioGroup = function RadioGroup(_ref) {
   useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", {
+  return jsx("fieldset", _extends({
     css: container(inline),
-    id: id || groupname,
-    className: className
-  }, options.map(function (option) {
+    id: (_rest$id = rest === null || rest === void 0 ? void 0 : rest.id) !== null && _rest$id !== void 0 ? _rest$id : groupname
+  }, rest), options.map(function (option) {
     return jsx(Radio, _extends({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/FormElements/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, useState, useEffect } from \"react\";\nimport { InputSize } from \"../Input/Input\";\nimport Radio, { RadioOption } from \"./Radio\";\nimport { container } from \"./styles\";\n\nexport type RadioGroupProps = {\n  id: string;\n  groupname: string;\n  options: RadioOption[];\n  onChange?: (selectedValue: string) => void;\n  initialValue?: string;\n  inline?: boolean;\n  size?: InputSize;\n  className?: string;\n};\n\nconst RadioGroup: FC<RadioGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValue = \"\",\n  inline = false,\n  size = \"md\",\n  id,\n  className,\n}) => {\n  const [selectedValue, setSelectedValue] = useState(initialValue);\n  const selectValue = (e: ChangeEvent<HTMLInputElement>): void => {\n    setSelectedValue(e.target.value);\n  };\n\n  useEffect(() => {\n    onChange && onChange(selectedValue);\n  }, [selectedValue, onChange]);\n\n  return (\n    <fieldset css={container(inline)} id={id || groupname} className={className}>\n      {options.map((option) => (\n        <Radio\n          key={option.value}\n          id={`${groupname}-${option.value}`}\n          size={size}\n          checked={selectedValue === option.value}\n          name={groupname}\n          onChange={selectValue}\n          inline\n          {...option}\n        />\n      ))}\n    </fieldset>\n  );\n};\n\nexport default RadioGroup;\n"],"names":["RadioGroup","groupname","options","onChange","initialValue","inline","size","id","className","useState","selectedValue","setSelectedValue","selectValue","e","target","value","useEffect","___EmotionJSX","container","map","option"],"mappings":";;;;;;;;;;;;;;;;IAgBMA,UAA+B,GAAG,SAAlCA,UAAkC,OASlC;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,+BALJC,YAKI;AAAA,MALJA,YAKI,kCALW,EAKX;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,KAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,IAGH;AAAA,MAFJC,EAEI,QAFJA,EAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,kBAA0CC,QAAQ,CAACL,YAAD,CAAlD;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAA4C;AAC9DF,IAAAA,gBAAgB,CAACE,CAAC,CAACC,MAAF,CAASC,KAAV,CAAhB;AACD,GAFD;;AAIAC,EAAAA,SAAS,CAAC,YAAM;AACdb,IAAAA,QAAQ,IAAIA,QAAQ,CAACO,aAAD,CAApB;AACD,GAFQ,EAEN,CAACA,aAAD,EAAgBP,QAAhB,CAFM,CAAT;AAIA,SACEc;AAAU,IAAA,GAAG,EAAEC,SAAS,CAACb,MAAD,CAAxB;AAAkC,IAAA,EAAE,EAAEE,EAAE,IAAIN,SAA5C;AAAuD,IAAA,SAAS,EAAEO;AAAlE,KACGN,OAAO,CAACiB,GAAR,CAAY,UAACC,MAAD;AAAA,WACXH,IAAC,KAAD;AACE,MAAA,GAAG,EAAEG,MAAM,CAACL,KADd;AAEE,MAAA,EAAE,YAAKd,SAAL,cAAkBmB,MAAM,CAACL,KAAzB,CAFJ;AAGE,MAAA,IAAI,EAAET,IAHR;AAIE,MAAA,OAAO,EAAEI,aAAa,KAAKU,MAAM,CAACL,KAJpC;AAKE,MAAA,IAAI,EAAEd,SALR;AAME,MAAA,QAAQ,EAAEW,WANZ;AAOE,MAAA,MAAM;AAPR,OAQMQ,MARN,EADW;AAAA,GAAZ,CADH,CADF;AAgBD;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/FormElements/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { FC, ChangeEvent, useState, useEffect } from \"react\";\nimport { InputSize } from \"../Input/Input\";\nimport Radio, { RadioOption } from \"./Radio\";\nimport { container } from \"./styles\";\n\nexport type RadioGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {\n  groupname: string;\n  options: RadioOption[];\n  initialValue?: string;\n  inline?: boolean;\n  size?: InputSize;\n  onChange?: (selectedValue: string) => void;\n};\n\nconst RadioGroup: FC<RadioGroupProps> = ({\n  groupname,\n  options,\n  onChange,\n  initialValue = \"\",\n  inline = false,\n  size = \"md\",\n  ...rest\n}) => {\n  const [selectedValue, setSelectedValue] = useState(initialValue);\n  const selectValue = (e: ChangeEvent<HTMLInputElement>): void => {\n    setSelectedValue(e.target.value);\n  };\n\n  useEffect(() => {\n    onChange && onChange(selectedValue);\n  }, [selectedValue, onChange]);\n\n  return (\n    <fieldset css={container(inline)} id={rest?.id ?? groupname} {...rest}>\n      {options.map((option) => (\n        <Radio\n          key={option.value}\n          id={`${groupname}-${option.value}`}\n          size={size}\n          checked={selectedValue === option.value}\n          name={groupname}\n          onChange={selectValue}\n          inline\n          {...option}\n        />\n      ))}\n    </fieldset>\n  );\n};\n\nexport default RadioGroup;\n"],"names":["RadioGroup","groupname","options","onChange","initialValue","inline","size","rest","useState","selectedValue","setSelectedValue","selectValue","e","target","value","useEffect","___EmotionJSX","container","id","map","option"],"mappings":";;;;;;;;;;;;;;;;;;IAcMA,UAA+B,GAAG,SAAlCA,UAAkC,OAQlC;AAAA;;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,+BAJJC,YAII;AAAA,MAJJA,YAII,kCAJW,EAIX;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK,KAGL;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,IAEH;AAAA,MADDC,IACC;;AACJ,kBAA0CC,QAAQ,CAACJ,YAAD,CAAlD;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAA4C;AAC9DF,IAAAA,gBAAgB,CAACE,CAAC,CAACC,MAAF,CAASC,KAAV,CAAhB;AACD,GAFD;;AAIAC,EAAAA,SAAS,CAAC,YAAM;AACdZ,IAAAA,QAAQ,IAAIA,QAAQ,CAACM,aAAD,CAApB;AACD,GAFQ,EAEN,CAACA,aAAD,EAAgBN,QAAhB,CAFM,CAAT;AAIA,SACEa;AAAU,IAAA,GAAG,EAAEC,SAAS,CAACZ,MAAD,CAAxB;AAAkC,IAAA,EAAE,cAAEE,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEW,EAAR,+CAAcjB;AAAlD,KAAiEM,IAAjE,GACGL,OAAO,CAACiB,GAAR,CAAY,UAACC,MAAD;AAAA,WACXJ,IAAC,KAAD;AACE,MAAA,GAAG,EAAEI,MAAM,CAACN,KADd;AAEE,MAAA,EAAE,YAAKb,SAAL,cAAkBmB,MAAM,CAACN,KAAzB,CAFJ;AAGE,MAAA,IAAI,EAAER,IAHR;AAIE,MAAA,OAAO,EAAEG,aAAa,KAAKW,MAAM,CAACN,KAJpC;AAKE,MAAA,IAAI,EAAEb,SALR;AAME,MAAA,QAAQ,EAAEU,WANZ;AAOE,MAAA,MAAM;AAPR,OAQMS,MARN,EADW;AAAA,GAAZ,CADH,CADF;AAgBD;;;;"}

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
@@ -10,14 +10,17 @@ import { objectWithoutProperties as _objectWithoutProperties, defineProperty as
 import { forwardRef } from 'react';
 import classNames from '../../../../node_modules/classnames/index.js';
 import Label from '../Label/Label.js';
+import SvgCaretDown from '../../../icons/caret_down.svg.js';
 import { selectContainer } from './styles.js';
-import SvgCaretDown from '../../../icons/core/caret_down.svg.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["id", "status", "size", "label", "inline", "onChange", "className", "children"];
+var _excluded = ["id", "status", "size", "label", "inline", "onChange", "children", "containerAttrs"];
 
 var Select = function Select(props, forwardedRef) {
-  var id = props.id,
+  var _containerAttrs$class;
+
+  var _props$id = props.id,
+      id = _props$id === void 0 ? "" : _props$id,
       _props$status = props.status,
       status = _props$status === void 0 ? "valid" : _props$status,
       _props$size = props.size,
@@ -26,9 +29,8 @@ var Select = function Select(props, forwardedRef) {
       _props$inline = props.inline,
       inline = _props$inline === void 0 ? false : _props$inline,
       onChange = props.onChange,
-      _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
       children = props.children,
+      containerAttrs = props.containerAttrs,
       rest = _objectWithoutProperties(props, _excluded);
 
   var hasLabel = Boolean(label);
@@ -36,24 +38,26 @@ var Select = function Select(props, forwardedRef) {
     valid: status === "valid",
     error: status === "error",
     inline: hasLabel && inline
-  }, className, className));
-  return jsx("div", {
+  }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
+  return jsx("div", _extends({
     css: function css(theme) {
       return selectContainer(theme, {
         size: size
       });
-    },
+    }
+  }, containerAttrs, {
     className: containerClassNames
-  }, hasLabel && jsx(Label, {
-    htmlFor: id
+  }), hasLabel && jsx(Label, {
+    htmlFor: id,
+    "aria-labelledby": id
   }, label), jsx("div", {
     className: "select-input-wrapper"
   }, jsx("select", _extends({
     ref: forwardedRef,
-    id: id,
     onChange: onChange && function (e) {
       return onChange(e.target.value);
-    }
+    },
+    id: id
   }, rest), children), jsx("span", {
     className: "carret-wrapper"
   }, jsx(SvgCaretDown, {

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../../src/components/FormElements/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport Label from \"../Label/Label\";\nimport { selectContainer } from \"./styles\";\nimport { CaretDownSVG } from \"@icons/core\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type SelectProps = ExtendableProps<\n  React.SelectHTMLAttributes<HTMLSelectElement>,\n  {\n    status?: \"valid\" | \"error\";\n    size?: \"md\" | \"lg\";\n    label?: string;\n    inline?: boolean;\n    onChange?: (selectedValue: string) => void;\n  }\n>;\n\nconst Select: ForwardRefRenderFunction<HTMLSelectElement, SelectProps> = (props, forwardedRef) => {\n  const {\n    id,\n    status = \"valid\",\n    size = \"md\",\n    label,\n    inline = false,\n    onChange,\n    className = \"\",\n    children,\n    ...rest\n  } = props;\n  const hasLabel = Boolean(label);\n  const containerClassNames = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    inline: hasLabel && inline,\n    [className]: className,\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => selectContainer(theme, { size })}\n      className={containerClassNames}\n    >\n      {hasLabel && <Label htmlFor={id}>{label}</Label>}\n      <div className=\"select-input-wrapper\">\n        <select\n          ref={forwardedRef}\n          id={id}\n          onChange={onChange && ((e): void => onChange(e.target.value))}\n          {...rest}\n        >\n          {children}\n        </select>\n        <span className=\"carret-wrapper\">\n          <CaretDownSVG height={24} />\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Select);\n"],"names":["Select","props","forwardedRef","id","status","size","label","inline","onChange","className","children","rest","hasLabel","Boolean","containerClassNames","classNames","valid","error","___EmotionJSX","theme","selectContainer","e","target","value","CaretDownSVG","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAMA,MAAgE,GAAG,SAAnEA,MAAmE,CAACC,KAAD,EAAQC,YAAR,EAAyB;AAChG,MACEC,EADF,GAUIF,KAVJ,CACEE,EADF;AAAA,sBAUIF,KAVJ,CAEEG,MAFF;AAAA,MAEEA,MAFF,8BAEW,OAFX;AAAA,oBAUIH,KAVJ,CAGEI,IAHF;AAAA,MAGEA,IAHF,4BAGS,IAHT;AAAA,MAIEC,KAJF,GAUIL,KAVJ,CAIEK,KAJF;AAAA,sBAUIL,KAVJ,CAKEM,MALF;AAAA,MAKEA,MALF,8BAKW,KALX;AAAA,MAMEC,QANF,GAUIP,KAVJ,CAMEO,QANF;AAAA,yBAUIP,KAVJ,CAOEQ,SAPF;AAAA,MAOEA,SAPF,iCAOc,EAPd;AAAA,MAQEC,QARF,GAUIT,KAVJ,CAQES,QARF;AAAA,MASKC,IATL,4BAUIV,KAVJ;;AAWA,MAAMW,QAAQ,GAAGC,OAAO,CAACP,KAAD,CAAxB;AACA,MAAMQ,mBAAmB,GAAGC,UAAU;AACpCC,IAAAA,KAAK,EAAEZ,MAAM,KAAK,OADkB;AAEpCa,IAAAA,KAAK,EAAEb,MAAM,KAAK,OAFkB;AAGpCG,IAAAA,MAAM,EAAEK,QAAQ,IAAIL;AAHgB,KAInCE,SAJmC,EAIvBA,SAJuB,EAAtC;AAOA,SACES;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,eAAe,CAACD,KAAD,EAAQ;AAAEd,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAA5C;AAAA,KADP;AAEE,IAAA,SAAS,EAAES;AAFb,KAIGF,QAAQ,IAAIM,IAAC,KAAD;AAAO,IAAA,OAAO,EAAEf;AAAhB,KAAqBG,KAArB,CAJf,EAKEY;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA;AACE,IAAA,GAAG,EAAEhB,YADP;AAEE,IAAA,EAAE,EAAEC,EAFN;AAGE,IAAA,QAAQ,EAAEK,QAAQ,IAAK,UAACa,CAAD;AAAA,aAAab,QAAQ,CAACa,CAAC,CAACC,MAAF,CAASC,KAAV,CAArB;AAAA;AAHzB,KAIMZ,IAJN,GAMGD,QANH,CADF,EASEQ;AAAM,IAAA,SAAS,EAAC;AAAhB,KACEA,IAACM,YAAD;AAAc,IAAA,MAAM,EAAE;AAAtB,IADF,CATF,CALF,CADF;AAqBD,CAzCD;;AA2CA,4BAAeC,UAAU,CAACzB,MAAD,CAAzB;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../../../src/components/FormElements/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport Label from \"../Label/Label\";\nimport { CaretDownSVG } from \"../../../icons/\";\nimport { selectContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type SelectProps = ExtendableProps<\n  React.SelectHTMLAttributes<HTMLSelectElement>,\n  {\n    status?: \"valid\" | \"error\";\n    size?: \"md\" | \"lg\";\n    label?: string;\n    inline?: boolean;\n    onChange?: (selectedValue: string) => void;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\n\nconst Select: ForwardRefRenderFunction<HTMLSelectElement, SelectProps> = (props, forwardedRef) => {\n  const {\n    id = \"\",\n    status = \"valid\",\n    size = \"md\",\n    label,\n    inline = false,\n    onChange,\n    children,\n    containerAttrs,\n    ...rest\n  } = props;\n  const hasLabel = Boolean(label);\n  const containerClassNames = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    inline: hasLabel && inline,\n    [containerAttrs?.className ?? \"\"]: Boolean(containerAttrs?.className),\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => selectContainer(theme, { size })}\n      {...containerAttrs}\n      className={containerClassNames}\n    >\n      {hasLabel && (\n        <Label htmlFor={id} aria-labelledby={id}>\n          {label}\n        </Label>\n      )}\n      <div className=\"select-input-wrapper\">\n        <select\n          ref={forwardedRef}\n          onChange={onChange && ((e): void => onChange(e.target.value))}\n          id={id}\n          {...rest}\n        >\n          {children}\n        </select>\n        <span className=\"carret-wrapper\">\n          <CaretDownSVG height={24} />\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Select);\n"],"names":["Select","props","forwardedRef","id","status","size","label","inline","onChange","children","containerAttrs","rest","hasLabel","Boolean","containerClassNames","classNames","valid","error","className","___EmotionJSX","theme","selectContainer","e","target","value","CaretDownSVG","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,IAAMA,MAAgE,GAAG,SAAnEA,MAAmE,CAACC,KAAD,EAAQC,YAAR,EAAyB;AAAA;;AAChG,kBAUID,KAVJ,CACEE,EADF;AAAA,MACEA,EADF,0BACO,EADP;AAAA,sBAUIF,KAVJ,CAEEG,MAFF;AAAA,MAEEA,MAFF,8BAEW,OAFX;AAAA,oBAUIH,KAVJ,CAGEI,IAHF;AAAA,MAGEA,IAHF,4BAGS,IAHT;AAAA,MAIEC,KAJF,GAUIL,KAVJ,CAIEK,KAJF;AAAA,sBAUIL,KAVJ,CAKEM,MALF;AAAA,MAKEA,MALF,8BAKW,KALX;AAAA,MAMEC,QANF,GAUIP,KAVJ,CAMEO,QANF;AAAA,MAOEC,QAPF,GAUIR,KAVJ,CAOEQ,QAPF;AAAA,MAQEC,cARF,GAUIT,KAVJ,CAQES,cARF;AAAA,MASKC,IATL,4BAUIV,KAVJ;;AAWA,MAAMW,QAAQ,GAAGC,OAAO,CAACP,KAAD,CAAxB;AACA,MAAMQ,mBAAmB,GAAGC,UAAU;AACpCC,IAAAA,KAAK,EAAEZ,MAAM,KAAK,OADkB;AAEpCa,IAAAA,KAAK,EAAEb,MAAM,KAAK,OAFkB;AAGpCG,IAAAA,MAAM,EAAEK,QAAQ,IAAIL;AAHgB,8BAInCG,cAJmC,aAInCA,cAJmC,uBAInCA,cAAc,CAAEQ,SAJmB,yEAIN,EAJM,EAIDL,OAAO,CAACH,cAAD,aAACA,cAAD,uBAACA,cAAc,CAAEQ,SAAjB,CAJN,EAAtC;AAOA,SACEC;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,eAAe,CAACD,KAAD,EAAQ;AAAEf,QAAAA,IAAI,EAAJA;AAAF,OAAR,CAA5C;AAAA;AADP,KAEMK,cAFN;AAGE,IAAA,SAAS,EAAEI;AAHb,MAKGF,QAAQ,IACPO,IAAC,KAAD;AAAO,IAAA,OAAO,EAAEhB,EAAhB;AAAoB,uBAAiBA;AAArC,KACGG,KADH,CANJ,EAUEa;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA;AACE,IAAA,GAAG,EAAEjB,YADP;AAEE,IAAA,QAAQ,EAAEM,QAAQ,IAAK,UAACc,CAAD;AAAA,aAAad,QAAQ,CAACc,CAAC,CAACC,MAAF,CAASC,KAAV,CAArB;AAAA,KAFzB;AAGE,IAAA,EAAE,EAAErB;AAHN,KAIMQ,IAJN,GAMGF,QANH,CADF,EASEU;AAAM,IAAA,SAAS,EAAC;AAAhB,KACEA,IAACM,YAAD;AAAc,IAAA,MAAM,EAAE;AAAtB,IADF,CATF,CAVF,CADF;AA0BD,CA9CD;;AAgDA,4BAAeC,UAAU,CAAC1B,MAAD,CAAzB;;;;"}

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

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

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

@@ -2,20 +2,22 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef } from 'react';
 import classNames from '../../../../node_modules/classnames/index.js';
 import Label from '../Label/Label.js';
 import { textareaContainer } from './styles.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["label", "inline", "id", "resize", "status"];
+var _excluded = ["label", "inline", "id", "resize", "status", "containerAttrs"];
 
 var Textarea = function Textarea(props, forwardedRef) {
+  var _containerAttrs$class;
+
   var label = props.label,
       _props$inline = props.inline,
       inline = _props$inline === void 0 ? false : _props$inline,
@@ -24,22 +26,24 @@ var Textarea = function Textarea(props, forwardedRef) {
       resize = _props$resize === void 0 ? "none" : _props$resize,
       _props$status = props.status,
       status = _props$status === void 0 ? "valid" : _props$status,
+      containerAttrs = props.containerAttrs,
       rest = _objectWithoutProperties(props, _excluded);
 
   var hasLabel = Boolean(label);
-  var containerClassNames = classNames({
+  var containerClassNames = classNames(_defineProperty({
     inline: hasLabel && inline,
     valid: status === "valid",
     error: status === "error"
-  });
-  return jsx("div", {
+  }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
+  return jsx("div", _extends({
     css: function css(theme) {
       return textareaContainer(theme, {
         resize: resize
       });
-    },
+    }
+  }, containerAttrs, {
     className: containerClassNames
-  }, hasLabel && jsx(Label, {
+  }), hasLabel && jsx(Label, {
     htmlFor: id
   }, label), jsx("textarea", _extends({
     id: id,

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  }\n>;\nconst Textarea: ForwardRefRenderFunction<HTMLTextAreaElement, TextareaProps> = (\n  props,\n  forwardedRef,\n) => {\n  const { label, inline = false, id, resize = \"none\", status = \"valid\", ...rest } = props;\n  const hasLabel = Boolean(label);\n  const containerClassNames = classNames({\n    inline: hasLabel && inline,\n    valid: status === \"valid\",\n    error: status === \"error\",\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => textareaContainer(theme, { resize })}\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","rest","hasLabel","Boolean","containerClassNames","classNames","valid","error","___EmotionJSX","theme","textareaContainer","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,IAAMA,QAAsE,GAAG,SAAzEA,QAAyE,CAC7EC,KAD6E,EAE7EC,YAF6E,EAG1E;AACH,MAAQC,KAAR,GAAkFF,KAAlF,CAAQE,KAAR;AAAA,sBAAkFF,KAAlF,CAAeG,MAAf;AAAA,MAAeA,MAAf,8BAAwB,KAAxB;AAAA,MAA+BC,EAA/B,GAAkFJ,KAAlF,CAA+BI,EAA/B;AAAA,sBAAkFJ,KAAlF,CAAmCK,MAAnC;AAAA,MAAmCA,MAAnC,8BAA4C,MAA5C;AAAA,sBAAkFL,KAAlF,CAAoDM,MAApD;AAAA,MAAoDA,MAApD,8BAA6D,OAA7D;AAAA,MAAyEC,IAAzE,4BAAkFP,KAAlF;;AACA,MAAMQ,QAAQ,GAAGC,OAAO,CAACP,KAAD,CAAxB;AACA,MAAMQ,mBAAmB,GAAGC,UAAU,CAAC;AACrCR,IAAAA,MAAM,EAAEK,QAAQ,IAAIL,MADiB;AAErCS,IAAAA,KAAK,EAAEN,MAAM,KAAK,OAFmB;AAGrCO,IAAAA,KAAK,EAAEP,MAAM,KAAK;AAHmB,GAAD,CAAtC;AAMA,SACEQ;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,iBAAiB,CAACD,KAAD,EAAQ;AAAEV,QAAAA,MAAM,EAANA;AAAF,OAAR,CAA9C;AAAA,KADP;AAEE,IAAA,SAAS,EAAEK;AAFb,KAIGF,QAAQ,IAAIM,IAAC,KAAD;AAAO,IAAA,OAAO,EAAEV;AAAhB,KAAqBF,KAArB,CAJf,EAKEY;AAAU,IAAA,EAAE,EAAEV,EAAd;AAAkB,IAAA,GAAG,EAAEH;AAAvB,KAAyCM,IAAzC,EALF,CADF;AASD,CArBD;;AAuBA,8BAAeU,UAAU,CAAClB,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,QAAyE,CAC7EC,KAD6E,EAE7EC,YAF6E,EAG1E;AAAA;;AACH,MACEC,KADF,GAQIF,KARJ,CACEE,KADF;AAAA,sBAQIF,KARJ,CAEEG,MAFF;AAAA,MAEEA,MAFF,8BAEW,KAFX;AAAA,MAGEC,EAHF,GAQIJ,KARJ,CAGEI,EAHF;AAAA,sBAQIJ,KARJ,CAIEK,MAJF;AAAA,MAIEA,MAJF,8BAIW,MAJX;AAAA,sBAQIL,KARJ,CAKEM,MALF;AAAA,MAKEA,MALF,8BAKW,OALX;AAAA,MAMEC,cANF,GAQIP,KARJ,CAMEO,cANF;AAAA,MAOKC,IAPL,4BAQIR,KARJ;;AASA,MAAMS,QAAQ,GAAGC,OAAO,CAACR,KAAD,CAAxB;AACA,MAAMS,mBAAmB,GAAGC,UAAU;AACpCT,IAAAA,MAAM,EAAEM,QAAQ,IAAIN,MADgB;AAEpCU,IAAAA,KAAK,EAAEP,MAAM,KAAK,OAFkB;AAGpCQ,IAAAA,KAAK,EAAER,MAAM,KAAK;AAHkB,8BAInCC,cAJmC,aAInCA,cAJmC,uBAInCA,cAAc,CAAEQ,SAJmB,yEAIN,EAJM,EAIDL,OAAO,CAACH,cAAD,aAACA,cAAD,uBAACA,cAAc,CAAEQ,SAAjB,CAJN,EAAtC;AAOA,SACEC;AACE,IAAA,GAAG,EAAE,aAACC,KAAD;AAAA,aAA6BC,iBAAiB,CAACD,KAAD,EAAQ;AAAEZ,QAAAA,MAAM,EAANA;AAAF,OAAR,CAA9C;AAAA;AADP,KAEME,cAFN;AAGE,IAAA,SAAS,EAAEI;AAHb,MAKGF,QAAQ,IAAIO,IAAC,KAAD;AAAO,IAAA,OAAO,EAAEZ;AAAhB,KAAqBF,KAArB,CALf,EAMEc;AAAU,IAAA,EAAE,EAAEZ,EAAd;AAAkB,IAAA,GAAG,EAAEH;AAAvB,KAAyCO,IAAzC,EANF,CADF;AAUD,CA/BD;;AAiCA,8BAAeW,UAAU,CAACpB,QAAD,CAAzB;;;;"}

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

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

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

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

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

@@ -0,0 +1,96 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v1.3.0
+   * Released under the MIT license.
+   */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../node_modules/core-js/modules/es.date.to-string.js';
+import '../../../node_modules/core-js/modules/es.object.to-string.js';
+import '../../../node_modules/core-js/modules/es.regexp.to-string.js';
+import '../../../node_modules/core-js/modules/es.array.map.js';
+import 'react';
+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"];
+
+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);
+
+  var templateColumnAttrs = generateGridValues(templateColumns);
+  var Component = as;
+  return jsx(Component, _extends({
+    css: gridContainer({
+      templateColumns: templateColumnAttrs,
+      gap: gap,
+      columnGap: columnGap,
+      rowGap: rowGap
+    })
+  }, 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);
+
+  var colSpanAttrs = generateGridValues(colSpan);
+  var colStartAttrs = generateGridValues(colStart);
+  var colEndAttrs = generateGridValues(colEnd);
+  var rowSpanAttrs = generateGridValues(rowSpan);
+  var rowStartAttrs = generateGridValues(rowStart);
+  var rowEndAttrs = generateGridValues(rowEnd);
+  var Component = as;
+  return jsx(Component, _extends({
+    css: gridItem({
+      colSpan: colSpanAttrs,
+      colStart: colStartAttrs,
+      colEnd: colEndAttrs,
+      rowSpan: rowSpanAttrs,
+      rowStart: rowStartAttrs,
+      rowEnd: rowEndAttrs
+    })
+  }, rest), children);
+};
+
+Grid.Item = Item;
+
+export { Grid as default };
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,84 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v1.3.0
+   * Released under the MIT license.
+   */
+
+import '../../../node_modules/core-js/modules/es.object.keys.js';
+import '../../../node_modules/core-js/modules/es.array.concat.js';
+import '../../../node_modules/core-js/modules/es.array.map.js';
+import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
+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)");
+  return attrs === null || attrs === void 0 ? void 0 : attrs.map(function (value, i) {
+    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;
+  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;
+  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;")
+  );
+};
+
+export { gridContainer, gridItem };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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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"}

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

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

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

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

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

@@ -2,31 +2,37 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.0.1
+   * @epignosis_llc/gnosis.js v1.3.0
    * Released under the MIT license.
    */
 
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import '../../../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/index.js_commonjs-exports';
 
+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;
-  return jsx("div", {
+      size = _ref$size === void 0 ? "lg" : _ref$size,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return jsx("div", _extends({
     css: function css(theme) {
       return container(theme, {
         fullScreen: fullScreen,
         size: size
       });
     },
-    "data-testid": "loader",
-    className: "loading-container"
-  }, jsx(reactSpinners.PulseLoader, null));
+    "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));
 };
 
 export { Loader as default };