@epignosis_llc/gnosis 1.3.2 → 2.0.0

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n  { formElements }: Theme,\n  { size }: { size: InputSize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })};\n\n  &.error {\n    .input-wrapper input {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  &.with-prefix-icon {\n    .input-wrapper input {\n      padding-left: 3.2rem;\n    }\n  }\n\n  &.with-suffix-icon {\n    .input-wrapper input {\n      padding-right: 3.2rem;\n    }\n  }\n\n  .input-wrapper {\n    width: 100%;\n    position: relative;\n    background-color: ${formElements.input.background};\n    z-index: 1;\n\n    input {\n      ${inputBaseStyles(formElements, { block: true, size })};\n      background-color: transparent;\n    }\n\n    .prefix-icon,\n    .suffix-icon {\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      z-index: -1;\n    }\n\n    .prefix-icon {\n      margin: 0 0.75rem;\n      color: ${formElements.input.iconColor};\n    }\n\n    .suffix-icon {\n      right: 0;\n      padding-right: 0.5rem;\n      color: ${formElements.input.iconColor};\n    }\n  }\n`;\n\nexport const fileInputContainer = ({ formElements }: Theme): SerializedStyles => css`\n  .drop-area {\n    position: relative;\n    min-height: 5rem;\n    border: 2px dashed ${formElements.input.inputBorderColor};\n    border-radius: 5px;\n\n    input {\n      display: none;\n    }\n  }\n`;\n"],"names":["inputContainer","formElements","size","css","inputContainerBaseStyles","block","errors","errorBorderColor","input","background","inputBaseStyles","iconColor"],"mappings":";;;;;;;;;;;IAIaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC1BC,YAD0B,QAC1BA,YAD0B;AAAA,MAE1BC,IAF0B,SAE1BA,IAF0B;AAAA;AAAA;;AAAA;AAGPC,IAAAA,GAHO,CAI1BC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAAD,CAJE,iDAQRJ,YAAY,CAACK,MAAb,CAAoBC,gBARZ,mMA2BNN,YAAY,CAACO,KAAb,CAAmBC,UA3Bb,uBA+BtBC,eAAe,CAACT,YAAD,EAAe;AAAEI,MAAAA,KAAK,EAAE,IAAT;AAAeH,MAAAA,IAAI,EAAJA;AAAf,KAAf,CA/BO,sLA+CfD,YAAY,CAACO,KAAb,CAAmBG,SA/CJ,wDAqDfV,YAAY,CAACO,KAAb,CAAmBG,SArDJ;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n  { formElements }: Theme,\n  { size }: { size: InputSize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })};\n\n  &.error {\n    .input-wrapper input {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  &.with-prefix-icon {\n    .input-wrapper input {\n      padding-left: 3.2rem;\n    }\n  }\n\n  &.with-suffix-icon {\n    .input-wrapper input {\n      padding-right: 3.2rem;\n    }\n  }\n\n  .input-wrapper {\n    width: 100%;\n    position: relative;\n    background-color: ${formElements.input.background};\n    z-index: 1;\n    border-radius: 5px;\n\n    &:focus-within,\n    &:hover {\n      .prefix-icon,\n      .suffix-icon {\n        z-index: 1;\n      }\n    }\n\n    input {\n      ${inputBaseStyles(formElements, { block: true, size })};\n      background-color: transparent;\n    }\n\n    .prefix-icon,\n    .suffix-icon {\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      z-index: -1;\n    }\n\n    .prefix-icon {\n      margin: 0 0.75rem;\n      color: ${formElements.input.iconColor};\n    }\n\n    .suffix-icon {\n      right: 0;\n      padding-right: 0.5rem;\n      color: ${formElements.input.iconColor};\n    }\n  }\n`;\n"],"names":["inputContainer","formElements","size","css","inputContainerBaseStyles","block","errors","errorBorderColor","input","background","inputBaseStyles","iconColor"],"mappings":";;;;;;;;;;;IAIaA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC1BC,YAD0B,QAC1BA,YAD0B;AAAA,MAE1BC,IAF0B,SAE1BA,IAF0B;AAAA;AAAA;;AAAA;AAGPC,IAAAA,GAHO,CAI1BC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAAD,CAJE,iDAQRJ,YAAY,CAACK,MAAb,CAAoBC,gBARZ,mMA2BNN,YAAY,CAACO,KAAb,CAAmBC,UA3Bb,sGAwCtBC,eAAe,CAACT,YAAD,EAAe;AAAEI,MAAAA,KAAK,EAAE,IAAT;AAAeH,MAAAA,IAAI,EAAJA;AAAf,KAAf,CAxCO,sLAwDfD,YAAY,CAACO,KAAb,CAAmBG,SAxDJ,wDA8DfV,YAAY,CAACO,KAAb,CAAmBG,SA9DJ;AAAA;AAAA;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.3.1
+   * @epignosis_llc/gnosis.js v1.3.4
    * 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.3.1
+   * @epignosis_llc/gnosis.js v1.3.4
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.3.1
+   * @epignosis_llc/gnosis.js v1.3.4
    * Released under the MIT license.
    */
 
@@ -18,10 +18,10 @@ var selectContainer = function selectContainer(_ref, _ref2) {
     /*#__PURE__*/
     css(inputContainerBaseStyles({
       block: true
-    }), " label{margin:0 0 0.5rem 0.5rem;}&.error{.select-input-wrapper select{border-color:", formElements.errors.errorBorderColor, ";}}select{", inputBaseStyles(formElements, {
+    }), " label{margin:0 0 0.5rem 0.5rem;}&.error{.select-input-wrapper select{border-color:", formElements.errors.errorBorderColor, ";}}&:focus-within,&:hover{.select-input-wrapper{.carret-wrapper{z-index:1;}}}select{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;padding-right:2.5rem;appearance:none;&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}}.select-input-wrapper{position:relative;width:100%;background-color:", formElements.input.background, ";z-index:1;.carret-wrapper{position:absolute;right:0.75rem;height:100%;display:inline-flex;align-items:center;z-index:-1;svg{color:#000;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdENvbnRhaW5lciA9IChcbiAgeyBmb3JtRWxlbWVudHMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbjogMCAwIDAuNXJlbSAwLjVyZW07XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIgc2VsZWN0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdCB7XG4gICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyLjVyZW07XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICB6LWluZGV4OiAxO1xuXG4gICAgLmNhcnJldC13cmFwcGVyIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgei1pbmRleDogLTE7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAjMDAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
+    }), ";background-color:transparent;padding-right:2.5rem;appearance:none;&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}}.select-input-wrapper{position:relative;width:100%;background-color:", formElements.input.background, ";border-radius:5px;z-index:1;.carret-wrapper{position:absolute;right:0.75rem;height:100%;display:inline-flex;align-items:center;z-index:-1;svg{color:#000;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdENvbnRhaW5lciA9IChcbiAgeyBmb3JtRWxlbWVudHMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbjogMCAwIDAuNXJlbSAwLjVyZW07XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIgc2VsZWN0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cbiAgfVxuXG4gICY6Zm9jdXMtd2l0aGluLFxuICAmOmhvdmVyIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgICAgLmNhcnJldC13cmFwcGVyIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBzZWxlY3Qge1xuICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZy1yaWdodDogMi41cmVtO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gICAgfVxuICB9XG5cbiAgLnNlbGVjdC1pbnB1dC13cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAuY2FycmV0LXdyYXBwZXIge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcmlnaHQ6IDAuNzVyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB6LWluZGV4OiAtMTtcblxuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICMwMDA7XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Select/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"../Input/Input\";\n\nexport const selectContainer = (\n  { formElements }: Theme,\n  { size }: { size: InputSize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })}\n\n  label {\n    margin: 0 0 0.5rem 0.5rem;\n  }\n\n  &.error {\n    .select-input-wrapper select {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  select {\n    ${inputBaseStyles(formElements, { block: true, size })};\n    background-color: transparent;\n    padding-right: 2.5rem;\n    appearance: none;\n\n    &:hover,\n    &:focus {\n      border: 1px solid ${formElements.input.borderHoverColor};\n    }\n  }\n\n  .select-input-wrapper {\n    position: relative;\n    width: 100%;\n    background-color: ${formElements.input.background};\n    z-index: 1;\n\n    .carret-wrapper {\n      position: absolute;\n      right: 0.75rem;\n      height: 100%;\n      display: inline-flex;\n      align-items: center;\n      z-index: -1;\n\n      svg {\n        color: #000;\n      }\n    }\n  }\n`;\n"],"names":["selectContainer","formElements","size","css","inputContainerBaseStyles","block","errors","errorBorderColor","inputBaseStyles","input","borderHoverColor","background"],"mappings":";;;;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAC3BC,YAD2B,QAC3BA,YAD2B;AAAA,MAE3BC,IAF2B,SAE3BA,IAF2B;AAAA;AAAA;;AAAA;AAGRC,IAAAA,GAHQ,CAI3BC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAAD,CAJG,yFAYTJ,YAAY,CAACK,MAAb,CAAoBC,gBAZX,gBAiBzBC,eAAe,CAACP,YAAD,EAAe;AAAEI,MAAAA,KAAK,EAAE,IAAT;AAAeH,MAAAA,IAAI,EAAJA;AAAf,KAAf,CAjBU,0GAwBLD,YAAY,CAACQ,KAAb,CAAmBC,gBAxBd,6EA+BPT,YAAY,CAACQ,KAAb,CAAmBE,UA/BZ;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Select/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"../Input/Input\";\n\nexport const selectContainer = (\n  { formElements }: Theme,\n  { size }: { size: InputSize },\n): SerializedStyles => css`\n  ${inputContainerBaseStyles({ block: true })}\n\n  label {\n    margin: 0 0 0.5rem 0.5rem;\n  }\n\n  &.error {\n    .select-input-wrapper select {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n  }\n\n  &:focus-within,\n  &:hover {\n    .select-input-wrapper {\n      .carret-wrapper {\n        z-index: 1;\n      }\n    }\n  }\n\n  select {\n    ${inputBaseStyles(formElements, { block: true, size })};\n    background-color: transparent;\n    padding-right: 2.5rem;\n    appearance: none;\n\n    &:hover,\n    &:focus {\n      border: 1px solid ${formElements.input.borderHoverColor};\n    }\n  }\n\n  .select-input-wrapper {\n    position: relative;\n    width: 100%;\n    background-color: ${formElements.input.background};\n    border-radius: 5px;\n    z-index: 1;\n\n    .carret-wrapper {\n      position: absolute;\n      right: 0.75rem;\n      height: 100%;\n      display: inline-flex;\n      align-items: center;\n      z-index: -1;\n\n      svg {\n        color: #000;\n      }\n    }\n  }\n`;\n"],"names":["selectContainer","formElements","size","css","inputContainerBaseStyles","block","errors","errorBorderColor","inputBaseStyles","input","borderHoverColor","background"],"mappings":";;;;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAC3BC,YAD2B,QAC3BA,YAD2B;AAAA,MAE3BC,IAF2B,SAE3BA,IAF2B;AAAA;AAAA;;AAAA;AAGRC,IAAAA,GAHQ,CAI3BC,wBAAwB,CAAC;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAAD,CAJG,yFAYTJ,YAAY,CAACK,MAAb,CAAoBC,gBAZX,0FA0BzBC,eAAe,CAACP,YAAD,EAAe;AAAEI,MAAAA,KAAK,EAAE,IAAT;AAAeH,MAAAA,IAAI,EAAJA;AAAf,KAAf,CA1BU,0GAiCLD,YAAY,CAACQ,KAAb,CAAmBC,gBAjCd,6EAwCPT,YAAY,CAACQ,KAAb,CAAmBE,UAxCZ;AAAA;AAAA;;;;"}

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.3.1
+   * @epignosis_llc/gnosis.js v1.3.4
    * 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.3.1
+   * @epignosis_llc/gnosis.js v1.3.4
    * Released under the MIT license.
    */
 
@@ -19,7 +19,7 @@ var inputContainerBaseStyles = function inputContainerBaseStyles(_ref) {
     /*#__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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXQvSW5wdXRcIjtcblxuY29uc3QgaW5wdXRIZWlnaHQgPSB7XG4gIG1kOiBcIjIuNXJlbVwiLFxuICBsZzogXCIzcmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzID0gKHtcbiAgYmxvY2sgPSB0cnVlLFxufToge1xuICBibG9jazogYm9vbGVhbjtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtibG9jayAmJiBcIndpZHRoOiAxMDAlXCJ9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAmLmlubGluZSB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgbGFiZWwge1xuICAgICAgbWFyZ2luOiAwIDAuNzVyZW0gMCAwO1xuICAgIH1cbiAgfVxuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW46IDAgMCAwLjVyZW0gMC41cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRCYXNlU3R5bGVzID0gKFxuICBmb3JtRWxlbWVudHM6IFRoZW1lW1wiZm9ybUVsZW1lbnRzXCJdLFxuICB7IGJsb2NrLCBzaXplIH06IHsgYmxvY2s/OiBib29sZWFuOyBzaXplPzogSW5wdXRTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtzaXplICYmIGBoZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19YH07XG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbnB1dEJvcmRlckNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJvcmRlckhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQucGxhY2Vob2xkZXJDb2xvcn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;")
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMkIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXQvSW5wdXRcIjtcblxuY29uc3QgaW5wdXRIZWlnaHQgPSB7XG4gIG1kOiBcIjIuNXJlbVwiLFxuICBsZzogXCIzcmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzID0gKHtcbiAgYmxvY2sgPSB0cnVlLFxufToge1xuICBibG9jazogYm9vbGVhbjtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtibG9jayAmJiBcIndpZHRoOiAxMDAlXCJ9O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAmLmlubGluZSB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgbGFiZWwge1xuICAgICAgbWFyZ2luOiAwIDAuNzVyZW0gMCAwO1xuICAgIH1cbiAgfVxuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW46IDAgMCAwLjVyZW0gMC41cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgaW5wdXRCYXNlU3R5bGVzID0gKFxuICBmb3JtRWxlbWVudHM6IFRoZW1lW1wiZm9ybUVsZW1lbnRzXCJdLFxuICB7IGJsb2NrLCBzaXplIH06IHsgYmxvY2s/OiBib29sZWFuOyBzaXplPzogSW5wdXRTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtzaXplICYmIGBoZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19YH07XG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbnB1dEJvcmRlckNvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kRm9jdXN9O1xuICB9XG5cbiAgJjo6cGxhY2Vob2xkZXIge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQucGxhY2Vob2xkZXJDb2xvcn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainerBaseStyles;")
   );
 };
 var inputBaseStyles = function inputBaseStyles(formElements, _ref2) {
@@ -29,7 +29,7 @@ var inputBaseStyles = function inputBaseStyles(formElements, _ref2) {
     /*#__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,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}&::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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuL0lucHV0L0lucHV0XCI7XG5cbmNvbnN0IGlucHV0SGVpZ2h0ID0ge1xuICBtZDogXCIyLjVyZW1cIixcbiAgbGc6IFwiM3JlbVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyQmFzZVN0eWxlcyA9ICh7XG4gIGJsb2NrID0gdHJ1ZSxcbn06IHtcbiAgYmxvY2s6IGJvb2xlYW47XG59KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJi5pbmxpbmUge1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGxhYmVsIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtIDAgMDtcbiAgICB9XG4gIH1cblxuICBsYWJlbCB7XG4gICAgbWFyZ2luOiAwIDAgMC41cmVtIDAuNXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0QmFzZVN0eWxlcyA9IChcbiAgZm9ybUVsZW1lbnRzOiBUaGVtZVtcImZvcm1FbGVtZW50c1wiXSxcbiAgeyBibG9jaywgc2l6ZSB9OiB7IGJsb2NrPzogYm9vbGVhbjsgc2l6ZT86IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7c2l6ZSAmJiBgaGVpZ2h0OiAke2lucHV0SGVpZ2h0W3NpemVdfWB9O1xuICAke2Jsb2NrICYmIFwid2lkdGg6IDEwMCVcIn07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuaW5wdXRCb3JkZXJDb2xvcn07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LnBsYWNlaG9sZGVyQ29sb3J9O1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:inputBaseStyles;")
+    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,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}&:focus{background-color:", formElements.input.backgroundFocus, ";}&::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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuL0lucHV0L0lucHV0XCI7XG5cbmNvbnN0IGlucHV0SGVpZ2h0ID0ge1xuICBtZDogXCIyLjVyZW1cIixcbiAgbGc6IFwiM3JlbVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyQmFzZVN0eWxlcyA9ICh7XG4gIGJsb2NrID0gdHJ1ZSxcbn06IHtcbiAgYmxvY2s6IGJvb2xlYW47XG59KTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7YmxvY2sgJiYgXCJ3aWR0aDogMTAwJVwifTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgJi5pbmxpbmUge1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGxhYmVsIHtcbiAgICAgIG1hcmdpbjogMCAwLjc1cmVtIDAgMDtcbiAgICB9XG4gIH1cblxuICBsYWJlbCB7XG4gICAgbWFyZ2luOiAwIDAgMC41cmVtIDAuNXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGlucHV0QmFzZVN0eWxlcyA9IChcbiAgZm9ybUVsZW1lbnRzOiBUaGVtZVtcImZvcm1FbGVtZW50c1wiXSxcbiAgeyBibG9jaywgc2l6ZSB9OiB7IGJsb2NrPzogYm9vbGVhbjsgc2l6ZT86IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7c2l6ZSAmJiBgaGVpZ2h0OiAke2lucHV0SGVpZ2h0W3NpemVdfWB9O1xuICAke2Jsb2NrICYmIFwid2lkdGg6IDEwMCVcIn07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuaW5wdXRCb3JkZXJDb2xvcn07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5ob3ZlckNvbG9yfTtcbiAgfVxuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJvcmRlckhvdmVyQ29sb3J9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZEZvY3VzfTtcbiAgfVxuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LnBsYWNlaG9sZGVyQ29sb3J9O1xuICB9XG5gO1xuIl19 */", 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  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  &:focus {\n    border: 1px solid ${formElements.input.borderHoverColor};\n  }\n\n  &::placeholder {\n    font-style: italic;\n    color: ${formElements.input.placeholderColor};\n  }\n`;\n"],"names":["inputHeight","md","lg","inputContainerBaseStyles","block","css","inputBaseStyles","formElements","size","input","background","inputBorderColor","borderHoverColor","placeholderColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,EAAE,EAAE,QADc;AAElBC,EAAAA,EAAE,EAAE;AAFc,CAApB;IAKaC,wBAAwB,GAAG,SAA3BA,wBAA2B;AAAA,wBACtCC,KADsC;AAAA,MACtCA,KADsC,2BAC9B,IAD8B;AAAA;AAAA;;AAAA;AAIhBC,IAAAA,GAJgB,CAKpCD,KAAK,IAAI,aAL2B;AAAA;AAAA;IAuB3BE,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,YAD6B;AAAA,MAE3BH,KAF2B,SAE3BA,KAF2B;AAAA,MAEpBI,IAFoB,SAEpBA,IAFoB;AAAA;AAAA;;AAAA;AAGRH,IAAAA,GAHQ,CAI3BG,IAAI,sBAAeR,WAAW,CAACQ,IAAD,CAA1B,CAJuB,OAK3BJ,KAAK,IAAI,aALkB,6CAOTG,YAAY,CAACE,KAAb,CAAmBC,UAPV,0CASTH,YAAY,CAACE,KAAb,CAAmBE,gBATV,0DAcPJ,YAAY,CAACE,KAAb,CAAmBG,gBAdZ,+CAmBlBL,YAAY,CAACE,KAAb,CAAmBI,gBAnBD;AAAA;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  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  &:focus {\n    border: 1px solid ${formElements.input.borderHoverColor};\n  }\n\n  &:focus {\n    background-color: ${formElements.input.backgroundFocus};\n  }\n\n  &::placeholder {\n    font-style: italic;\n    color: ${formElements.input.placeholderColor};\n  }\n`;\n"],"names":["inputHeight","md","lg","inputContainerBaseStyles","block","css","inputBaseStyles","formElements","size","input","background","inputBorderColor","hoverColor","borderHoverColor","backgroundFocus","placeholderColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,EAAE,EAAE,QADc;AAElBC,EAAAA,EAAE,EAAE;AAFc,CAApB;IAKaC,wBAAwB,GAAG,SAA3BA,wBAA2B;AAAA,wBACtCC,KADsC;AAAA,MACtCA,KADsC,2BAC9B,IAD8B;AAAA;AAAA;;AAAA;AAIhBC,IAAAA,GAJgB,CAKpCD,KAAK,IAAI,aAL2B;AAAA;AAAA;IAuB3BE,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,YAD6B;AAAA,MAE3BH,KAF2B,SAE3BA,KAF2B;AAAA,MAEpBI,IAFoB,SAEpBA,IAFoB;AAAA;AAAA;;AAAA;AAGRH,IAAAA,GAHQ,CAI3BG,IAAI,sBAAeR,WAAW,CAACQ,IAAD,CAA1B,CAJuB,OAK3BJ,KAAK,IAAI,aALkB,6CAOTG,YAAY,CAACE,KAAb,CAAmBC,UAPV,0CASTH,YAAY,CAACE,KAAb,CAAmBE,gBATV,4CAabJ,YAAY,CAACE,KAAb,CAAmBG,UAbN,yCAkBPL,YAAY,CAACE,KAAb,CAAmBI,gBAlBZ,iCAsBPN,YAAY,CAACE,KAAb,CAAmBK,eAtBZ,+CA2BlBP,YAAY,CAACE,KAAb,CAAmBM,gBA3BD;AAAA;AAAA;;;;"}

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

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

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

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

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.3.1
+   * @epignosis_llc/gnosis.js v1.3.4
    * 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.3.1
+   * @epignosis_llc/gnosis.js v1.3.4
    * Released under the MIT license.
    */
 

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

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

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

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

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

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

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

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

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

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

package/dist/esm/src/components/MediaPlayer/VideoPlayer/styles.js

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

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

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

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

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

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

@@ -2,81 +2,83 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v1.3.1
+   * @epignosis_llc/gnosis.js v1.3.4
    * Released under the MIT license.
    */
 
-import { extends as _extends, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import '../../../node_modules/core-js/modules/es.parse-int.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../node_modules/core-js/modules/es.array.map.js';
-import React__default from 'react';
+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 'react';
+import classNames from '../../../node_modules/classnames/index.js';
 import Button from '../Button/Button.js';
-import Select from '../FormElements/Select/Select.js';
 import SvgArrowRight from '../../icons/arrow_right.svg.js';
 import SvgArrowLeft from '../../icons/arrow_left.svg.js';
 import { container } from './styles.js';
+import { usePagination, ellipsis } from './usePagination.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var Pagination = function Pagination(_ref) {
   var current = _ref.current,
-      _onChange = _ref.onChange,
+      onChange = _ref.onChange,
       totalPages = _ref.totalPages,
-      _ref$responsiveView = _ref.responsiveView,
-      responsiveView = _ref$responsiveView === void 0 ? false : _ref$responsiveView,
       containerAttrs = _ref.containerAttrs;
+  var paginationRange = usePagination(current, totalPages);
+
+  var classNamesContainer = function classNamesContainer(pageNumber) {
+    return classNames({
+      isActive: pageNumber === current
+    });
+  };
+
   return jsx("div", _extends({
     css: container
-  }, containerAttrs), current > 1 && jsx(React__default.Fragment, null, !responsiveView ? jsx(Button, {
+  }, containerAttrs), jsx(Button, {
     className: "previous-page-btn",
     "data-testid": "previous-page-btn",
     name: "Previous page",
     onClick: function onClick() {
-      return _onChange(current - 1);
-    }
-  }, "Previous") : jsx(Button, {
-    className: "mobile-pagination mobile-previous-page-btn",
+      return onChange(current - 1);
+    },
+    color: "secondary",
     noGutters: true,
-    name: "Previous page",
-    onClick: function onClick() {
-      return _onChange(current - 1);
-    }
+    disabled: current === 1
   }, jsx(SvgArrowLeft, {
-    height: 24,
-    "data-testid": "arrow-left"
-  }))), jsx("div", null, "Page"), jsx("div", {
-    className: "current-page"
-  }, jsx(Select, {
-    id: "page-selection",
-    "data-testid": "pagination-page",
-    value: current,
-    onChange: function onChange(value) {
-      return _onChange(parseInt(value));
+    height: 22
+  })), jsx("div", {
+    className: "pagination-options"
+  }, paginationRange.map(function (pageNumber) {
+    if (pageNumber === ellipsis) {
+      return ellipsis;
     }
-  }, _toConsumableArray(Array(totalPages)).map(function (_, index) {
-    return jsx("option", {
-      key: index + 1,
-      value: index + 1
-    }, index + 1);
-  }))), jsx("div", {
-    className: "total-pages"
-  }, "of ", totalPages), current < totalPages && jsx(React__default.Fragment, null, !responsiveView ? jsx(Button, {
+
+    return jsx(Button, {
+      type: "button",
+      key: pageNumber,
+      id: pageNumber.toString(),
+      "data-testid": "pagination-page",
+      onClick: function onClick() {
+        return onChange(pageNumber);
+      },
+      variant: "ghost",
+      noGutters: true,
+      className: classNamesContainer(pageNumber)
+    }, pageNumber);
+  })), jsx(Button, {
     className: "next-page-btn",
     "data-testid": "next-page-btn",
     name: "Next page",
     onClick: function onClick() {
-      return _onChange(current + 1);
-    }
-  }, "Next") : jsx(Button, {
-    className: "mobile-pagination mobile-next-page-btn",
+      return onChange(current + 1);
+    },
+    color: "secondary",
     noGutters: true,
-    name: "Next page",
-    onClick: function onClick() {
-      return _onChange(current + 1);
-    }
+    disabled: current === totalPages
   }, jsx(SvgArrowRight, {
-    height: 24,
-    "data-testid": "arrow-right"
-  }))));
+    height: 22
+  })));
 };
 
 export { Pagination as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport Button from \"../Button/Button\";\nimport Select from \"../FormElements/Select/Select\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  responsiveView?: boolean;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nconst Pagination: FC<PaginationProps> = ({\n  current,\n  onChange,\n  totalPages,\n  responsiveView = false,\n  containerAttrs,\n}) => {\n  return (\n    <div css={container} {...containerAttrs}>\n      {current > 1 && (\n        <>\n          {!responsiveView ? (\n            <Button\n              className=\"previous-page-btn\"\n              data-testid=\"previous-page-btn\"\n              name=\"Previous page\"\n              onClick={(): void => onChange(current - 1)}\n            >\n              Previous\n            </Button>\n          ) : (\n            <Button\n              className=\"mobile-pagination mobile-previous-page-btn\"\n              noGutters\n              name=\"Previous page\"\n              onClick={(): void => onChange(current - 1)}\n            >\n              <ArrowLeftSVG height={24} data-testid=\"arrow-left\" />\n            </Button>\n          )}\n        </>\n      )}\n      <div>Page</div>\n      <div className=\"current-page\">\n        <Select\n          id=\"page-selection\"\n          data-testid=\"pagination-page\"\n          value={current}\n          onChange={(value): void => onChange(parseInt(value))}\n        >\n          {[...Array(totalPages)].map((_, index) => (\n            <option key={index + 1} value={index + 1}>\n              {index + 1}\n            </option>\n          ))}\n        </Select>\n      </div>\n      <div className=\"total-pages\">of {totalPages}</div>\n      {current < totalPages && (\n        <>\n          {!responsiveView ? (\n            <Button\n              className=\"next-page-btn\"\n              data-testid=\"next-page-btn\"\n              name=\"Next page\"\n              onClick={(): void => onChange(current + 1)}\n            >\n              Next\n            </Button>\n          ) : (\n            <Button\n              className=\"mobile-pagination mobile-next-page-btn\"\n              noGutters\n              name=\"Next page\"\n              onClick={(): void => onChange(current + 1)}\n            >\n              <ArrowRightSVG height={24} data-testid=\"arrow-right\" />\n            </Button>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","responsiveView","containerAttrs","___EmotionJSX","container","ArrowLeftSVG","value","parseInt","Array","map","_","index","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;IAcMA,UAA+B,GAAG,SAAlCA,UAAkC,OAMlC;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,SAII,QAJJA,QAII;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,iCAFJC,cAEI;AAAA,MAFJA,cAEI,oCAFa,KAEb;AAAA,MADJC,cACI,QADJA,cACI;AACJ,SACEC;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAyBF,cAAzB,GACGJ,OAAO,GAAG,CAAV,IACCK,mCACG,CAACF,cAAD,GACCE,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,mBAAY,mBAFd;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYJ,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,gBADD,GAUCK,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYJ,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,KAMEK,IAACE,YAAD;AAAc,IAAA,MAAM,EAAE,EAAtB;AAA0B,mBAAY;AAAtC,IANF,CAXJ,CAFJ,EAwBEF,wBAxBF,EAyBEA;AAAK,IAAA,SAAS,EAAC;AAAf,KACEA,IAAC,MAAD;AACE,IAAA,EAAE,EAAC,gBADL;AAEE,mBAAY,iBAFd;AAGE,IAAA,KAAK,EAAEL,OAHT;AAIE,IAAA,QAAQ,EAAE,kBAACQ,KAAD;AAAA,aAAiBP,SAAQ,CAACQ,QAAQ,CAACD,KAAD,CAAT,CAAzB;AAAA;AAJZ,KAMG,mBAAIE,KAAK,CAACR,UAAD,CAAT,EAAuBS,GAAvB,CAA2B,UAACC,CAAD,EAAIC,KAAJ;AAAA,WAC1BR;AAAQ,MAAA,GAAG,EAAEQ,KAAK,GAAG,CAArB;AAAwB,MAAA,KAAK,EAAEA,KAAK,GAAG;AAAvC,OACGA,KAAK,GAAG,CADX,CAD0B;AAAA,GAA3B,CANH,CADF,CAzBF,EAuCER;AAAK,IAAA,SAAS,EAAC;AAAf,YAAiCH,UAAjC,CAvCF,EAwCGF,OAAO,GAAGE,UAAV,IACCG,mCACG,CAACF,cAAD,GACCE,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,mBAAY,eAFd;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYJ,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,YADD,GAUCK,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,wCADZ;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYJ,SAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA;AAJX,KAMEK,IAACS,aAAD;AAAe,IAAA,MAAM,EAAE,EAAvB;AAA2B,mBAAY;AAAvC,IANF,CAXJ,CAzCJ,CADF;AAkED;;;;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport Button from \"../Button/Button\";\nimport { ArrowLeftSVG, ArrowRightSVG } from \"../../icons/\";\nimport { container } from \"./styles\";\nimport { usePagination, ellipsis } from \"./usePagination\";\n\nexport type PaginationProps = {\n  current: number;\n  totalPages: number;\n  onChange: (page: number) => void;\n  containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n};\n\nconst Pagination: FC<PaginationProps> = ({ current, onChange, totalPages, containerAttrs }) => {\n  const paginationRange = usePagination(current, totalPages);\n\n  const classNamesContainer = (pageNumber: number) =>\n    classNames({\n      isActive: pageNumber === current,\n    });\n\n  return (\n    <div css={container} {...containerAttrs}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => onChange(current - 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === 1}\n      >\n        <ArrowLeftSVG height={22} />\n      </Button>\n\n      <div className=\"pagination-options\">\n        {paginationRange.map((pageNumber) => {\n          if (pageNumber === ellipsis) {\n            return ellipsis;\n          }\n\n          return (\n            <Button\n              type=\"button\"\n              key={pageNumber}\n              id={pageNumber.toString()}\n              data-testid=\"pagination-page\"\n              onClick={(): void => onChange(pageNumber as number)}\n              variant=\"ghost\"\n              noGutters\n              className={classNamesContainer(pageNumber as number)}\n            >\n              {pageNumber}\n            </Button>\n          );\n        })}\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => onChange(current + 1)}\n        color=\"secondary\"\n        noGutters\n        disabled={current === totalPages}\n      >\n        <ArrowRightSVG height={22} />\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","current","onChange","totalPages","containerAttrs","paginationRange","usePagination","classNamesContainer","pageNumber","classNames","isActive","___EmotionJSX","container","ArrowLeftSVG","map","ellipsis","toString","ArrowRightSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAcMA,UAA+B,GAAG,SAAlCA,UAAkC,OAAuD;AAAA,MAApDC,OAAoD,QAApDA,OAAoD;AAAA,MAA3CC,QAA2C,QAA3CA,QAA2C;AAAA,MAAjCC,UAAiC,QAAjCA,UAAiC;AAAA,MAArBC,cAAqB,QAArBA,cAAqB;AAC7F,MAAMC,eAAe,GAAGC,aAAa,CAACL,OAAD,EAAUE,UAAV,CAArC;;AAEA,MAAMI,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,UAAD;AAAA,WAC1BC,UAAU,CAAC;AACTC,MAAAA,QAAQ,EAAEF,UAAU,KAAKP;AADhB,KAAD,CADgB;AAAA,GAA5B;;AAKA,SACEU;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAyBR,cAAzB,GACEO,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,mBAAY,mBAFd;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYT,QAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA,KAJX;AAKE,IAAA,KAAK,EAAC,WALR;AAME,IAAA,SAAS,MANX;AAOE,IAAA,QAAQ,EAAEA,OAAO,KAAK;AAPxB,KASEU,IAACE,YAAD;AAAc,IAAA,MAAM,EAAE;AAAtB,IATF,CADF,EAaEF;AAAK,IAAA,SAAS,EAAC;AAAf,KACGN,eAAe,CAACS,GAAhB,CAAoB,UAACN,UAAD,EAAgB;AACnC,QAAIA,UAAU,KAAKO,QAAnB,EAA6B;AAC3B,aAAOA,QAAP;AACD;;AAED,WACEJ,IAAC,MAAD;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,GAAG,EAAEH,UAFP;AAGE,MAAA,EAAE,EAAEA,UAAU,CAACQ,QAAX,EAHN;AAIE,qBAAY,iBAJd;AAKE,MAAA,OAAO,EAAE;AAAA,eAAYd,QAAQ,CAACM,UAAD,CAApB;AAAA,OALX;AAME,MAAA,OAAO,EAAC,OANV;AAOE,MAAA,SAAS,MAPX;AAQE,MAAA,SAAS,EAAED,mBAAmB,CAACC,UAAD;AARhC,OAUGA,UAVH,CADF;AAcD,GAnBA,CADH,CAbF,EAoCEG,IAAC,MAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,mBAAY,eAFd;AAGE,IAAA,IAAI,EAAC,WAHP;AAIE,IAAA,OAAO,EAAE;AAAA,aAAYT,QAAQ,CAACD,OAAO,GAAG,CAAX,CAApB;AAAA,KAJX;AAKE,IAAA,KAAK,EAAC,WALR;AAME,IAAA,SAAS,MANX;AAOE,IAAA,QAAQ,EAAEA,OAAO,KAAKE;AAPxB,KASEQ,IAACM,aAAD;AAAe,IAAA,MAAM,EAAE;AAAvB,IATF,CApCF,CADF;AAkDD;;;;"}