imbric-theme 1.1.4 → 1.1.6

package/.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-    "editor.formatOnSave": true
+    "editor.formatOnSave": true,
+    "svg.preview.background": "transparent"
 }

package/atoms/Icon/Group 4.svg

@@ -0,0 +1,12 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 9.75C2.51421 9.75 1.5 10.7642 1.5 12V15C1.5 15.4108 1.83921 15.75 2.25 15.75H18.75C19.1608 15.75 19.5 15.4108 19.5 15V12C19.5 10.7642 18.4858 9.75 17.25 9.75H3.75ZM0 12C0 9.93579 1.68579 8.25 3.75 8.25H17.25C19.3142 8.25 21 9.93579 21 12V15C21 16.2392 19.9892 17.25 18.75 17.25H2.25C1.01079 17.25 0 16.2392 0 15V12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.2 4.5C6.31688 4.5 5.52796 5.05537 5.18936 5.84544L5.18781 5.84905L5.1878 5.84904L4.14391 8.25H16.8561L15.8207 5.86858C15.4017 5.04487 14.5957 4.5 13.725 4.5H7.2ZM3.81146 5.25265C4.37332 3.94371 5.68387 3 7.2 3H13.725C15.2484 3 16.5374 3.9477 17.1708 5.21459C17.1768 5.22656 17.1825 5.23868 17.1878 5.25096L18.6878 8.70096C18.7886 8.93279 18.7658 9.19981 18.6272 9.41123C18.4886 9.62264 18.2528 9.75 18 9.75H3C2.7472 9.75 2.51141 9.62264 2.37279 9.41123C2.23418 9.19981 2.2114 8.93279 2.3122 8.70096L3.81146 5.25265Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 16.5C0.75 16.0858 1.08579 15.75 1.5 15.75H6C6.41421 15.75 6.75 16.0858 6.75 16.5V18C6.75 19.2392 5.73921 20.25 4.5 20.25H3C1.76079 20.25 0.75 19.2392 0.75 18V16.5ZM2.25 17.25V18C2.25 18.4108 2.58921 18.75 3 18.75H4.5C4.91079 18.75 5.25 18.4108 5.25 18V17.25H2.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.25 16.5C14.25 16.0858 14.5858 15.75 15 15.75H19.5C19.9142 15.75 20.25 16.0858 20.25 16.5V18C20.25 19.2392 19.2392 20.25 18 20.25H16.5C15.2608 20.25 14.25 19.2392 14.25 18V16.5ZM15.75 17.25V18C15.75 18.4108 16.0892 18.75 16.5 18.75H18C18.4108 18.75 18.75 18.4108 18.75 18V17.25H15.75Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 8.25C0 7.83579 0.335786 7.5 0.75 7.5H3.3C3.71421 7.5 4.05 7.83579 4.05 8.25C4.05 8.66421 3.71421 9 3.3 9H0.75C0.335786 9 0 8.66421 0 8.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.25 8.25C17.25 7.83579 17.5858 7.5 18 7.5H20.25C20.6642 7.5 21 7.83579 21 8.25C21 8.66421 20.6642 9 20.25 9H18C17.5858 9 17.25 8.66421 17.25 8.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.15 14.25C8.79745 14.25 8.57676 14.4165 8.48936 14.6204C8.48494 14.6308 8.48029 14.641 8.47541 14.6511L7.94489 15.75H13.0177L12.4588 14.6696C12.4505 14.6535 12.4428 14.6371 12.4356 14.6204C12.3482 14.4165 12.1276 14.25 11.775 14.25H9.15ZM7.11805 14.0125C7.48445 13.1777 8.30828 12.75 9.15 12.75H11.775C12.6132 12.75 13.4336 13.1741 13.8023 14.002L14.9162 16.1554C15.0364 16.3879 15.0268 16.6663 14.8907 16.8899C14.7546 17.1135 14.5118 17.25 14.25 17.25H6.75C6.49192 17.25 6.25197 17.1173 6.11477 16.8987C5.97756 16.6801 5.96239 16.4064 6.07459 16.1739L7.11805 14.0125Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 12.75C2.25 12.3358 2.58579 12 3 12H5.25C5.66421 12 6 12.3358 6 12.75C6 13.1642 5.66421 13.5 5.25 13.5H3C2.58579 13.5 2.25 13.1642 2.25 12.75Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 12.75C15 12.3358 15.3358 12 15.75 12H18C18.4142 12 18.75 12.3358 18.75 12.75C18.75 13.1642 18.4142 13.5 18 13.5H15.75C15.3358 13.5 15 13.1642 15 12.75Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8264 1.53676L8.46059 3H12.5394L12.1724 1.5319C12.1698 1.52155 12.1674 1.51115 12.1653 1.5007C12.1611 1.50029 12.156 1.5 12.15 1.5H8.85992C8.85766 1.5014 8.85448 1.50362 8.8506 1.50694C8.84234 1.51402 8.83491 1.52277 8.82972 1.53098C8.82806 1.53359 8.827 1.53555 8.8264 1.53676ZM7.3724 1.1681C7.51639 0.592121 8.07457 0 8.85001 0H12.15C12.8491 0 13.4739 0.44336 13.6313 1.18283L14.2276 3.5681C14.2836 3.79215 14.2333 4.02952 14.0912 4.21156C13.949 4.3936 13.731 4.5 13.5 4.5H7.50001C7.26906 4.5 7.05098 4.3936 6.90885 4.21156C6.76672 4.02952 6.71639 3.79215 6.7724 3.5681L7.3724 1.1681Z" fill="black"/>
+</svg>

package/atoms/Icon/constants.js

@@ -1777,6 +1777,102 @@ export const iconsMap = {
       </>
     ),
   },
+  iconTaxi: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+        >
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M3.75 9.75C2.51421 9.75 1.5 10.7642 1.5 12V15C1.5 15.4108 1.83921 15.75 2.25 15.75H18.75C19.1608 15.75 19.5 15.4108 19.5 15V12C19.5 10.7642 18.4858 9.75 17.25 9.75H3.75ZM0 12C0 9.93579 1.68579 8.25 3.75 8.25H17.25C19.3142 8.25 21 9.93579 21 12V15C21 16.2392 19.9892 17.25 18.75 17.25H2.25C1.01079 17.25 0 16.2392 0 15V12Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M7.2 4.5C6.31688 4.5 5.52796 5.05537 5.18936 5.84544L5.18781 5.84905L5.1878 5.84904L4.14391 8.25H16.8561L15.8207 5.86858C15.4017 5.04487 14.5957 4.5 13.725 4.5H7.2ZM3.81146 5.25265C4.37332 3.94371 5.68387 3 7.2 3H13.725C15.2484 3 16.5374 3.9477 17.1708 5.21459C17.1768 5.22656 17.1825 5.23868 17.1878 5.25096L18.6878 8.70096C18.7886 8.93279 18.7658 9.19981 18.6272 9.41123C18.4886 9.62264 18.2528 9.75 18 9.75H3C2.7472 9.75 2.51141 9.62264 2.37279 9.41123C2.23418 9.19981 2.2114 8.93279 2.3122 8.70096L3.81146 5.25265Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M0.75 16.5C0.75 16.0858 1.08579 15.75 1.5 15.75H6C6.41421 15.75 6.75 16.0858 6.75 16.5V18C6.75 19.2392 5.73921 20.25 4.5 20.25H3C1.76079 20.25 0.75 19.2392 0.75 18V16.5ZM2.25 17.25V18C2.25 18.4108 2.58921 18.75 3 18.75H4.5C4.91079 18.75 5.25 18.4108 5.25 18V17.25H2.25Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M14.25 16.5C14.25 16.0858 14.5858 15.75 15 15.75H19.5C19.9142 15.75 20.25 16.0858 20.25 16.5V18C20.25 19.2392 19.2392 20.25 18 20.25H16.5C15.2608 20.25 14.25 19.2392 14.25 18V16.5ZM15.75 17.25V18C15.75 18.4108 16.0892 18.75 16.5 18.75H18C18.4108 18.75 18.75 18.4108 18.75 18V17.25H15.75Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M0 8.25C0 7.83579 0.335786 7.5 0.75 7.5H3.3C3.71421 7.5 4.05 7.83579 4.05 8.25C4.05 8.66421 3.71421 9 3.3 9H0.75C0.335786 9 0 8.66421 0 8.25Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M17.25 8.25C17.25 7.83579 17.5858 7.5 18 7.5H20.25C20.6642 7.5 21 7.83579 21 8.25C21 8.66421 20.6642 9 20.25 9H18C17.5858 9 17.25 8.66421 17.25 8.25Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M9.15 14.25C8.79745 14.25 8.57676 14.4165 8.48936 14.6204C8.48494 14.6308 8.48029 14.641 8.47541 14.6511L7.94489 15.75H13.0177L12.4588 14.6696C12.4505 14.6535 12.4428 14.6371 12.4356 14.6204C12.3482 14.4165 12.1276 14.25 11.775 14.25H9.15ZM7.11805 14.0125C7.48445 13.1777 8.30828 12.75 9.15 12.75H11.775C12.6132 12.75 13.4336 13.1741 13.8023 14.002L14.9162 16.1554C15.0364 16.3879 15.0268 16.6663 14.8907 16.8899C14.7546 17.1135 14.5118 17.25 14.25 17.25H6.75C6.49192 17.25 6.25197 17.1173 6.11477 16.8987C5.97756 16.6801 5.96239 16.4064 6.07459 16.1739L7.11805 14.0125Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M2.25 12.75C2.25 12.3358 2.58579 12 3 12H5.25C5.66421 12 6 12.3358 6 12.75C6 13.1642 5.66421 13.5 5.25 13.5H3C2.58579 13.5 2.25 13.1642 2.25 12.75Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15 12.75C15 12.3358 15.3358 12 15.75 12H18C18.4142 12 18.75 12.3358 18.75 12.75C18.75 13.1642 18.4142 13.5 18 13.5H15.75C15.3358 13.5 15 13.1642 15 12.75Z"
+            fill="black"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M8.8264 1.53676L8.46059 3H12.5394L12.1724 1.5319C12.1698 1.52155 12.1674 1.51115 12.1653 1.5007C12.1611 1.50029 12.156 1.5 12.15 1.5H8.85992C8.85766 1.5014 8.85448 1.50362 8.8506 1.50694C8.84234 1.51402 8.83491 1.52277 8.82972 1.53098C8.82806 1.53359 8.827 1.53555 8.8264 1.53676ZM7.3724 1.1681C7.51639 0.592121 8.07457 0 8.85001 0H12.15C12.8491 0 13.4739 0.44336 13.6313 1.18283L14.2276 3.5681C14.2836 3.79215 14.2333 4.02952 14.0912 4.21156C13.949 4.3936 13.731 4.5 13.5 4.5H7.50001C7.26906 4.5 7.05098 4.3936 6.90885 4.21156C6.76672 4.02952 6.71639 3.79215 6.7724 3.5681L7.3724 1.1681Z"
+            fill="black"
+          />
+        </svg>
+      </>
+    ),
+  },
+  iconFilter: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+        >
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M19.3394 4C19.8867 4 20.3303 4.43355 20.3303 4.96835V7.47614H23.0092C23.5564 7.47614 24 7.90969 24 8.4445C24 8.97931 23.5564 9.41285 23.0092 9.41285H20.3303V11.9206C20.3303 12.4555 19.8867 12.889 19.3394 12.889C18.7922 12.889 18.3486 12.4555 18.3486 11.9206V9.41285H15.6697C15.1225 9.41285 14.6789 8.97931 14.6789 8.4445C14.6789 7.90969 15.1225 7.47614 15.6697 7.47614H18.3486V4.96835C18.3486 4.43355 18.7922 4 19.3394 4ZM0 8.4445C0 7.90969 0.443608 7.47614 0.990826 7.47614H10.7768C11.324 7.47614 11.7676 7.90969 11.7676 8.4445C11.7676 8.97931 11.324 9.41285 10.7768 9.41285H0.990826C0.443608 9.41285 0 8.97931 0 8.4445ZM3.66972 14.2381C3.66972 13.7033 4.11333 13.2697 4.66055 13.2697H15.6697C16.2169 13.2697 16.6605 13.7033 16.6605 14.2381C16.6605 14.7729 16.2169 15.2064 15.6697 15.2064H4.66055C4.11333 15.2064 3.66972 14.7729 3.66972 14.2381ZM8.56269 20.0316C8.56269 19.4968 9.0063 19.0633 9.55352 19.0633H12C12.5472 19.0633 12.9908 19.4968 12.9908 20.0316C12.9908 20.5665 12.5472 21 12 21H9.55352C9.0063 21 8.56269 20.5665 8.56269 20.0316Z"
+            fill="black"
+          />
+        </svg>
+      </>
+    ),
+  },
 }
 
 export const options = {

package/atoms/Icon/public-transport-taxi-car-cab-svgrepo-com.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 32 32" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st1{fill:none;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<path class="st0" d="M27,25H5c-1.1,0-2-0.9-2-2v-4c0-2.2,1.8-4,4-4h18c2.2,0,4,1.8,4,4v4C29,24.1,28.1,25,27,25z"/>
+<path class="st0" d="M26,15H6l2-4.6C8.6,9,10,8,11.6,8h8.7c1.6,0,3,1,3.7,2.4L26,15z"/>
+<path class="st0" d="M10,25H4v2c0,1.1,0.9,2,2,2h2c1.1,0,2-0.9,2-2V25z"/>
+<path class="st0" d="M28,25h-6v2c0,1.1,0.9,2,2,2h2c1.1,0,2-0.9,2-2V25z"/>
+<line class="st0" x1="3" y1="14" x2="6.4" y2="14"/>
+<line class="st0" x1="26" y1="14" x2="29" y2="14"/>
+<path class="st0" d="M21,25H11l1.4-2.9c0.3-0.7,1-1.1,1.8-1.1h3.5c0.8,0,1.5,0.4,1.8,1.1L21,25z"/>
+<line class="st0" x1="6" y1="20" x2="9" y2="20"/>
+<line class="st0" x1="23" y1="20" x2="26" y2="20"/>
+<path class="st0" d="M20,8h-8l0.8-3.2c0.1-0.4,0.5-0.8,1-0.8h4.4c0.5,0,0.9,0.3,1,0.8L20,8z"/>
+</svg>

package/atoms/Icon/taxi-svgrepo-com.svg

@@ -0,0 +1,11 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 470 470" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 470 470">
+  <g>
+    <path d="m63.819,238.587h342.361c4.143,0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-342.361c-4.143,0-7.5,3.358-7.5,7.5s3.358,7.5 7.5,7.5z"/>
+    <path d="m463.47,258.624l-19.39-30.53-7.263-29.174h15.683c4.143,0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-19.417l-19.566-78.595c-4.857-19.514-24.416-34.8-44.524-34.8h-51.039l-9.898-39.756c-2.826-11.352-14.203-20.244-25.901-20.244h-94.307c-11.698,0-23.075,8.892-25.902,20.244l-9.897,39.756h-51.039c-20.108,0-39.667,15.286-44.524,34.8l-19.569,78.595h-19.417c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5 7.5,7.5h15.683l-7.263,29.174-19.39,30.53c-3.722,5.861-6.53,15.518-6.53,22.463v108.638c0,4.142 3.357,7.5 7.5,7.5h2.5v54.75c0,4.142 3.357,7.5 7.5,7.5h78.911c4.143,0 7.5-3.358 7.5-7.5v-32.25c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v24.75h-63.911v-47.25h106.953c0.012,0 206.208,0 206.208,0 0.068,0 106.839,0 106.839,0v47.25h-63.911v-24.75c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v32.25c0,4.142 3.357,7.5 7.5,7.5h78.911c4.143,0 7.5-3.358 7.5-7.5v-54.75h2.5c4.143,0 7.5-3.358 7.5-7.5v-108.638c0-6.945-2.808-16.602-6.53-22.463zm-286.97-224.231c1.156-4.641 6.564-8.868 11.347-8.868h94.307c4.782,0 10.19,4.227 11.346,8.868l8.995,36.132h-134.989l8.994-36.132zm-161.5,246.694c0-4.093 1.998-10.966 4.192-14.421l20.042-31.558c0.433-0.681 0.752-1.427 0.947-2.209l30.857-123.95c3.161-12.697 16.885-23.424 29.969-23.424h211.054c0.055,0 56.93,0 56.93,0 13.084,0 26.808,10.727 29.969,23.424l30.857,123.95c0.195,0.782 0.515,1.528 0.947,2.209l20.042,31.559c2.194,3.454 4.192,10.327 4.192,14.42v101.138h-111.733l-18.115-45.328c-1.139-2.849-3.897-4.717-6.965-4.717h-166.371c-3.067,0-5.826,1.868-6.965,4.717l-18.115,45.328h-111.734v-101.138zm312.111,101.138h-184.222l14.005-35.045h156.213l14.004,35.045z"/>
+    <path d="m37.5,344.681h28.221c22.357,0 40.547-18.189 40.547-40.547 0-22.357-18.189-40.547-40.547-40.547h-22.683c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5 7.5,7.5h22.683c14.087,0 25.547,11.46 25.547,25.547 0,14.087-11.46,25.547-25.547,25.547h-28.221c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5 7.5,7.5z"/>
+    <path d="m363.732,304.134c0,22.358 18.189,40.547 40.547,40.547h28.221c4.143,0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-28.221c-14.087,0-25.547-11.46-25.547-25.547 0-14.086 11.461-25.547 25.548-25.547h22.682c4.143,0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-22.682c-22.358,0-40.548,18.189-40.548,40.547z"/>
+    <path d="m273.706,40.525h-77.413c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5 7.5,7.5h77.413c4.143,0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5z"/>
+  </g>
+</svg>

package/atoms/Input/Input.js

@@ -7,7 +7,6 @@ import withStyles from '../../hocs/withStyles'
 import Icon from '../Icon'
 import { Horizontal } from '../../layout/Spacer/components'
 
-
 // const handleChange = ({ onChange }) => () => {
 //   onChange()
 // }
@@ -52,7 +51,6 @@ export const Input = ({
   inputExtra,
   cleanSelected,
 }) => {
-
   const onClickDeleteInput = (results, id) => {
     console.log('hola')
     console.log(id)
@@ -67,7 +65,6 @@ export const Input = ({
     if (cleanSelected) {
       cleanSelected()
     }
-
   }
 
   const pulsar = (e, id) => {
@@ -80,11 +77,8 @@ export const Input = ({
 
   return (
     <>
-
-      {isViewIcon ?
-
+      {isViewIcon ? (
         <div className={getStyles('box-icon-input')}>
-
           <Icon
             id={idIcon}
             name={nameIcon}
@@ -120,123 +114,125 @@ export const Input = ({
             min={min}
             accept={accept}
           ></input>
+        </div>
+      ) : type === 'password' ? (
+        <div className={getStyles('box-icon-input')}>
+          <input
+            className={getStyles('input', {
+              'is-inline': isInline,
+              'is-inline-code': isInlineCode,
+              'is-input-filter': isInputFilter,
+              'is-input-secondary': isInputSecondary,
+              'is-date': isDate,
+            })}
+            readOnly={readonly}
+            type={type}
+            id={id}
+            value={value}
+            placeholder={placeholder}
+            onChange={onChange}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            onClick={onClick}
+            onKeyDown={onKeyDown}
+            autoComplete={autoComplete}
+            disabled={disabled}
+            min={min}
+            onInput={onInput}
+            accept={accept}
+          ></input>
 
-        </div> :
-
-        type === 'password' ?
-
-          <div className={getStyles('box-icon-input')}>
-
-            <input
-              className={getStyles('input', {
-                'is-inline': isInline,
-                'is-inline-code': isInlineCode,
-                'is-input-filter': isInputFilter,
-                'is-input-secondary': isInputSecondary,
-                'is-date': isDate,
-              })}
-              readOnly={readonly}
-              type={type}
-              id={id}
-              value={value}
-              placeholder={placeholder}
-              onChange={onChange}
-              onFocus={onFocus}
-              onBlur={onBlur}
-              onClick={onClick}
-              onKeyDown={onKeyDown}
-              autoComplete={autoComplete}
-              disabled={disabled}
-              min={min}
-              onInput={onInput}
-              accept={accept}
-            ></input>
-
-            <Horizontal size="xs" />
-
-            <Icon
-              background={!viewPass ? "inverted" : "success"}
-              color={!viewPass ? "base" : "inverted"}
-              isClickable
-              name="userView"
-              onClick={onClickViewPass}
-              size="sm"
-            />
-
-
-          </div>
-
-          : isOpenModal
+          <Horizontal size="xs" />
 
-            ?
-            <div style={{ pointerEvents: disabled ? 'none' : 'all' }} id="onClickModalDynamicSelect_dynamic" className={getStyles('DynamicSelect_dynamic-select__oduOS')}>
-              <div className={getStyles('css-1mfv3n-container')}>
-                <div style={{ zIndex: 1, background: disabled ? '#eeeeee' : 'hsl(0, 0%, 100%)' }} className={getStyles('css-mlo5or-control')}>
-                  <div onClick={(op) => onClickModal(op, id)} style={{ height: '36px' }} className={getStyles('css-1huup54-ValueContainer')}>
-                    <div className={getStyles('css-qc6sy-singleValue')}>{value}</div>
-                  </div>
-                  <div className={getStyles('css-1hb7zxy-IndicatorsContainer')}>
-                    {value !== '' ? <div onClick={(op) => onClickDeleteInput(op, id)} className={getStyles('css-tlfecz-indicatorContainer')} aria-hidden="true">
-                      <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" className={getStyles('css-tj5bde-Svg')} >
-                        <path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path>
-                      </svg>
-                    </div> : null}
-                    <span className={getStyles('css-1okebmr-indicatorSeparator')}>
-                    </span>
-                    <div onClick={(op) => onClickModal(op, id)} className={getStyles('css-tlfecz-indicatorContainer')} aria-hidden="true">
-                      <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" className={getStyles('css-tj5bde-Svg')}>
-                        <path
-                          fillRule="evenodd"
-                          clipRule="evenodd"
-                          d="M10 20C4.48612 20 0 15.5139 0 10C0 4.48612 4.48612 0 10 0C15.5139 0 20 4.48612 20 10C20 15.5139 15.5139 20 10 20ZM10 1.09864C5.09155 1.09864 1.09864 5.09155 1.09864 10C1.09864 14.9084 5.09155 18.9014 10 18.9014C14.9084 18.9014 18.9014 14.9084 18.9014 10C18.9014 5.09155 14.9084 1.09864 10 1.09864Z"
-                        />
-                        <path
-                          fillRule="evenodd"
-                          clipRule="evenodd"
-                          d="M4.68396 9.4093H15.316V10.5906H4.68396V9.4093Z"
-                        />
-                        <path
-                          fillRule="evenodd"
-                          clipRule="evenodd"
-                          d="M9.40942 4.68396H10.5908V15.316H9.40942V4.68396Z"
-                        />
-                      </svg>
-                    </div>
+          <Icon
+            background={!viewPass ? 'inverted' : 'success'}
+            color={!viewPass ? 'base' : 'inverted'}
+            isClickable
+            name="userView"
+            onClick={onClickViewPass}
+            size="sm"
+          />
+        </div>
+      ) : isOpenModal ? (
+        <div
+          style={{ pointerEvents: disabled ? 'none' : 'all' }}
+          id="onClickModalDynamicSelect_dynamic"
+          className={getStyles('DynamicSelect_dynamic-select__oduOS')}
+        >
+          <div className={getStyles('css-1mfv3n-container')}>
+            <div
+              style={{
+                zIndex: 1,
+                background: disabled ? '#eeeeee' : 'hsl(0, 0%, 100%)',
+              }}
+              className={getStyles('css-mlo5or-control')}
+            >
+              <div
+                onClick={(op) => onClickModal(op, id)}
+                style={{ height: '36px' }}
+                className={getStyles('css-1huup54-ValueContainer')}
+              >
+                <div className={getStyles('css-qc6sy-singleValue')}>
+                  {value}
+                </div>
+              </div>
+              <div className={getStyles('css-1hb7zxy-IndicatorsContainer')}>
+                {value !== '' ? (
+                  <div
+                    onClick={(op) => onClickDeleteInput(op, id)}
+                    className={getStyles('css-tlfecz-indicatorContainer')}
+                    aria-hidden="true"
+                  >
+                    <svg
+                      height="20"
+                      width="20"
+                      viewBox="0 0 20 20"
+                      aria-hidden="true"
+                      focusable="false"
+                      className={getStyles('css-tj5bde-Svg')}
+                    >
+                      <path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path>
+                    </svg>
                   </div>
+                ) : null}
+                <span
+                  className={getStyles('css-1okebmr-indicatorSeparator')}
+                ></span>
+                <div
+                  onClick={(op) => onClickModal(op, id)}
+                  className={getStyles('css-tlfecz-indicatorContainer')}
+                  aria-hidden="true"
+                >
+                  <svg
+                    height="20"
+                    width="20"
+                    viewBox="0 0 20 20"
+                    aria-hidden="true"
+                    focusable="false"
+                    className={getStyles('css-tj5bde-Svg')}
+                  >
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M10 20C4.48612 20 0 15.5139 0 10C0 4.48612 4.48612 0 10 0C15.5139 0 20 4.48612 20 10C20 15.5139 15.5139 20 10 20ZM10 1.09864C5.09155 1.09864 1.09864 5.09155 1.09864 10C1.09864 14.9084 5.09155 18.9014 10 18.9014C14.9084 18.9014 18.9014 14.9084 18.9014 10C18.9014 5.09155 14.9084 1.09864 10 1.09864Z"
+                    />
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M4.68396 9.4093H15.316V10.5906H4.68396V9.4093Z"
+                    />
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M9.40942 4.68396H10.5908V15.316H9.40942V4.68396Z"
+                    />
+                  </svg>
                 </div>
-                <input
-                  inputmode="none"
-                  style={{ top: '0px', position: 'absolute', zIndex: 0 }}
-                  className={getStyles('input', {
-                    'is-inline': isInline,
-                    'is-inline-code': isInlineCode,
-                    'is-input-filter': isInputFilter,
-                    'is-input-secondary': isInputSecondary,
-                    'is-date': isDate,
-                  })}
-                  readOnly={'true'}
-                  // type={'hidden'}
-                  id={id}
-                  value={value}
-                  placeholder={placeholder}
-                  onChange={onChange}
-                  onFocus={onFocus}
-                  onBlur={onBlur}
-                  onClick={onClick}
-                  // onKeyDown={onKeyDown}
-                  maxLength={maxLength}
-                  autoComplete={autoComplete}
-                  disabled={disabled}
-                  min={min}
-                  autoFocus={autoFocus}
-                  onInput={onInput}
-                  accept={accept}
-                  onKeyDown={(op) => pulsar(op, id)}
-                ></input>
               </div>
             </div>
-
-            : <input
+            <input
+              inputmode="none"
+              style={{ top: '0px', position: 'absolute', zIndex: 0 }}
               className={getStyles('input', {
                 'is-inline': isInline,
                 'is-inline-code': isInlineCode,
@@ -244,8 +240,8 @@ export const Input = ({
                 'is-input-secondary': isInputSecondary,
                 'is-date': isDate,
               })}
-              readOnly={readonly}
-              type={type}
+              readOnly={'true'}
+              // type={'hidden'}
               id={id}
               value={value}
               placeholder={placeholder}
@@ -253,7 +249,7 @@ export const Input = ({
               onFocus={onFocus}
               onBlur={onBlur}
               onClick={onClick}
-              onKeyDown={onKeyDown}
+              // onKeyDown={onKeyDown}
               maxLength={maxLength}
               autoComplete={autoComplete}
               disabled={disabled}
@@ -261,9 +257,38 @@ export const Input = ({
               autoFocus={autoFocus}
               onInput={onInput}
               accept={accept}
+              onKeyDown={(op) => pulsar(op, id)}
             ></input>
-      }
-
+          </div>
+        </div>
+      ) : (
+        <input
+          className={getStyles('input', {
+            'is-inline': isInline,
+            'is-inline-code': isInlineCode,
+            'is-input-filter': isInputFilter,
+            'is-input-secondary': isInputSecondary,
+            'is-date': isDate,
+          })}
+          readOnly={readonly}
+          type={type}
+          id={id}
+          value={value}
+          placeholder={placeholder}
+          onChange={onChange}
+          onFocus={onFocus}
+          onBlur={onBlur}
+          onClick={onClick}
+          onKeyDown={onKeyDown}
+          maxLength={maxLength}
+          autoComplete={autoComplete}
+          disabled={disabled}
+          min={min}
+          autoFocus={autoFocus}
+          onInput={onInput}
+          accept={accept}
+        ></input>
+      )}
     </>
   )
 }
@@ -316,15 +341,15 @@ Input.defaultProps = {
   isInputFilter: false,
   isInputSecondary: false,
   isDate: false,
-  onChange: () => { },
-  onFocus: () => { },
-  onBlur: () => { },
-  onClick: () => { },
-  onClickModal: () => { },
-  onKeyDown: () => { },
-  onKeyUp: () => { },
-  onInput: () => { },
-  getStyles: () => { },
+  onChange: () => {},
+  onFocus: () => {},
+  onBlur: () => {},
+  onClick: () => {},
+  onClickModal: () => {},
+  onKeyDown: () => {},
+  onKeyUp: () => {},
+  onInput: () => {},
+  getStyles: () => {},
   isViewIcon: false,
   idIcon: 'Ejemplo',
   nameIcon: 'user',
@@ -334,7 +359,7 @@ Input.defaultProps = {
   autoComplete: 'on',
   disabled: false,
   readonly: false,
-  onClickViewPass: () => { },
+  onClickViewPass: () => {},
   viewPass: false,
   accept: '',
   isOpenModal: false,

package/atoms/Label/Label.js

@@ -7,9 +7,15 @@ import withStyles from '../../hocs/withStyles'
 
 export const Label = ({ children, getStyles, isHint, isPointer, onClick }) => {
   return (
-
-    <label onClick={onClick} className={getStyles('label', ['color'], { 'is-hint': isHint, 'is-pointer': isPointer })}>{children}</label>
-
+    <label
+      onClick={onClick}
+      className={getStyles('label', ['color'], {
+        'is-hint': isHint,
+        'is-pointer': isPointer,
+      })}
+    >
+      {children}
+    </label>
   )
 }
 
@@ -22,11 +28,11 @@ Label.propTypes = {
 }
 
 Label.defaultProps = {
-  getStyles: () => { },
+  getStyles: () => {},
   children: ' ',
   isHint: false,
   color: 'label',
-  onClick: () => { },
+  onClick: () => {},
 }
 
 export default withStyles(styles)(Label)